前言 之前写了两篇可视化大屏开发的经验总结，还没浏览的可直接跳转： # 可视化大屏开发，知道了这些经验以及解决方案，效率至少提升2倍！（上） # 可视化大屏开发，知道这些解决方案，效率至少提升2倍！（

快速入门 1.学习环境和引入Threejs 项目的开发环境引入threejs npm安装后，如何引入three.js npm安装后，如何引入three.js其他扩展库 2. 第一个3D案例 入门Thr

使用IndexedDB缓存给WebGL三维程序加速。 three.js使用IndexedDB的思路

看到shadertoy里面的那么多炫酷的背景是不是很心动？那我们就来把人家的shader搬过来用一下吧！

好久没写可视化方面的帖子了，最近在网上找灵感，发现一张图个人感觉不错，正好现有技术也可以实现个八九不离十，使用到的技术vite + typescript + threejs

每次都根据灵感图写代码，我都快成灵感大王了，本文较长，跨度较大，效果较好，请耐心看完，本文阶段代码有tag可以分部查看 前言 这是B站的一段视频，用3D渲染的方式表达各个大厂的logo如何制作出来的

它是一个功能丰富的库，可以帮助开发人员在网页上创建交互式的控件和界面，使用好这个工具可以帮助我们更好的去实现3D场景。

深度冲突 两个模型重叠的模型，通过浏览器旋转预览，会发现模型旋转的时候会发生闪烁。 这种情况，主要是两个模型重合，电脑分不清谁在前谁在后，这种情况，可以理解为深度冲突Z-fighting。 效果： 两

一、效果 二、技术栈 cesium 1.103 + vue3 三、代码实现 四、动态过程 (一) 垂直方向 图片资源 往下滚动 往上滚动 (二) 水平方向 图片资源 顺时针 逆时针 纹理坐标系概述 坐