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

两年前看到 Pepyaka 这个网页效果，被其丝滑酷炫漂亮到效果所惊艳，今天终于可以带大家用 Three.js Shader 一步步详复现这个效果，其实并不复杂，相信很多前端、程序员都会喜欢这样的效果

背景： 这个项目是去年刚开始学 Vue3 自己动手做的一个入门项目，当时做的磕磕绊绊的，现在翻出来对原先的项目进行了一些功能的添加以及对原先项目的一些优雅处理。项目地址 项目描述： 这个项目是对 Te

古来已久大家对房子便是情有独钟，那就只能造个房子了，最后成果如下图。 从图中可以看到，整个画面由以下构成 地面 房子 天空 下面就能一步步的构建这个场景。 一、 准备工作 我这里的环境是vue3 +

应读者的要求，希望我们成立一个专业的、面向成渝地区的前端开发人员的webgl、Threejs行业QQ交流群，便于大家讨论问题。群里有研究webgl、Threejs大佬哦，欢迎大家加入！——点击链接加入

应读者的要求，希望我们成立一个专业的、面向成渝地区的前端开发人员的webgl、Threejs行业QQ交流群，便于大家讨论问题。群里有研究webgl、Threejs大佬哦，欢迎大家加入！——点击链接加入

Threejs 实现地球动画与智慧园区,涉及threejs基础的场景构建,模型加载,帧动画与纹理绘制

也可以去预览。 但是作者并没有把源码分享出来，正好最近在学习 threejs，正好抽时间写了一个类似的 demo，希望能帮助一些喜欢 threejs 的初学者。效果如下： 接下来，我们一起来看如何实现这样一个粒子体系切换动画。 将获取到的 json 文件保存到本地。 首先，初始…

使用现成的库来实现，Panolens已经帮我们把three中初始化场景、相机、控制器、鼠标事件等操作都封装好了，我们只需要关注图片即可