3d user experience with HTML5 and Javascript

I've to build a 3D user experience with HTML5 and any required JS library which provides such functionality. 3D scene consists of a cylindrical pipe and surface. It has 360 degree rotation and can zoom in and out. As user selects a parameter, specific value of that parameter at various depth of pipe in surface should display.

I've searched for HTML5 3d and JS libraries and found three.js could help for this.Also found this useful presentation on HTML 3d engine: http://projects.mariusgundersen.net/OnGameStart/#1 .But as this is my first time with HTML5 3d modeling, how should I initiate to build ? What parameters should be considered ? Which tools and libraries would best fit for such requirements ?

I would like to create a 3d model using HTML5 and JS 3d engine as shown in the 1st image.

Answers


I did a similar little 3D animation using blender for the modeling, three.js as the JavaScript 3D engine and tween.js for animation. You can export models from blender to three.js.


Need Your Help

Check if a string has a particular format?

java regex string format

I need a boolean to check if a given string follows the below format:

div height 100% not showing on page

css html

I'm trying to make a div 100% of the screen height, and I can't get it to work. My wrapper is the first and last thing in the <body>, and it's height is 100%. I have another div inside this, ...