three.js

🌿 10分钟学会用arcgis+threejs实现动态地铁路线图最近在做一个arcgis项目的时候遇到了一个需求，要实现类似下面这个效果。调研了一些方案之后，最终决定用threejs去实现这个效果。

Three.js中的加载器与资源管理：构建丰富3D场景的关键Three.js是一个强大的JavaScript库，用于在Web浏览器中创建和展示3D图形。在构建复杂的3D场景时，有效地加载和管理各种资源是至关重要的。加载器在Three.js中扮演着桥梁的角色，负责将外部的3D模型、纹理、字体和其他资源导入到场景中。本文将深入探讨Three.js中的模型加载器（如GLTFLoader、OBJLoader、FBXLoader）、纹理加载器（TextureLoader、CubeTextureLoader）以及其他资源加载器（如FontLoader）的功能、用法以及在资源管

材质 × 碰撞：Threejs 物理引擎的双重魔法在物理引擎中，材质(Material)用于描述物体的物理属性，例如摩擦力、弹性等。CANNON.Material：物理材质，用于模拟物体之间的摩擦力、弹性等物理属性。

从零开始学习three.js（10）：后处理深度解析，从基础到高级应用在三维可视化开发中，后期处理（Post-Processing）是提升视觉效果的关键技术。Three.js 通过 EffectComposer 和渲染通道（Pass）系统，为开发者提供了强大的后期处理能力。本文将深入解析 three.js 后期处理的核心原理，并通过实战案例展示从基础到高级的应用技巧。

使用three-to-cesium.js轻松融合Three和Cesium场景在WEB三维开发过程中，将Three.js与Cesium结合的需求，相信不少小伙伴都曾遇到过。Cesium官网上提供了一个示例，但是这个解决方案集成起来还是比较复杂繁琐。我抽空开发了three-to-cesium插件，仅需几行代码，无需关心矩阵转换相关问题，只需要像在Threejs中一样，通过调用add方法就能轻松地将物体加载到Cesium地球上的预期位置。如果有帮助到你，期待一个star，如果你发现bug，或有更好的提议请在issues提出。

爱看书的小沐

【小沐学Web3D】three.js 加载三维模型（vue3）Three.js 是一个基于 JavaScript 的开源库，用于在网页上创建和显示 3D 图形。它基于 WebGL 技术，简化了 3D 图形的开发过程，使得开发者能够轻松地在浏览器中实现复杂的 3D 场景和动画。

爱看书的小沐

【小沐学Web3D】three.js 加载三维模型（React）Three.js 是一款 webGL（3D绘图标准）引擎，可以运行于所有支持 webGL 的浏览器。Three.js 封装了 webGL 底层的 API ，为我们提供了高级的开发接口，可以使用简单的代码去实现 3D 渲染。

古柳_Deserts_X

这个强大的插件能让网页里的 Shader 代码一览无余文章更新（可能 ❌ / 一定 ✅）没那么频繁，欢迎加入「可视化交流群」进行交流。加古柳微信「xiaoaizhj」备注「可视化加群」即可，也有机会围观古柳朋友圈，实时追踪最新动态！

vivo互联网技术

基于three.js的虚拟人阴影渲染优化方案作者：来自 vivo 互联网大前端团队- Su Ning本文将探讨 three.js 中的阴影渲染机制，并分享一些针对性能和效果优化的实用技巧，帮助开发者在不同场景下做出最佳的权衡选择。

古柳_Deserts_X

坏消息又断更8个多月，好消息准备重新开始更新 Shader 教程啦文章更新（可能 ❌ / 一定 ✅）没那么频繁，欢迎加入「可视化交流群」进行交流。加古柳微信「xiaoaizhj」备注「可视化加群」即可，也有机会围观古柳朋友圈，实时追踪最新动态！比如昨天，做出水墨杭州和去年火出圈的 gamemcu.com/su7/ 的 gamemcu 惊喜的进入了群里！

漫步云端的码农

Three.js场景渲染优化在Three.js中创建复杂的3D场景时，我们往往会遇到性能瓶颈，导致帧率下降、资源消耗过高或视觉效果不佳等问题。为了提升用户体验和应用的性能，场景渲染优化变得至关重要。我将围绕提升帧率、降低资源消耗、改善视觉效果和增强可扩展性这四个方面。

探秘 Threejs GUI：开启丝滑调试之旅我们发现，如果每次通过修改代码的方式修改属性值效率太低了，所以我们可以使用 lil.GUI 来创建一个图形用户界面，通过拖动滑块、选择下拉菜单、点击按钮等方式来控制应用程序的参数。

【ThreeJS Basics 06】Camera以下是几种常见的相机简介参数如下图所示第一个参数是视野：建议的值在 45~75如果视野足够大的话，那么规则的立方体可能被挤压变形，类似这样的效果

Java 大视界 -- 基于 Java 的大数据可视化交互设计与实现技巧（105）💖亲爱的朋友们，热烈欢迎来到青云交的博客！能与诸位在此相逢，我倍感荣幸。在这飞速更迭的时代，我们都渴望一方心灵净土，而我的博客正是这样温暖的所在。这里为你呈上趣味与实用兼具的知识，也期待你毫无保留地分享独特见解，愿我们于此携手成长，共赴新程！💖

优雅永不过时·

原生Three.js 和 Cesium.js 案例。智慧城市数字孪生常用功能列表预览地址：https://z2586300277.github.io/three-cesium-examples

three.js用粒子使用canvas生成的中文字符位图材质three.js用粒子使用canvas生成中文字符材质

three.js实现裸眼双目平行立体视觉three.js实现裸眼双目平行立体视觉原理：利用两个相机、两个渲染器，同时渲染同一个场景。

【three.js】纹理贴图目录1.纹理贴图2.纹理过滤3.UV映射原理3.1纹理UV坐标3.2纹理映射4.纹理阵列，偏移和旋转4.1纹理阵列

程序员小淞

1、如何本地部署Threejs官网文档Threejs是用js编写的一个第三方库，用于实现很多的3D功能，它是基于WebGL进行封装的。而WebGL又是由OpenGLES2.0+js进行封装的，OpenGLES2.0又是OpenGL三维图形API的一个子集，OpenGL是用于渲染2D、3D矢量图形的跨语言、跨平台的应用程序编程接口（API）。

Three.js 扩展与插件：增强3D开发的利器在现代Web开发中，Three.js 作为最受欢迎的3D图形库之一，提供了强大的基础功能来创建和操作3D内容。然而，为了满足更加复杂的需求或简化某些特定任务，开发者们经常需要借助第三方扩展和插件。这些工具不仅能够加速开发过程，还能为项目带来更多的创意和技术可能性。本文将深入探讨如何利用各种 Three.js 的扩展和插件，以提升你的3D应用体验，并提供详细的代码示例和最佳实践。