Layered Interface D3.js: Gallery 3D

WORK IN PROGRESS:
Another section completed for additional visuals for the 3D Personal Gallery. It presently holds Blue Chart Data Visualization created in D3.js and embedded using the following:

"data-transform="translateX(-1000px) rotateY(90deg) translateZ(-1140px) translateY(-150px) rotateX(60deg) scale(1)"

The real challenge is adding collision detection the same way Keith Clark did in his "CSS powered 3D Environment" game:

http://keithclark.co.uk/labs/css-fps/

Posted on Apr 21, 2017
Johann Rosario
INTERACTION DESIGN PORTFOLIO

More by Johann Rosario

View profile