threeJs
11篇文章 · 0订阅
  • 苹果发布会“液体玻璃”，在three.js上用着色器的实现方案
    本项目基于 Vite + Three.js + WebGL 实现了一个高质量的液态玻璃（磨砂玻璃）视觉特效。核心部分采用自定义 GLSL 片元着色器，模拟真实玻璃的模糊、折射、高光和阴影效果.
    three.js
    苹果发布会“液体玻璃”，在three.js上用着色器的实现方案
  • 手撸一个星系，送给心爱的姑娘！（Three.js Shader 粒子系统实现）
    用 Three.js Shader 粒子系统手撸一个超级漂亮的星系效果！学习如何在球体和圆盘上设置顶点、如何插值颜色、让粒子运动起来等等！
    JavaScript three.js WebGL
    手撸一个星系，送给心爱的姑娘！（Three.js Shader 粒子系统实现）
  • 在高德地图中实现降雨图层
    有一天老板跑过来跟我说，我们接到一个水利局的项目，需要做一些天气效果，比如说降雨、河流汛期、洪涝灾害影响啥的，你怎么看。欸，我觉得很有意思，马上开整。
    前端 数据可视化
    在高德地图中实现降雨图层
  • 用three.js创造时空裂缝特效
    呀哈喽！这里是alphardex。 最近受到轮回系作品《寒蝉鸣泣之时》中时空裂缝场景的启发，我用three.js实现了一个实时渲染的时空裂缝场景。本文将简要地介绍下实现该效果的要点。
    WebGL three.js
    用three.js创造时空裂缝特效
  • 原神，启动！three.js 复刻原神登录界面技术浅析
    之前看到有人在浏览器端复刻了原神的登录界面，效果非常还原。 本文就让我们一起来看看这种效果是如何实现的，主要分析Shader相关的部分。 怀着学习的目的，我自己也写了一版。
    three.js
    原神，启动！three.js 复刻原神登录界面技术浅析
  • threejs粒子系统
    创作不易，猪猪叹气！这边文章写了我一整天的时间，我努力的将整个文章的思想都加上了注释，代码量有点多，但是满满的干活！希望有收获的同学能够轻轻的点一个赞~
    three.js 前端
    threejs粒子系统
  • 【Threejs 项目实战】这可能是你见过最漂亮的3D地球！！！
    【 threejs 项目实战 - 科技3D地球 】，这可能是你见过开源项目中最漂亮的3D地球！！！！！！
    前端 JavaScript
    【Threejs 项目实战】这可能是你见过最漂亮的3D地球！！！
  • 用three.js写一个反光球：360全景 + 镜面反射
    在之前的文章中，我们学习了three.js的基础知识、粒子动画 ，以及 几何体、贴图、用户交互与调试。今天我们将用three.js写一个反光球效果。
    three.js WebGL
  • Three.js 之 9 Light 光
    lights 光 我们之前学习了简单的添加光源到场景中。接下来就详细讲讲各种各样的光源、参数以及如何使用。
    前端 three.js WebGL
    Three.js 之 9 Light 光
  • threejs 打造 world.ipanda.com 同款3D首页
    最近丫丫回国掀起一股熊猫热，本人也没闲着，在查资料时候无意间发现 熊猫世界 的3D首页，心一痒痒，就扒了一下数据，刚好有模型，那索性按照熊猫世界的首页复刻一下； 本文没什么高的技术含量，完全觉得这个页
    three.js 数据可视化
    threejs 打造 world.ipanda.com 同款3D首页