web3D
Overview
Step I
Search the current web3D technology and engine, I know that the available three.js engine and babylon.js engine.
I prefer that you use three.js directly and learn the JavaScript language. You can learn to view the samples of three.js, and then find the functions we need from it, and modify it to achieve an effect that can be integrated into our project.
Step II
You need to complete the following requirements.
Function | Form |
|---|---|
Camera view rotate | Hold down the left mouse button and drag |
Camera view translate | Hold down the right mouse button and drag |
Camera view distance | Mouse wheel |
Orthogonality, perspective view | Scene Gizmo(Navigation) like Unity or 3ds Max |
Three-view quick navigation | Ditto |
Clipping/Stencil | Slider or mouse etc. |
Export different formats | A button |
Call camera | A button? |
Step III
Integrate into the project, before you can learn how to write a web page, learn to embed the above functions.