Project Background

Boomcloud, a recent startup company, wanted to present sharable social media in a unique interactive 3D way. When they first approached me, they had a prototype of a spinning cube programmed using native iOS but needed to take the next step by expanding the concept to run on multiple devices in a responsive manner. Additionally they needed to give users the ability to author cubes quickly and easily. With limited time and funds I recommended using an HTML platform that could be run on all platforms, using the same codebase without compromising the user look and feel. The first cube rendering engine I created used pure CSS and HTML. While this approach produced great reactive results, we discovered IE 11 did not support the necessary CSS to enable the 3D effect. The second 3D cube rendering engine I built utilized a JavaScript library called TheeJS which rendered within an HTML Canvas element. This produced impressive smooth rendering results and user feel as you can see in the examples on this page.

User authentication and cube information was implemented using MongoDB and Mongoose schema modeling. Image files were stored in an AWS S3 instance. I leveraged web sockets to update cubes on multiple devices simultaneously.

CSS 3D cube engine (non interactive)

The demonstration below impleted using only CSS and HTML

3D cube engine using ThreeJS (non interactive)

The demonstration below impleted using a pure JavaScript 3D rendering engine called TheeJS