three.js
文章平均质量分 63
DP323
这个作者很懒,什么都没留下…
展开
-
三维地质模型调整视角
不在摄像机位置调整,需调这里的三个参数:原创 2021-08-20 11:36:53 · 216 阅读 · 0 评论 -
Three.js本地矩阵.materix和世界矩阵.matrixWorld
https://blog.csdn.net/u014291990/article/details/102992369转载 2021-05-19 15:47:27 · 526 阅读 · 0 评论 -
加载三维模型
直接使用three.js编程建模比较麻烦,实际开发的时候往往会借助一些可视化的3D建模工具,比如SolidWorks、Blender、C4D、3Dmax。不同领域的三维软件支持导出的文件有所差异,比如工业设计、机械设计类的三维软件往往支持导入静态的3D模型,游戏开发常常使用的Blender等三维软件,除了静态的三维模型,还可以导出含有动画信息的三维模型。three.js针对不同的文件格式,提供了许多对应的.js加载文件,使用的时候和相机控件一样先引入html文件中。一、.STL格式(stl三维模型)原创 2021-05-19 14:07:09 · 1023 阅读 · 0 评论 -
虚拟现场(二)
一、网格模型几何变换(缩放、平移、旋转)创建场景中的三维模型往往需要设置显示大小、位置、角度,three.js提供了一系列网格模型对象的几何变换方法,从WebGL的角度看,旋转、缩放、平移对应的都是模型变换矩阵网格模型对象的旋转、缩放、平移等方法或属性可以查找three.js文档的Object3D对象,该对象是网格模型对象、点模型对象、线条模型对象的基类。通过.scale()、.translate()、.rotateX/Y/Z()等方法可以对几何体本身进行缩放、平移、旋转等几何变换。注意本质上都原创 2021-05-19 10:52:10 · 269 阅读 · 0 评论 -
虚拟现场(一)
虚拟现场(一)学习目标:掌握用Threejs实现虚拟现场的制作,虚拟现场是通过现场实时数据驱动模型运动;加载的js文件有哪些,这些Js文件的作用是什么学习内容:以threejs-master中的一个demo为研究对象,demo选用webgl_loader_collada_kinematics.html,学习其中:加载的js有如下几种:<script src="../build/three.js"></script><script src="js/原创 2021-05-17 19:35:15 · 353 阅读 · 0 评论 -
three.js加载3D模型(glb/gltf/fbx)
three.js加载3D模型(glb/gltf/fbx)一、理解three:1.一个可以在某个3D建模软件打开的东西,通过某种方案在浏览器中打开;2.不要试图手动去创建3D图形,当然比较闲的话可以这样操作,3.把three当作一个3D模型播放器,在播放器里可以对模型做一些操作:调色调光,调整坐标,切换视角,播放模型中的动画…;4.某个建模软件(3dMax…)把已经做好的模型导出了模型文件(ojb,glb,gltf,fbx等格式),通过某个可支持此格式的Loader,最终渲染到场景里 ,就像web转载 2021-05-14 14:33:19 · 14958 阅读 · 5 评论 -
三维模型导出格式
虚拟现场模型驱动(一)1、张工拷出的EBH315M-4包含三种类型的文件:.blend/.dae/.STL(1).dae无法在Threejs中使用,不做考虑(2).blend文件——是一个3D 项目文件使用开源三维建模程序Blender创建的三维图像或动画项目;包含三维网格数据、照明信息、顶点绘制、动画关键帧、NURBS对象、程序纹理、uvmapping布局和实时交互数据;也可以在单个文件中存储多个场景。.blend文件包含动画中使用的所有对象、纹理、声音、图像、效果和场景;因此,.bl原创 2021-05-14 11:17:33 · 3906 阅读 · 0 评论 -
搭建Node.js本地静态服务器
搭建Node.js本地静态服务器使用Nodejs搭建本地静态服务器,首先是先在你的电脑上安装配置好Nodejs,然后使用npm执行npm install -g live-server安装live-server模块,如果你想通过安装好的live-server模块开启一个静态服务器,打开命令行,进入threejs案例所在的文件目录,然后执行live-server命令就可以。...原创 2021-05-12 14:30:37 · 343 阅读 · 0 评论 -
初识nodejs及详细安装步骤
5.12工作记录初识nodejs及详细安装步骤1、什么是nodejs? 脚本语言需要一个解析器才能运行,JavaScript是脚本语言,在不同的位置有不一样的解析器,如写入html的js语言,浏览器是它的解析器角色。而对于需要独立运行的JS,nodejs就是一个解析器。 每一种解析器都是一个运行环境,不但允许js定义各种数据结构,进行各种计算,还允许js使用允许环境提供的内置对象和方法做一些事情。如运行在浏览器中的js的用途是操作DOM,浏览器就提供了document之类的内置对象...原创 2021-05-12 14:21:14 · 135 阅读 · 1 评论