![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
threejs
文章平均质量分 58
冉冉胜起
冉冉胜起
展开
-
gltf-pipeline压缩gltf与加载教程
gltf-pipeline的git地址:https://gitcode.net/mirrors/analyticalgraphicsinc/gltf-pipeline1.全局安装:npm install -g gltf-pipeline2.打开cmd,路径切换到需要压缩的gltf文件所在的目录,例如有一文件model.gltf需要压缩:执行:gltf-pipeline -i model.gltf -j -d即可输出压缩后的文件model-processed.gltf.3.若想原创 2022-03-23 16:02:13 · 4599 阅读 · 2 评论 -
threejs中监听单击事件(左键和右键)
直接监听click事件效果不好,鼠标按下时不执行,抬起时才执行。于是找到了下面的方法:当鼠标滑动或拖动时,也就是鼠标按下和抬起之间经过的像素大于1时,是不执行单击事件的,判断鼠标滑动的距离小于1个像素点时才执行单击事件:代码如下://添加单击事件 addClickEventDiy() { var that = this; var EventUtil = { // 添加绑定事件 addHandle: function(element原创 2022-03-22 17:27:16 · 2042 阅读 · 0 评论 -
threejs单击选中模型高亮显示/选中模型发光
目录效果图(颜色和呼吸灯时间可调节):1.本例子是在vue中实现,引入依赖文件:2.data中定义全局变量3.必须在render()方法中执行composer.render()4.调用方法outlineObj(selectedObjects),参数为选中的模型所组成的数组[ ].效果图(颜色和呼吸灯时间可调节):1.本例子是在vue中实现,引入依赖文件:import * as THREE from 'three'import { EffectComposer } f.原创 2021-03-04 13:59:16 · 18878 阅读 · 69 评论