Roll20 uses cookies to improve your experience on our site. Cookies enable you to enjoy certain features, social sharing functionality, and tailor message and display ads to your interests on our site and others. They also help us understand how our site is being used. By continuing to use our site, you consent to our use of cookies. Update your cookie preferences .
×
Create a free account
This post has been closed. You can still view previous posts, but you can't post any new replies.

3D Anaglyph Tiles Test

1473091751

Edited 1473091838
(You will need Red/Cyan 3D anaglyph glasses to view this image. &nbsp;Red/Blue will work, but not as well). I've been experimenting with creating 3D Anaglyph projections of some of the Dungeon Tiles I have on Roll20. &nbsp;I'm following this tutorial on creating displacement maps for images: <a href="http://blog.spoongraphics.co.uk/tutorials/how-to-c" rel="nofollow">http://blog.spoongraphics.co.uk/tutorials/how-to-c</a>... I decided to try it out on the Castles and Ruins tile set by Andy Gerding. Using a gray-scale to determine the displacement, I set 0% as the bottom, 50% as the floor (no displacement), and 100% as the top of the walls. &nbsp;Generally speaking, with 3d Anaglyph images, the less seperation of the two images, the easier it is on the eyes. &nbsp;So by setting the floor level to not be displaced at all, it should be fairly easy on the eyes. &nbsp;This also means that the floor appears at the level of the screen, while the pit appears to go into the screen, and the walls pop out. Here's the displacement map for the pit trap: The floor is at 50% gray, which means it won't be displaced at all. &nbsp;I used gradients on the pit walls going from 50% gray to 0% gray. &nbsp;And for the spikes, I traced each spike, and applied a gradient from 0% to 25% gray. &nbsp;I don't the spikes came out that great, but it works when it's small. I may create a couple more displacement maps just for fun, but the biggest problem I see with developing a 3D anaglyph tile set, is that you can't rotate or flip any of the tiles, or it completely destroys the 3d effect. &nbsp;You also have to view the map from the correct orientation (ie face the front of the screen). &nbsp;If the screen was laying flat on a table, the effect would only work for those facing the front. &nbsp;This would greatly increase the number of tiles required in a tile set.
1473099595
Gold
Forum Champion
Cool idea Andrew. This reminds me of Stephen's cryptography puzzles in the Marketplace (similar optical illusion but not the same technique), <a href="https://marketplace.roll20.net/browse/set/404/dung" rel="nofollow">https://marketplace.roll20.net/browse/set/404/dung</a>... <a href="https://marketplace.roll20.net/browse/set/407/dung" rel="nofollow">https://marketplace.roll20.net/browse/set/407/dung</a>...
1473114423
Lithl
Pro
Sheet Author
API Scripter
Neat! I don't have any 3D glasses on me, but I can report that the two images you've posted at least don't hurt my eyes like a 3D movie sans-glasses does.
1473157772
plexsoup
Marketplace Creator
Sheet Author
API Scripter
That's super cool! Now we just need to capture mouse movement for parallax effects. <a href="http://depthy.me/#/" rel="nofollow">http://depthy.me/#/</a> It's open source! <a href="https://github.com/panrafal/depthy" rel="nofollow">https://github.com/panrafal/depthy</a>