最新发布 第334页

完竣世界-关注前端分享心得

threejs

threejs GLTF格式简介(Web3D领域.JPG) 学习笔记

threejs GLTF格式简介(Web3D领域.JPG)  学习笔记
GLTF格式简介 (Web3D领域JPG) gltf格式的重要性 GLTF格式是新2015发布的三维模型格式,随着物联网、WebGL、5G的进一步发展,会有越来越多的互联网项目Web端引入3D元素,你可以把GLTF格式的三维模型理解为jpg、.png格式的图片一样,现在的网站,图...

yekong 2年前 (2023-01-17) 喜欢

js

建模软件绘制3D场景(比如Blender)

建模软件绘制3D场景(比如Blender)
三维建模软件作用 对于简单的立方体、球体等模型一你可以通过threejs的几何体相关API快速实现,不过复杂的模型,{如一辆轿车、一栋房子、一个仓库,一般需要通过3D建模软件来实现。 三维建模软件简介 Blender(轻量开源) 3damx C4D maya 特殊行业项目可能涉及...

yekong 2年前 (2023-01-17) 喜欢

js

threejs 矩形Mesh+背景透明png贴图(场景标注) 学习笔记

threejs 矩形Mesh+背景透明png贴图(场景标注) 学习笔记
threejs项目开发中,把一个背景透明的png 图像作为平面矩形网格模型Mesh的颜色贴图是一个非常有用的功能,通过这样一个功能,可以对threejs三维场景进行标注。 整体思路:创建一个矩形平面,设置颜色贴图map,注意选择背景透明的png 图像作为颜色贴图,同时材质设置 ...

yekong 2年前 (2023-01-17) 喜欢

js

threejs 3d模型 射线拾取实例 group处理

threejs 3d模型 射线拾取实例 group处理
要求 threejs 要求模型被选中后高亮并且显示名称,但是这里的模型是由多个网格模型组成的group,需要在选择做处理 演示地址 3d可视化案例 厂房 实现 将事先配置好的名称加入数组,遍历当前射线拾取的模型名称是否包含在实现配置的数组中,是的话则获取分组名称并遍历,将当前分...

yekong 2年前 (2023-01-17) 喜欢

js

threejs 本地(局部)坐标和世界坐标 学习笔记

threejs 本地(局部)坐标和世界坐标 学习笔记
1.改变子对象的position,子对象在3D空间中的坐标会发生改变。 2.改变父对象的position,子对象在3D空间中的位置也会跟着变化,也就是说父对象position和子对象position 叠加才是才是子对象的position. 任何一个模型的本地坐标(局部坐标)就是模...

yekong 2年前 (2023-01-16) 喜欢