three.js

小彭努力中

138. CSS3DRenderer渲染HTML标签CSS3渲染器CSS3DRenderer和CSS2渲染器CSS2DRenderer整体使用流程基本相同，只是在HTML标签渲染效果方面不同，比如CSS3渲染的标签会跟着场景相机同步缩放，而CSS2渲染的标签默认保持自身像素值。

优雅永不过时·

three.js实现地球外部扫描的着色器three.js实现地球外部扫描的着色器https://threehub.cn/#/codeMirror?navigation=ThreeJS&classify=shader&id=earthScan

Three.js PBR材质本文将详细介绍Three.js中的PBR（Physically Based Rendering）材质，包括PBR的基本概念、适用场景、PBR材质的构建以及一些高级应用技巧。

深入探索ES 3D Editor：一个基于ThreeJS + Vue 3 + Naive UI的三维编辑器GitHub直达在数字化时代，3D技术的应用已经渗透到我们生活的方方面面，从游戏到电影，从建筑可视化到工业设计，3D技术以其独特的视觉冲击力和交互性，成为创新和创造力的重要工具。ES 3D Editor，一个基于ThreeJS + Vue 3 + Naive UI开发的三维编辑器，正以其强大的功能和简洁的操作界面，成为3D创作者的新宠。本文将带您深入了解ES 3D Editor的各个方面，让您领略其在3D创作中的独特魅力。

【ThreeJs原理解析】第2期 | 旋转、平移、缩放实现原理在Threejs中，旋转、平移、缩放一个物体的方法相信大家已经耳熟能详，具体操作如下，那么这些Api操作是如何实现的呢？如果我需要同时平移、旋转、和缩放能否一步操作就可以解决呢？

小白菜学前端

Threejs 材质贴图、光照和投影详解材质（Material）定义了物体表面的外观，包括颜色、光泽度、透明度等。贴图（Textures）是应用于材质的图像，它们可以增加物体表面的细节和真实感。

破浪前行·吴

使用@react-three/fiber,@mkkellogg/gaussian-splats-3d加载.splat，.ply，.ksplat文件假设您正在现有项目中集成这些包，而该项目的构建工具为 Webpack 或 Vite。同时，您对 Three.js 和 React 有一定的了解。如果您发现有任何错误或有更好的方法，请随时留言。

11.Three.js使用indexeddb前端缓存模型优化前端加载效率在使用Three.js做数字孪生应用场景时，我们常常需要用到大量模型或数据。在访问我们的数字孪生应用时，每次刷新都需要从web端进行请求大量的模型数据或其他渲染数据等等，会极大的消耗时间，用户体验不好，因而我们可以通过indexeddb缓存我们的模型数据。

我做了三把椅子原来纹理这样加载切换我们在浏览一些3D网站时，经常能看到一些模型提供了切换外观的按钮，通过不同的颜色或者纹理的按钮切换，来让模型呈现出来更多的效果，比如给展示的汽车换个外观颜色之类的。本文我们先从简单的模型入手，看下给椅子模型切换纹理是如何来实现这样的效果。

小白菜学前端

ThreeJS创建一个3D物体的基本流程1.创建场景：创建一个THREE.Scene实例，它将作为所有3D对象的容器。2.创建相机：创建一个相机对象，通常是THREE.PerspectiveCamera，用于定义观察场景的视角和位置。

1-初识Three.jsthree.js一个WebGL引擎，基于JavaScript，可直接运行GPU驱动游戏与图形驱动应用于浏览器

搓绳子（直）在练习Blender的时候，某个案例里面用到了绳子。我就在想，three里面要怎么做一根绳子呢。three里面怎么搓，暂且还不知道。先来仔细研究Blender里面是怎么搓的。

小白菜学前端

3d 添加辅助坐标器和轨道控制器使用AxesHelper类来添加坐标轴辅助器，辅助器简单模拟3个坐标轴的对象。红色代表X轴，绿色代表Y轴，蓝色代表Z轴。

threejs——实战中材质的应用在公司做B端都快做吐了，忙里偷闲做一些自己想做的效果，也是一种摸鱼，欢迎大家收藏点赞关注之前写的threejs文章都是通过模型加载，然后进行一些交互处理，然而前端不能只依靠3d设计师或者网上的素材，所以这篇文章以前端的基础svg，0帧起手，创造一个属于自己的大楼，文章主要内容包含svg的加载、根据路径绘制楼块，制作材质，之前一些文章着重点有在动画的，有在交互的，本文会着重介绍几款材质。

Three.js灯光阴影与动画交互在Three.js中，灯光（Lights）是模拟光照效果的关键元素，它们能够极大地增强场景的真实感和深度。

6.Three.js贴图与uv映射(uv坐标)理解和实践贴图是构建计算机三维物体的重要组成部分，通过加入贴图，才能使Three.js构造的三维物体更具真实性。

threejs - 包围盒和包围球在Three.js中，包围盒（Bounding Box）和包围球（Bounding Sphere）是两种常见的用于简化碰撞检测和空间查询的几何体

字节架构前端

理解 3D 基本概念及Three.js本人前端开发并有一些3D建模和Unity经验。分享一些我个人在3D方面的经验与理解。本文并不会过多教你如何使用Threejs的API，仅向没有 3D 经验前端同学分享一些 3D 的基本概念，并初步了解 threejs。希望这篇文章能让对这方面感兴趣的同学在学习 threejs 时能有一些基础的知识，能更容易阅读 threejs 文档。

Three.js 之鼠标选中物体/对象本篇文章主要介绍在 threejs 创建的 3 维空间中，如何通过鼠标点击，选取某个物体/对象。前期的准备工作中，我已经创建好了如下所示的一个球体和一个立方体，如果你不清楚它们是如何创建出来的，可以移步《vite + ts 渲染一个旋转的立方体》。

用尽心思做了个技术方案，却被专业人士啪啪打脸公众号｜沐洒（ID：musama2018）关注我，带你学点有用的老粉应该都知道，我是一个不幸闯入自动驾驶领域的前端仔，去年开始陆续在这个领域做了一些事儿，不过后来因为一些变动，调整去支持另外的项目。直到最近，才又回来接手自动驾驶相关的事情。