yunbabac的博客

cesium漫游

three.js实现三维爆炸效果，主要是split函数。

heatmap.js这个库太久没维护了，换别人二开的库@rengr/heatmap.js。使用方式与heatmap.js这个库一样。vue+three.js项目。

three.js加载模型报错，Error: THREE.GLTFLoader: No DRACOLoader instance provided.原因：该模型是压缩过的，需要 DRACOLoader。将draco拷贝到public下。

【代码】three.js对css2dobject元素新增，删除，监听点击事件。

【代码】three.js设置模型边界线。

我在场景中加入了后期处理，实现了点击模型边框发亮的功能，但是整个场景变暗了。加入OutputPass。

【代码】three.js实现渐变墙效果（电子围栏）

【代码】three.js实现信号波效果。

【代码】three.js实现雷达扫描效果（纹理贴图）

【代码】three.js实现旋转棱锥效果。

【代码】three.js实现扩散波效果。

【代码】three.js实现扩散光圈效果。

【代码】three.js实现纹理offset偏移。

【代码】three.js背景用background-image设置。

【代码】three.js实现雷达扫描效果。

【代码】three.js实现模型扫光效果。

【代码】three.js实现电子围栏效果（纹理贴图）

【代码】three.js使用正方体加图片实现全景看房效果。

【代码】three.js加载全景hdr（官网案例）

【代码】three.js相机按照指定路线在建筑模型中漫游（支持开始，暂停）

three.js给模型添加标签

【代码】three.js实现点击选中模型，模型描边高亮效果。

大家都知道three.js WebGL渲染器执行渲染方法.render()会得到一张图像，如果你需要对一个webgl渲染器的渲染结果进行后期处理，就把它作为EffectComposer的参数。通过EffectComposer(renderer)指定了需要后处理的渲染器WebGLRenderer，渲染器通道RenderPass的作用是指定后处理对应的相机camera和场景scene。最后把创建好的OutlinePass通道添加到后处理composer中。

【代码】three.js实现点击选中模型。