优雅永不过时·-CSDN博客

原创 three.js shader 实现天空中白云

three.js shader 实现天空中白云。

2024-09-19 13:03:36 337

原创 three.js 热力图

使用three.js 和 heatMap.js 实现在三维场景中展示热力图的效果，以下代码复制粘贴即可在你的本机运行。在 https://threehub.cn 中还有很多案例。在线编辑运行预览可方位。

2024-09-19 12:57:15 522

原创使用three.js 实现一个类似烟花的飞线发散效果

使用three.js 实现一个类似烟花的飞线发散效果。

2024-09-11 13:22:30 468

原创使用 three.js 实现一个非常漂亮的围栏效果，在线预览运行可使用此处地址

使用 three.js 实现一个非常漂亮的围栏效果，在线预览运行可使用此处地址。

2024-09-11 13:18:54 414

原创 three.js 实现围墙效果

【代码】three.js 实现围墙效果。

2024-09-06 11:32:41 481

原创 three.js 智慧城市数字孪生各种效果大杂烩

以及各种工具和各种案例效果 three.js 编辑器等各种 demo。模型加载 - 使用three.js加载不同格式的模型。类似echarts 的 three.js 3d 地图。css2D css3D 交互标签使用。轮廓光辉光后期处理得各种效果。智慧城市数字孪生常用功能列表。烟雾着色器，报警着色器动画。每日更新作者更新到死。物体沿着路径运动动画。three 实现地球效果。

2024-09-06 11:23:25 383

three.js 编辑器，动画，着色器， cesium 热力图，聚合点位，大量点线面，图层，主题，文字，等众多案例中心。还有小米 su7, 等优美的高级案例，还有比较火得3d 地图学习。几十款着色器如智慧城市扫光, 结合各种shaderToy.等。模型加载 - 使用three.js加载不同格式的模型。Three.js 基础和标准功能学习。集成各种相关得应用工具合集。轮廓光后期处理得各种效果。粒子，各种应用场景效果案例。

2024-09-04 10:52:15 294

原创 three.js cesium 整合

three.js 编辑器，动画，着色器， cesium 热力图，聚合点位，大量点线面，图层，主题，文字，等众多案例中心。还有小米 su7, 等优美的高级案例，还有比较火得3d 地图学习。几十款着色器如智慧城市扫光, 结合各种shaderToy.等。模型加载 - 使用three.js加载不同格式的模型。Three.js 基础和标准功能学习。集成各种相关得应用工具合集。轮廓光后期处理得各种效果。粒子，各种应用场景效果案例。

2024-09-04 10:49:41 177

原创 three cesium demo 合集

three.js 编辑器，动画，着色器， cesium 热力图，聚合点位，大量点线面，图层，主题，文字，等众多案例中心。还有小米 su7, 等优美的高级案例，还有比较火得3d 地图学习。几十款着色器如智慧城市扫光, 结合各种shaderToy.等。模型加载 - 使用three.js加载不同格式的模型。Three.js 基础和标准功能学习。集成各种相关得应用工具合集。轮廓光后期处理得各种效果。粒子，各种应用场景效果案例。

2024-08-30 11:07:49 360

原创 Three.js Cesium.js 案例聚集地

对于大多数的开发者来言，看了很多文档可能遇见不到什么有用的，就算有用从文档上看，把代码复制到自己的本地大多数也是不能用的，非常浪费时间和学习成本，尤其是three.js ， cesium.js 这种难度较高，想要实现一个功能可能会查阅很多博客，进行很多错误尝试，费时费力。所以，话不多说为了给各位造福利，我搭建了在线查看代码且可的调试系统，所有案例可直接访问，让你欣赏什么叫做 - 优雅永不过时 - 写最优雅的代码。

2024-08-30 11:05:31 227

原创 three.js 编辑器，动画，着色器， cesium 热力图，聚合点位，大量点线面，图层，主题，文字，等众多案例中心

对于大多数的开发者来言，看了很多文档可能遇见不到什么有用的，就算有用从文档上看，把代码复制到自己的本地大多数也是不能用的，非常浪费时间和学习成本，尤其是three.js ， cesium.js 这种难度较高，想要实现一个功能可能会查阅很多博客，进行很多错误尝试，费时费力。所以，话不多说为了给各位造福利，我搭建了在线查看代码且可的调试系统，所有案例可直接访问，让你欣赏什么叫做 - 优雅永不过时 - 写最优雅的代码。

2024-08-29 13:37:51 667

原创 three.js低代码组态编辑器

低代码的开发是非常曲折的，尤其是早期根本没有任何参考作品或者相关的一些知识博客去引领我们去做，会经历多次的推到再到重头再来，又需要开发者有很高的知识储备，举步维艰。以下是我的一些的功能分布，希望能对你有一些启发，让你少走一些弯路。

2024-08-29 13:36:12 428

原创公司叫你写three.js 编辑器不会写，我这有思路

易用性低代码的创造一定是减少开发者的学习成本，如果让开发者用了之后发现学习成本更高了，那这个低代码不开发也罢，封装成一个npm 包对于这来说是一个最好的选择, 开发者使用的时候只需要知道传什么参数，然后能生成什么结果就好，完全不需要去了解内部逻辑。组件化：类似于二维低代码的组件化，three.js 也可以，例如你通过繁琐操作创建了一个三维物体，你将此方法封装起来，下次使用就不用从头写，只需要一些传参就能生成这个物体，一个组件只需要耗费经历写一次，而这个组件代码并不会与其他代码有过多的交集。

