创建vue项目

安装yarn npm install -g yarn 创建项目 yarn create vite your_app npm vs yarn 维度 npm Yarn
作者：iohannes
分类： 前端

three.js普通地面视角

import * as THREE from 'three'; import { OrbitControls } from 'three/addons/controls/OrbitControls.js'; //scene let scene = new THREE.Scene(); //gri
作者：iohannes
分类： 前端

three.js常见贴图

import * as THREE from 'three'; import { OrbitControls } from 'three/addons/controls/OrbitControls.js'; //scene let scene = new THREE.Scene(); //lig
作者：iohannes
分类： 前端

three.js 播放动画

加载动画 let nameToClip = {}; let mixer = null; const loader = new GLTFLoader(); loader.load('/threed/models/' + modelName, function (gltf) { let mode
作者：iohannes
分类： 前端

three.js 鼠标移动物体

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Three.js_MouseEvent</title> <style> body { margi
作者：iohannes
分类： 前端

three.js更改对象属性

更改背景 let scene = new THREE.Scene() scene.background = new THREE.TextureLoader().load(image); scene.background = new THREE.Color(color) 更改对象材质 // Crea
作者：iohannes
分类： 前端

three.js灯光

DirectinalLight(平行光) 方向光，常常用来表现太阳光照的效果 创建 const light = new THREE.DirectionalLight(0xffffff, 1); light.position.set(0, 10, 0); light.target.position.s
作者：iohannes
分类： 前端

three.js获取模型所有子对象

new OBJLoader().load('dt.obj', function (object) { function getChildrenObj(object, resultMap) { object.traverse((v) => { if (v.isMesh && v
作者：iohannes
分类： 前端

three.js物体沿曲线运动

<!DOCTYPE html> <html lang="en"> <body> <div id="webgl_3d"></div> </body> <script type="importmap"> { "imports": { "three": "../js/three
作者：iohannes
分类： 前端

three.js相机属性

OrthographicCamera（正交相机） 物体显示的大小和绘制时一样大小，是不会因为距离目测点远而变小的。实际生产环境一般不会选&
作者：iohannes
分类： 前端
共 34 篇文章
页