ThreeJS
文章平均质量分 75
web3d,webGL,threejs
杰拉拉德
这个作者很懒,什么都没留下…
展开
-
THREE.JS监听模型渲染完毕方法-非正经操作
threejs监听一个模型是否渲染完毕的非正经操作。原创 2023-03-21 10:54:25 · 1298 阅读 · 1 评论 -
基于粒子(Points)模拟雨雪天气效果
three.js模拟雨雪天气效果。原创 2022-07-26 15:23:34 · 965 阅读 · 0 评论 -
基于精灵(Sprite)管道烟雾流动效果
基于ThreeJS精灵sprite的,管道烟雾流动效果。并未使用粒子。原创 2022-06-09 19:02:52 · 1977 阅读 · 14 评论 -
基于THREEJS场景中模型局部辉光效果
基于THREEJS的场景模型局部辉光效果。原创 2022-05-30 14:24:25 · 4886 阅读 · 7 评论 -
THREEJS辉光与景深特效
THREEJS中使用EffectComposer、UnrealBloomPass和BokehPass实现辉光与景深效果。原创 2022-02-16 10:17:33 · 3203 阅读 · 2 评论 -
THREEJS导入外部OBJ+MTL后内存优化
背景近期做一个关于石油化工的3D数字孪生项目,模型均为客户那边提供,模型文件是obj+mtl+jpg组合。因为有较多局部控制动画,所以建模被要求拆分成多个obj模型,然后在场景中自动组合使用。现象用THREEJS加载模型添加到场景中后发现两个问题:1.渲染速度很慢;2.如果浏览器同时开两个或窗口,那么会出现黑屏闪一下,然后页面就全白了,场景也都没了(如下图所示)。调查经过调查发现,打开一个窗口时,GPU内存被占用3.6G,打开两个的时候直接飙到5.2G,我...原创 2022-01-20 14:32:29 · 2433 阅读 · 2 评论 -
ThreeJS导入外部obj和mtl
本文将介绍如何使用ThreeJS导入obj和带贴图mtl的外部obj模型; 使用AmbientLight为场景所有物体添加基础光源; 使用SpotLight为场景添加聚光灯效果,并为obj添加阴影效果; 使用SpotLightHelper,为聚光灯添加光源调试辅助线; 使用GUI,添加一些简单的属性操作obj模型;本文代码结构将在之前的文章VUE整合ThreeJS并创建一个带动画的简单场景代码的基础上进行修改。效果预览一、导入外部模型OBJ首先引入所需的包import..原创 2021-04-28 18:00:47 · 7267 阅读 · 6 评论 -
VUE整合ThreeJS并创建一个带动画的简单场景
一、环境准备开始之前,需要准备好如下工具,本例使用的工具及其版本号如下(后续如有相关文章,则都基于此环境),IDE使用的Webstorm,当然你可以选择vs code等工具,yarn非必要,如果你习惯用npm可忽略yarn。angular或react整合都大同小异。 名称 版本 node v14.7.0 vue-cli 4.4.6 yarn..原创 2021-04-03 00:21:16 · 2704 阅读 · 1 评论