Three.js有一系列导入外部文件的辅助函数，是在three.js之外的，使用前需要额外下载，在https://github.com/mrdoob/three.js/tree/master/examples/js/loaders可以找到。*.obj是最常用的模型格式，导入*.obj文件需要OBJLoader.js；导入带*.mtl材质的*.obj文件需要MTLLoader.js以及OBJMTLL
原创
2022-04-24 18:11:51
537阅读
1、安装插件npm install three --save-devnpm install three three-orbitcontrolsnpm install three three-obj-mtl-loader stats-js2、import * as Three from 'three' import { GLTFLoader } from 'three/examples/jsm/l
转载
2021-05-11 09:41:53
1868阅读
2评论
用javascript canvas的方式画出来的风扇立体感不够强，这里用three.js来尝试造一个。
纹理 需要const texture = textureLoader.load(url);texture.flipY = false;textur
原创
2023-02-14 10:11:56
2288阅读
<!DOCTYPE html><html> <head> <script type="text/javascript" src="libs/three.js"></script> <script type="text/javascript" src="libs/OBJLoader.js">&l
原创
2022-04-24 18:13:16
3809阅读
threejs是webgl的一个库,通过它我们可以利用大量已有的api做出很好的3d图形. 第一部分：html页面框架 第二部分：Three.js中的坐标轴 我们要建立三位场景，那么一定是离不开坐标轴的。 创建一个场景非常的简单，就是var scene = new THREE.Scene(); 而创
转载
2017-02-19 00:54:00
526阅读
2评论
VUE3 + Three.js 坑 1. 问题描述 将scene、camera、renderer、controls等变量用reactive变成响应式时，页面渲染会报错: three.module.js?5a89:24471 Uncaught TypeError: 'get' on proxy: pr
原创
2024-01-04 09:40:48
455阅读
VUE3 + Three.js 坑 1. 问题描述 将scene、camera、renderer、controls等变量用reactive变成响应式时，页面渲染会报错: three.module.j
原创
2024-01-03 14:24:59
388阅读
材质属性.visible查看Three.js文档的基类Material，可以知道材质属性.visible的作用就是控制绑定该材质的模型对象是否可见，默认值是true，LineBasicMaterial、SpriteMaterial、MeshBasicMaterial等材质都会继承基类Material
转载
2019-06-18 11:58:00
192阅读
材质属性.visible查看Three.js文档的基类Material，可以知道材质属性.visible的作用就是控制绑定该材质的模型对象是否可见，默认值是true，LineBasicMaterial、SpriteMaterial、MeshBasicMaterial等材质都会继承基类Material
转载
2019-06-15 10:12:00
128阅读
你在使用Three.js开发项目的过程中，可能需要隐藏一个模型，或者一个模型处于隐藏状态，又希望让它显示出来，那么你可以继续阅读下去。 材质属性.visible查看Three.js文档的基类Material，可以知道材质属性.visible的作用就是控制绑定该材质的模型对象是否可见，默认值是true
转载
2019-06-14 08:57:00
659阅读
模型对象/材质三维向量 Vector3 与模型位置该类表示的是一个三维向量（3D vector）。 一个三维向量表示的是一个有顺序的、三个为一组的数字组合（标记为 x、y 和 z）， 可被用来表示很多事物，例如：一个位于三维空间中的点。一个在三维空间中的方向与长度的定义。在 three.js 中，长度总是从(0, 0, 0)到(x, y, z)的 Euclidean distance（欧几里德距离
原创
2023-09-15 09:26:27
198阅读
关于GroupGroup 层级模型通过 THREE.Group 类创建一个组对象 group,然后通过 add 方法把网格模型 mesh1、mesh2 作为设置为组对象 group 的子对象，然后在通过执行 scene.add(group)把组对象 group 作为场景对象的 scene 的子对象。也就是说场景对象是 scene 是 group 的父对象，group 是 mesh1、mesh2 的
原创
精选
2023-09-18 09:18:45
659阅读
/PointLight（点光源） 或 SpotLight（聚光灯） 这两种光源可以照亮模型的大部分区域，但是它们的效果通常受限于光源的位置和
原创
2024-09-09 13:59:48
108阅读
部分内容参考自：（1）Three.js百度百科：https://baike.baidu.com/it
原创
2022-11-02 09:17:54
821阅读
查看Three.js文档的基类Material，可以知道材质属性.visible的作用就是控制绑定该材质的模型对象是否可见，默认值是true，LineBasicMaterial、SpriteMaterial、MeshBasicMaterial等材质都会继承基类Material的可见性.visible
转载
2019-07-08 21:21:00
255阅读
<!DOCTYPE html><html><head> <title>Example 01.03 - Materials and light</title> <script type="text/javascript" src="../libs/three.js"></script> <sc
原创
2022-04-24 17:37:13
247阅读
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html> <head> <script type="text/javascript" src="libs/three
原创
2022-04-24 18:12:54
324阅读
