Exploring the 3rd Dimension

 

I decided to dive into Interactive 3D and 2D graphics within the web browser.More specifically I used Mozilla’s WebGL (Web Graphics Library). WebGL is a Javascript (JS) API for rendering 2D and 3D graphics in compatible browsers without the need to use Plugins.

More specifically I used Mozilla’s WebGL (Web Graphics Library). WebGL is a Javascript (JS) API for rendering 2D and 3D graphics in compatible browsers without the need to use Plugins. It does so, by “Introducing an API that closely conforms to OpenGL ES 2.0 that can be used in HTML5 elements.

Check out official information here: https://developer.mozilla.org/en-US/docs/Web/API/WebGL_API

In order to make an easy to follow guide, and a way for people with no experience in 3D programming I used ThreeJS.

Found here: https://threejs.org/

ThreeJS is a library to make WebGL easier. Since WebGL is an API that allows the developer to access a computers specialized graphics hardware using JS.

My goal for this exploration was to create an animated rotating 3-Dimensional shape that would translate from side to side. I explored not only 3D graphics, shapes, Materials, Rotations and Translations.

The biggest problems I faced was the getting the shape to move side to side at very smooth speed and then leave the trail of its past position behind.

TOP