Boys On Hudson
May 9, 2018 · 2 min read

For the last assignment of Open Source Cinema, Chian and I decided to continue working on the ideas we had from the Story Elements. We built a moire pattern and a zoetrope inside the 3D scene to visualize and explore our concept of space and time. After doing research to solve technical problems for three.js, we shifted to A-Frame because it’s very easy to set up and already has all the components we need to put a geometry, apply texture and make an animation without writing any Javascript codes.


The diagram above shows how we construct the 3D scene in A-Frame. A texture or an image can be easily applied to the sky, ground and cylinder. To make the moire pattern, we first create an image of an opaque ruled pattern with transparent gaps, and apply it to the inside of the cylinder. Next, we apply another pattern to the sky. Finally, we animate and make the cylinder spin. The overall process of zoetrope is similar to the moire pattern, but instead of making the cylinder spin, we make the sky spin.


Here are the links to the results. Try them with a WebVR head mount like Google Cardboard if you have one!

The Moire Pattern
http://sayhellotoalan.co/others/osc/moire/moire-pattern.htm

The Zoetrope
http://sayhellotoalan.co/others/osc/moire/sneezing.htm

Open Source Cinema

“Motion pictures, perhaps our most convincing medium, is now undergoing such a transformation thanks to virtual reality technologies. Here we create a working proof of concept for a shared story space.”

Boys On Hudson

Written by

A 2nd-year @ ITP, Tisch

Open Source Cinema

“Motion pictures, perhaps our most convincing medium, is now undergoing such a transformation thanks to virtual reality technologies. Here we create a working proof of concept for a shared story space.”

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade