primary
Pre-knowledge: vue2+threejs
- A small case of using three.js in Vue to implement a 3D model : a very basic non-map rotating cube with complete code
Pre-knowledge: vue3+ts+threejs
vue3.0 + ts + threejs realizes a simple demo : a cube effect with rotating texture, no original texture, no demo and source code.
Use three.js in Vue to realize a small case of 3D model : 3d scene effect, vr viewing effect. Figure source and full code are provided.
tutorial
Vue 2 is mixed with threejs basic version (1) with source code and detailed explanation (including mind map), which is very good for getting started with threejs. There are also some extended articles. The effect is relatively simple, spheres and cubes without textures.
Drawing points, lines, surfaces, and UV maps in three-dimensional space, the universal BufferGeometry (three.js actual combat 4) is also a very good introductory tutorial, and BufferGeometry is still very commonly used. Learned to draw lines.
expand
Introduction and use of external models
vue2+three.js implements the introduction of 3D models to the page and performs simple model control . No source code, but code and effects.
Cutting plane of threejs
ThreeJS Sectioning-Highlight section/section filling Cool effect, never tried