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