dragonir

本文将学习如何使用滚动控制 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。

2022 年马上就要过去了，本篇文章记录一下自己在 2022 年的收获和成长以及自己在 2023 年的规划。首先汇总一下自己在 2022 年博客更文情况，从今年 1 月份开始，相继在掘金、博客园以及思

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