随笔分类 - three.js
JavaScript编写的WebGL第三方库
摘要：1、有时需要水面起涟漪的效果，three就自带这种模型 引入水面模型 import { Water } from "three/examples/jsm/objects/Water2"; 设置并加入场景 const water = new Water(planeGeo, { textureWidth
阅读全文
摘要：1、给模型贴图都是静态的，如果想要动态的怎么办，three.js不止可以贴图片，还可以贴视频来达到动态的效果 2、实现也简单，就是把贴图片的这一步换成视频 let scene = new THREE.Scene(); let geometry = new THREE.SphereGeometry(1
阅读全文
摘要：1、给three模型贴图，例子：展示一个太阳在宇宙中心 2、思路：在添加模型的时候给模型贴上图片 创建贴图 //贴图 let textureLoader = new THREE.TextureLoader(); let road = require("./assets/004.jpg"); let
阅读全文
摘要：three.js监听模型事件是通过THREE上的Raycaster方法实现的 原理是通过获取相机和鼠标点击时的位置，计算并返回一条射线上的模型队列 //获取鼠标坐标 处理点击某个模型的事件 let mouse = new THREE.Vector2(); let raycaster = new TH
阅读全文
摘要：1、在vue项目中引用three.js npm install -save three 2、然后在vue组件中引用 import * as THREE from 'three' 3、在函数里创建场景对象Scene，创建网格模型把网格模型加入场景对象中，创建光源把光源加入场景对象中，创建相机把相机加入
阅读全文
