How we created our mind-bending Tarot Cards with 3D scenes inside of them

Kismet

Kismet is a daily fortune-teller who delivers eerily accurate tarot and astrology readings from inside a beautifully detailed, magical, transforming Gothic cabin.

[img]http://static1.squarespace.com/static/56f440e04d088ea7d955f692/t/57730cb4bebafb91320f5ac0/1467157707901/[/img] When viewed from the front, each of the Tarot Cards in Kismet appears to have a fully rendered, animated 3D scene inside of it. However, if you turn the card or move your head around it, it appears to be as thin as paper. Want to know how we did it? We've posted a full write-up on our website for you to check out, with lots of images from the making-of process. Here's a quick preview for you, then [url=http://www.kismetvr.com/kismets-tarot-cards]head to our website[/url] for the rest: [b]The original painting of "Death":[/b] [img]http://cdn.akamai.steamstatic.com/steamcommunity/public/images/clans/24515011/f8a41b39386c1194762d8d6ec000d1c533a6341f.jpg[/img] [b]"Death," cut into pieces:[/b] (Also pictured: the "Fool" card) [img]http://cdn.akamai.steamstatic.com/steamcommunity/public/images/clans/24515011/d2cd33a879ab4b49be73daccb813c03f074c3006.jpg[/img] [b]"Death," animated:[/b] [img]http://static1.squarespace.com/static/56f440e04d088ea7d955f692/t/5772fcbff5e231100a56d6e0/1467153609876/kismet_tarot_card_13_death.gif[/img] [b]How we did it:[/b] The cards are not strictly any one size. They are actually in a constant state of transformation that allows them to maintain the appearance that you see inside the experience. Each card in the game knows where the player is looking. The card compares the player’s location to its own, as well as to its relative rotation. Using that information, the card calculates something called a Dot Product. The Dot Product drives a constantly updating physical transformation of the cards themselves. If a player is looking at a Tarot Card straight on, the card stretches to its maximum depth, making it look more 3D. As the card turns to it's side, or the player moves their head around it, the Dot Product shrinks, as does the stretching. The more the player looks at the card on its side, the flatter the card becomes. Up until it's as thin as a piece of paper. The calculation happens to every card, on every frame, ninety frames a second. Read More: [url=http://www.kismetvr.com/kismets-tarot-cards]http://www.kismetvr.com/kismets-tarot-cards[/url]