Using ezAR with Three.js - Cube Example

Today @jouderianjr tweeted asking if ezAR can be used with the 3D JavaScript library, Three.js? I have had the task of creating an ezAR demo that includes 3D objects overlaying a video preview on my plate for the last couple of weeks. Jouderian's tweet prompted me to follow through and create a simple rotating 3D cube overlaying a video preview created with the ezAR VideoOverlay plugin for Cordova.  A src link provide at the bottom of this article.

 

I tested this demo on an iPhone 6S, Nexus 5 & Nexus 7. The runs great on my iOS devices. On my Android device, both of which are running Android 6.0.1 I encountered WebGL errors. I'll be looking into these issues and provide more details. Also I plan to develop a more interesting demo using three.js. 

The src code for the demo is a modified version from Ajeet Yadev's article, Creating 3D Cube: A Practical Guide to Three.js.

Catch me on twitter at @ezARTech.