2024-08-28 10:57:02 224

原创 three.js cesium.js 编辑器

由于前端得发展， three.js 和 cesium.js 越来越被越来越多得前端接触到，由于其学习路线比较复杂，且官网案例覆盖不全，因此在今年我**联合了业界得一些大佬 **共同搭建了一个免费得 three 和 cesium 案例学习平台，未来将免费逐步的更新案例。主要侧重于开发者的技术交流，每个开发者可以将自己拿手案例上传，大家之间可以互相学习借鉴, 以此减少大家在工作中的学习成本，方便技术交流学习，遇到不会的问题大家可以互相帮助解决。纯原生 three cesium 案例。

2024-08-28 10:54:52 174

原创 three.js 实现 3D地图

three.js 实现仿照 echarts 3d 地图。由于 three.js 目前比较依赖写代码，而一个美的地图需要大量的three.js 组合，我建议先做three.js 基础层的低代码编辑器，随后各种项目和效果配置起来都会很方便。

2024-08-27 10:31:21 770

原创 three.js 实现下雪粒子的效果

使用 three.js 和着色器实现下雪粒子的效果。

2024-08-27 10:25:04 149

原创 three.js 着色器学习聚集地

预览地址：https://z2586300277.github.io/three-cesium-examples。国内站点预览：http://threehub.cn。

2024-08-26 13:04:36 276

原创 three.js低代码编辑器，和相应 3d 功能案例，cesium

低代码的开发是非常曲折的，尤其是早期根本没有任何参考作品或者相关的一些知识博客去引领我们去做，会经历多次的推到再到重头再来，又需要开发者有很高的知识储备，举步维艰。预览地址：https://z2586300277.github.io/three-cesium-examples/#/example。预览查看 https://z2586300277.github.io/three-editor/dist/#/editor。以下是我的一些的功能分布，希望能对你有一些启发，让你少走一些弯路。

2024-08-26 13:01:14 737

原创更新到死得原生 three.js 和 cesium 得案例

由于前端得发展， three.js 和 cesium.js 越来越被越来越多得前端接触到，由于其学习路线比较复杂，且官网案例覆盖不全，因此在今年我**联合了业界得一些大佬 **共同搭建了一个免费得 three 和 cesium 案例学习平台，未来将免费逐步的更新案例。开发实时预览：http://z2586300277.github.io/three-cesium-examples/index.html。国内站点： http://threehub.cn。纯原生 three cesium 案例。

2024-08-23 10:30:56 280

原创 three.js 组态编辑器，低代码， npm 包形式

易用性低代码的创造一定是减少开发者的学习成本，如果让开发者用了之后发现学习成本更高了，那这个低代码不开发也罢，封装成一个npm 包对于这来说是一个最好的选择, 开发者使用的时候只需要知道传什么参数，然后能生成什么结果就好，完全不需要去了解内部逻辑。组件化：类似于二维低代码的组件化，three.js 也可以，例如你通过繁琐操作创建了一个三维物体，你将此方法封装起来，下次使用就不用从头写，只需要一些传参就能生成这个物体，一个组件只需要耗费经历写一次，而这个组件代码并不会与其他代码有过多的交集。

2024-08-23 10:28:07 290

原创 three.js实现加载3dtiles ,瓦片，倾斜摄影，功能

预览：https://z2586300277.github.io/three-cesium-examples/#/codeMirror?开源地址：https://z2586300277.github.io/three-cesium-examples/#/example。部署站点预览：http://threehub.cn/

2024-08-22 11:23:30 192 1

原创 cesium 结合 echarts实现飞线图功能

预览：https://z2586300277.github.io/three-cesium-examples/#/codeMirror?开源地址：https://z2586300277.github.io/three-cesium-examples/#/example。部署站点预览：http://threehub.cn/

2024-08-22 11:21:55 226

原创 three.js 和 cesium.js 融合，相机同步

预览：https://z2586300277.github.io/three-cesium-examples/#/codeMirror?开源地址：https://z2586300277.github.io/three-cesium-examples/#/example。部署站点预览：http://threehub.cn/

2024-08-21 13:19:08 237

原创原生 cesium 实现热力图功能

预览：https://z2586300277.github.io/three-cesium-examples/#/codeMirror?开源地址：https://z2586300277.github.io/three-cesium-examples/#/example。国内预览：http://threehub.cn/

2024-08-21 13:15:59 169

原创 three.js 低代码，组态，封装编辑器

预览查看 https://z2586300277.github.io/three-editor/dist/#/editor。开源地址 https://github.com/z2586300277/three-editor。1.组件化，例如目前比较火的3dMap ，可视为一个功能组件。2. 自带动画和环境等功能集成。用户自定义的各种着色器混合扩展。7. 后期处理等功能集成和扩展。3. 用户自定义配置变换动画。5. 天空和环境等通用要素。6. 自由绘制创建等功能。

2024-08-20 13:31:34 962

原创原生three.js 搭配 gsap 实现视角动画

预览：https://z2586300277.github.io/three-cesium-examples/#/codeMirror?开源地址：https://z2586300277.github.io/three-cesium-examples/#/example。部署站点预览：http://threehub.cn/

2024-08-20 13:26:46 238