primario
Conocimiento previo: vue2+tresjs
- Un pequeño caso de uso de three.js en Vue para implementar un modelo 3D : un cubo giratorio sin mapa muy básico con código completo
Conocimiento previo: vue3+ts+tresjs
vue3.0 + ts + threejs realiza una demostración simple : un efecto de cubo con textura giratoria, sin textura original, sin demostración y código fuente.
Use three.js en Vue para realizar un pequeño caso de modelo 3D : efecto de escena 3d, efecto de visualización vr. Se proporciona la fuente de la figura y el código completo.
tutorial
Vue 2 se combina con la versión básica de threejs (1) con código fuente y una explicación detallada (incluido el mapa mental), lo cual es muy bueno para comenzar con threejs. También hay algunos artículos extensos. El efecto es relativamente sencillo, esferas y cubos sin texturas.
Dibujar puntos, líneas, superficies y mapas UV en un espacio tridimensional, el BufferGeometry universal (three.js real combat 4) también es un muy buen tutorial introductorio, y BufferGeometry todavía se usa con mucha frecuencia. Aprendió a dibujar líneas.
expandir
Introducción y uso de modelos externos
vue2+tres.js implementa la introducción de modelos 3D a la página y realiza un control de modelo simple , sin código fuente, pero sí con código y efectos.
Plano de corte de tres js
ThreeJS Sectioning-Highlight sección/llenado de sección Efecto genial, nunca probado