3D

本文使用 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。

感谢大家关注 🙇‍。后续也将继续努力，持续输出一些有价值的文章。本文内容涉及的技术栈为 React + Three.js + Stulus，本文中主要包含的知识点包括：圆锥几何体 ConeGeome

本文使用 Three.js 和 CSS实现赛博朋克2077风格视觉效果 实现炫酷 3D 数字地球大屏页面。技术栈包括React + Three.js + Echarts，知识点包括THREE.Sphe

深居内陆的人们，大概每个人都有过大海之梦吧。夏日傍晚在沙滩漫步奔跑；或是在海上冲浪游泳；或是在海岛游玩探险；亦或静待日出日落……本文使用 React + Three.js 技术栈，实现 3D 海洋和岛

2545光年之外的开普勒1028星系，有一颗色彩斑斓的宜居星球 🌑，星际移民 👨‍🚀 必须穿戴基地发放的防辐射服才能生存。阿狸 🦊 驾驶星际飞行器 🚀 降临此地，快帮它在限定时间内使用轮盘移

《艾尔登法环》是最近比较火的一款游戏，观察可以发现它的 Logo 是由几个圆弧和线段构成。本文使用 React + Three.js 技术栈，实现具有火焰效果艾尔登法环 Logo，本文中涉及到的知识点

在 Three.js Journey 课程示例中，提供了一个使用 Three.js 内置方法实现的 3D 文字悬浮效果的例子，本文使用 React + Three.js 技术栈，参照示例实现类似效果。

逛 sketchfab 网站的时候我看到有很多二维平面转 3D 的模型例子，于是仿照他们的例子，使用 Three.js + React 技术栈，将二维漫画图片转化为三维视觉效果。本文包含的内容主要包括

迎冬奥，一起向未来！2022冬奥会马上就要开始了，本文使用 Three.js + React 技术栈，实现冬日和奥运元素，制作了一个充满趣味和纪念意义的冬奥主题 3D 页面。本文涉及到的知识点主要包括

本文使用React+Three.js技术栈，实现粉丝突破1000的3D纪念页面，包含的主要知识点包括：Three.js 光源、奖牌素材生成、贴图知识、物理材质、镜头补间动画、CSS礼花动画等

虎年 🐅春节将至，本文使用 React+Three.js技术栈，实现趣味3D创意页面。本文主要包括：ShadowMaterial、 MeshPhongMaterial两种基本材质、补间动画等

背景 本文使用 Three.js SphereGeometry 创建 3D 全景图预览功能，并在全景图中添加二维 SpriteMaterial、Canvas、三维 GLTF 等交互点，实现具备场景切换

Facebook 近期将其母公司改名为 Meta，宣布正式开始进军 元宇宙 🪐领域。本文主要讲述通过 Three.js + Blender 技术栈，实现 Meta 公司炫酷的 3D 动态 Logo

程序员必备小知识：近期学习了 WebGL 和 Three.js 的一些基础知识，本文内容主要介绍，通过使用React + three.js技术栈，加载3D模型、添加3D文字、增加动画、点击交互等。