前言最近的天气有几分酷热，去实验室的道路也有几分漫长，走着走着，小包感觉灵魂已经被热出窍了。回到实验室，把空调打开，雪糕吃上，了几分钟
转载
2022-11-25 23:56:43
1087阅读
点赞
threejs是webgl的一个库,通过它我们可以利用大量已有的api做出很好的3d图形. 第一部分：html页面框架 第二部分：Three.js中的坐标轴 我们要建立三位场景，那么一定是离不开坐标轴的。 创建一个场景非常的简单，就是var scene = new THREE.Scene(); 而创
转载
2017-02-19 00:54:00
526阅读
2评论
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评论
1.three.js提供哪些材质？ MeshBasicMaterial(网格基础材质)/基础材质，，可以用它富裕几何体一种简单的亚瑟，或者显示几何体的线框 MeshDepthMaterial（网格深度材质）/根据网格到相机的举例，这种材质决定如何给网格染色 MeshNormalMateria
原创
2017-04-28 16:15:58
731阅读
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <script src="three.js"></script> <script type="text/javascript"> //基础知识恶补 //THREE.Scene： // 场景图 // 是所有不同对象的容器，也就是说
转载
2019-11-22 10:43:00
170阅读
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
381阅读
部分内容参考自：（1）Three.js百度百科：https://baike.baidu.com/it
原创
2022-11-02 09:17:54
821阅读
这个就比较简单了，在我的这个系列文章一里代码已经包含：这里单独抄出来： // 加载模型 (function(){ //const loader = new GLTFLoader().set
原创
2022-10-28 16:36:21
641阅读
<!DOCTYPE html><html><head> <title>Example 01.04 - Materials, light and animation</title> <script type="text/javascript" src="../libs/three.js"></script>
原创
2022-04-24 17:22:29
508阅读
使用图像作为材质。这时候，就需要导入图像作为纹理贴图，并添加到相应的材质中<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html> <head> <script t
原创
2022-04-24 18:12:27
1280阅读
Three.js的核心五步就是： 1.设置three.js渲染器2.设置摄像机camera3.设置场景scene4.设置光源light5.设置物体object1.设置three.js渲染器 三维空间里的物体映射到二维平面的过程被称为三维渲染。 一般来说我们都把进行渲染操作的软件叫做渲染器。 具体来说要进行下面这些处理。 (1) 声明全局render对象； (2) 获取画布的高和宽； (2) 生成
原创
2023-05-31 16:19:45
213阅读
Demo代码地址： https://gitee.com/s0611163/three.js-demo Three.js Three.js下载 从GitHub上下载一个Release版本，https://github.com/mrdoob/three.js，本Demo使用的是r112版本，下载地址：t
原创
2022-04-30 14:08:22
1218阅读
Three.js相机包含四种相机ArrayCamera 包含着一组子摄像机，常用于多人同屏的渲染，更好地提升VR场景的渲染性能StereoCamera 双透视摄像机（立体相机），常用于创建 3D 立体影像，比如 3D 电影之类或 VRCubeCamera 有6个渲染，分别是立方体的6个面，常用于渲染环境、反光等OrthographicCamera 正交相机，在这种投影模式下，无论物体距离相机距离远
转载
2023-11-12 01:21:02
447阅读
<!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阅读
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阅读
<!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阅读
什么是WebGL。WebGL是在浏览器中实现三维效果的一套规范。使用WebGL原生的API来写3D程序是一件非常痛苦的事情，幸好，有很多同行花业余时间写了一些WebGL开源框架，其中three.js就是非常优秀的一个。 什么是threejs，很简单，你将它理解成three + js就可以了。thre
原创
2021-07-14 16:47:45
1202阅读
