本文深入解析了three.js中的阴影渲染机制，并提供了实用的优化技巧。通过调整阴影相机视野范围和优化阴影贴图分辨率，显著提升了阴影品质。同时，采用自定义shader生成地面阴影，降低性能损耗。这些方法在保证流畅运行的前提下，增强了3D网页应用的真实感与沉浸体验。

作为一个3D项目，为了提升首屏加载的转化率，需要尽可能的降低loading的时间。

炫酷的threejs勋章，你不想了解一下么？

在当今高度数字化的企业环境中，提高员工工作效率和满足内部需求至关重要。为了适应快速变化的企业要求，以及为公司伙伴提供更加智能、高效的工作体验，我们灵犀项目组决定启动一个内部AI智能助手项目，旨在提高工作效率、改善员工的工作体验。

web 3D炙手可热，本文将一步步带大家了解如何利用Three.js和Blender来打造一个沉浸式web 3D展览馆。

近期工作有涉及到数字大屏的需求，于是利用业余时间，结合 Three.js 和 CSS实现赛博朋克2077风格视觉效果 实现炫酷 3D 数字地球大屏页面。页面使用 React + Three.js + Echarts + stylus 技术栈，本文涉及到的主要知识点包括：THREE.Spherical 球体坐标系的应用、Shader 结合 TWEEN 实现飞线和冲击波动画效果、dat.GUI 调试工具库的使用、clip-path 创建不规则图形、Echarts 的基本使用方法、radial-gradient 创建雷达图形及动画、GlitchPass 添加故障风格后期、Raycaster 网格点击事件等。

Learn how to create a complete color customizer app for a 3d model of a chair using Three.js in this in-depth tutorial.

逛 sketchfab 网站的时候我看到有很多二维平面转 3D 的模型例子，于是仿照他们的例子，使用 Three.js + React 技术栈，将二维漫画图片转化为三维视觉效果。本文包含的内容主要包括：THREE.Group 层级模型、MeshPhongMaterial 高光网格材质、正弦余弦函数 创建模型移动轨迹等。

虎年 ? 春节将至，本文使用 React + Three.js 技术栈，实现趣味 3D 创意页面。本文包含的知识点主要包括：ShadowMaterial、 MeshPhongMaterial 两种基本材质的使用、使用 LoadingManager 展示模型加载进度、OrbitControls 的缓动动画、TWEEN 简单补间动画效果等。

Three.js is a JavaScript library for drawing in 3D with WebGL. It enables us to add 3D objects to a scene, and manipulate things like position and lighting. If you’re a developer used to working with the DOM and styling elements with CSS, Three.js and WebGL can seem like a whole new world, and perhaps a little intimidating! This article is for developers who are comfortable with JavaScript but relatively new to Three.js. Our goal is to walk through building something simple but effective with Three.js — a 3D animated figure — to get a handle on the basic principles, and demonstrate that a little knowledge can take you a long way!

最近在工作中开发Canvas相关功能的工具库，需要写测试用例保证每次迭代不影响最终渲染效果。用关键词“canvas e2e test” 在线搜索相关资料后，研究了Three.js的E2E在github源码里测试用例，总结出该篇文章。

本文将通过Three.js的介绍及示例带我们走进3D的奇妙世界。

最近在学习three.js在拿example中的项目练手，用了一整天的时间模仿了一个炫酷的元素周期表，在原有的基础上进行了一些改变。下面我会逐步讲解这个项目，算是加深理解，让大家提提意见。因为我未搭建个人服务器。截几张图给大家看看效果我做的效果（大部分是和原来的一样&

前言在繁忙的业务中，为了缩短设计和开发的周期，我们的 H5 小游戏更多的会采用 2D 的视觉风格，但总是一个风格是很无趣的，所以最近搞了一个 3D 物理游戏的需求，在开发的过程中遇到了不少问题，希望通过这篇文章将关于 Three.js、Cannon.js、模型、工具等基础知识、问题总结分享给大家。 开始 3D 项目之前，首先从选择 3D 框架开始，老牌引擎 Three.js 和微软的 Babyl