Three.js 进阶之旅

本文将基于 Vue3 + Three.js + GLSL 的相关知识，实现游戏《塞尔达传说：王国之泪》中低配版神庙能量光环效果。通过本文的阅读和学习，你将学习到的知识点包括：在 Three.js 中创

本文将学习如何使用滚动控制 ScrollControls 来控制模型的的动画播放和相机动画，通过滚动鼠标滚轮或者上下移动触摸板，来控制模型的动画播放进度或者相机的方位视角，从而呈现出惊艳的视觉效果。通

本文使用 React + Three.js + React Three Fiber 技术栈，实现一个《塞尔达传说：王国之泪》主题风格基于滚动控制的平滑滚动图片展示页面。通过本文的阅读，你将学习到...

本文使用Three.js实现一个可以应用到实际项目中的3D在线看房案例，通过本文你将学到的知识包括：使用 Three.js 实现多个场景的加载和场景间的丝滑过渡切换、在线看房小地图原理实现等……

3D全景技术可以实现日常生活中的很多功能需求，比如地图的街景全景模式、数字展厅、在线看房、社交媒体的全景图预览、短视频直播平台的全景直播等。Three.js 实现全景功能也是十分方便的，本文将介绍如

本文将使用技术栈 React Three Fiber 和 Cannon.js 来实现一个具有物理特性的乒乓球小游戏，通过本文的阅读，你将学习到的知识点包括：了解什么是 React Three Fibe

本文内容主要学习如何在 Three.js 创建的 3D 世界中添加物理效果，使其更加真实。所谓物理效果指的是对象会有重力，它们可以相互碰撞，施加力之后可以移动，而且通过铰链和滑块还可以在移动过程中在对

兔年到了，祝大家身体健，康万事顺利。本文内容作为兔年新春纪念页面，将使用 Three.js 及其他前端开发知识，创建一个以兔子为主题的3D简单的趣味页面 Rabbit craft go。

文章将依次详细讲解 Three.js 中文本字体的原理的应用、图片元素原理及应用、音频元素的原理及应用、视频元素的原理及应用等。了解完基本原理后，将利用本文内容所学到的知识，简单制作一个可以播放视频的

通过本文你将学到的知识包括：Three.js 后期处理基本原理；Three.js 后期处理代码实现流程；Three.js 中内置的各种后期处理通道的含义及其用法；使用后期处理知识开发一个创意3D页面等

本文内容主要包括：使用Shader着色器绘制50个基础图案、应用着色器作为网格模型的材质纹理、学会后期渲染的基本流程，并使用辉光效果创建发光物体等、使用着色器构建塞尔达旷野之息神庙铁球模型效果等。

本文内容主要包括了解什么是着色器、为什么要使用着色器、GLSL 语言的基本语法规则、理解顶点着色器、片元着色器、掌握Attributes、Varyings、Uniforms的区别，两种着色器材质用法等

粒子 particle 和 精灵 sprite 是在三维开发中经常用到的网格模型，在 Three.js 中使用 THREE.Points 可以非常容易地创建很多细小的物体，可以用来模拟星辰、雨滴、雪花

本文基于Three.js创建一个使用光源和模型结合而成的3D创意页面，通过本文内容，你将学到的知识包括：使用Blender压缩模型、使用模型加载管理器管理加载进度、使用模型加载器加载压缩过的模型等

本篇文章将继续通过一个简单 3D 创意页面的开发，简要汇总一下必备的 Three.js 的基础知识，梳理要点，为后续页面的开发打下坚实的基础。通过本文的内容，你将获得的知识包括：OrbitContro

本文是Three.js 进阶之旅系列专栏的首篇文章，本专栏的主要内容具体规划如下：前两篇将简要介绍 Three.js 开发环境搭建以及Three.js 的一些基础概念和必备知识，如果读者已经有一定的