本文深入解析了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 简单补间动画效果等。

2020 Black Friday Cyber Monday (BFCM) is over, and another BFCM Globe has shipped. We’re extremely proud of the globe, it focused on realism, performance, and the impact our merchants have on the world.

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