three.js

threejs复刻原神渲染（三）从上篇博客发出到现在已经过了一年多了，之前挖的坑一直都没有填，做事都要有始有终，所有才有了这一篇博客本文涉及的内容主要有：

如何给Three.js中ExtrudeGeometry的不同面设置不同材质Three.js有很多基础的几何体，对于一些简单的图形形状，可以不用每次都劳烦建模的同学去提供一个模型，常常这些基础几何体就可以绘制了。ExtrudeGeometry是在开发中非常常用的一种几何体，它非常灵活，可以先用一系列二维顶点绘制一个二维图形，然后沿着一定的方向将这个二维图形拉成一个三维几何体，这在很多场景下非常有用，比如隧道、建筑大楼，都可以用这种方式生成一个简单的示意性的几何体。但是，如果需要给这个几何体设置材质时，又会感觉不够灵活了，要么只能全部表面都用一直材质；要么就是两种材质：顶面底面一

vivo互联网技术

拥抱新一代 Web 3D 引擎，Three.js 项目快速升级 Galacean 指南作者： vivo 互联网前端团队- Su Ning本文从多个维度对比 Galacean 和 Three.js 两款Web3D 引擎的差异，并介绍拟我形象项目从Three.js 切换到 Galacean 以后带来的提升以及项目迁移的心得，为其他 Three.js 项目升级到 Galacean 提供参考。

你真的可爱呀

5.Three.js 学习(基础+实践)Three.js 是 “WebGL 的封装库”，帮你屏蔽了底层的着色器 / 缓冲区细节，专注于 “3D 场景搭建”，开发效率高，是通用 3D 开发的首选。

弟弟想看恐龙，用文心快码3.5S快速打造恐龙乐园，让弟弟看个够包哥惹了祸最近，惹了个大祸，前面去大同访友时，恰有几分闲暇功夫，又恰逢博物馆很近，随之就预约了。万万没想到的是，大同不止有着丰富的文物馆藏，还有一个单独的恐龙化石馆。

Three.js后期处理实战：镜头颜色、色差、点阵与颜色管道的深度解析在Three.js的世界中，后期处理是提升视觉效果的关键技术。本文将深入探讨如何通过后期处理实现镜头颜色滤镜、点阵效果以及颜色管道的应用，为你的3D场景增添独特的视觉风格。

Becauseofyou137

如果你刚入门Three.js,这几个开源项目值得你去学习在AI编码的时代,似乎只需要向AI发送一段文字就能帮我们写好一段代码逻辑了尤其是像 claude 这样写代码很厉害的大模型，刚开始接触three.js3D时我也是这么想的，通过cursor 帮我去写一些three.js 相关的业务逻辑，面对一些简单的需求时cursor 确实能很出色的帮我完成，但是随之而来面对的问题确是，如果遇到有简单的业务调整和代码变动时，我才发现对我根本就不会写three.js 了

Three.js shader内置矩阵注入common matrices （公共矩阵） three.js 在WebGLRender中setProgram函数注入

接着奏乐接着舞。

3D地球可视化教程 - 第1篇：基础地球渲染系统最终效果：本节完成后的效果：难度: ⭐⭐☆☆☆ 初级预计时间: 30分钟技术栈: Vue3 + Vite + Three.js

记一次用Three.js展示360°全景图的折腾展示360°全景图，最开始我当然是想用自己熟悉的Three.js来实现，Three.js的官方示例中也有全景图的示例，一开始觉得很简单，但真的开发之后发现，Three.js的官方示例在南极和北极有非常明显的形变，像一个菊花一样，这一度让我觉得非常棘手。对此我也看了很多商业厂家提供的全景图功能，发现并没有明显的形变，我意识到肯定是我的实现方式有问题。为了解决这个问题，我折腾了很久，虽然最后发现很简单的方法就能解决这个问题，但我还是决定把这次折腾的过程记录下来，也可以让更多的同学不要掉到我同样的坑里。至于出现

世伟爱吗喽

threejs入门学习日记Three.js 是一个强大的 JavaScript 3D 库，它让开发者无需深入了解 WebGL 底层 API 即可创建惊艳的 3D 场景。Three.js 通过封装 WebGL 的复杂细节，提供了一套更易于使用的 API，极大地降低了在网页端创建 3D 内容的门槛。

three.js纸飞机飞行撞建筑流畅的飞行控制：使用鼠标平滑地控制纸飞机的飞行姿态。无限程序化世界：建筑会在您前方无限生成，每次的飞行体验都独一无二。

three/文字爆裂效果

前端人类学

构筑数字夜空：Three.js 建筑群灯光特效全解析Hi，我是前端人类学！在三维可视化、智慧城市、游戏和元宇宙等众多领域，大规模建筑群的夜景渲染是一个常见且至关重要的需求。冰冷的白模缺乏生机，而恰到好处的灯光特效则能为数字城市注入灵魂，营造出繁荣、神秘或静谧的独特氛围。Three.js，作为强大的 WebGL 库，为我们提供了在浏览器中实现这些惊艳效果的完整工具集。本文将深入探讨如何利用 Three.js 实现令人叹为观止的建筑群灯光特效。

使用three.js搭建3d隧道监测-3🚀 使用three.js搭建3d隧道监测-2这一次，我们深入探讨：交互系统设计、动画控制理论、第一人称视角数学模型，以及3D 标签架构！

三维搬砖者

06Threejs电影拍摄角度-第三章：搭建场景 - 初始化环境第三章“搭建场景 - 初始化环境”是开始实际编写Three.js代码的起点。以下是每个小节的详细教程：示例

Threejs源码系列- renderer/webgl用于检测和封装 WebGL 渲染上下文的各种能力与限制，为 three.js 的 WebGL 渲染器提供底层硬件和驱动的能力信息。

陈小峰_iefreer

使用Stone 3D快速制作第一人称视角在线小游戏首先得有个怪物模型，怪物带有idle, attack动作然后有个场景模型，把怪物（如果模型较大，建议使用remote-mesh来加载）摆放到想放的位置。