![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
three.js教程
文章平均质量分 84
有只老羊在发呆
面向GPT与百度CV工程师,主要分享前端GIS和三维相关的知识。
展开
-
【threejs教程13】threejs添加物理碰撞
本文将引导你完成一个简单的项目,展示如何使用Three.js和CANNON.js创建一个带有物理碰撞的小球与平面场景。原创 2024-04-29 11:21:47 · 1233 阅读 · 2 评论 -
【threejs教程12】threejs添加GUI控制工具
本文介绍如何加载一个GUI控制器原创 2024-04-25 23:55:31 · 731 阅读 · 3 评论 -
【threejs教程11】threejs添加水面效果
本文将指导你如何使用Three.js添加一个逼真的水面效果到你的场景中。原创 2024-04-25 10:00:43 · 1915 阅读 · 10 评论 -
【threejs教程10】threejs添加镜面反射
本文将引导你通过Three.js框架实现一个简单的镜面反射效果。我们将创建两个具有镜面反射效果的立方体,并让它们反射不同的环境。原创 2024-04-24 13:44:20 · 1022 阅读 · 0 评论 -
【threejs教程9】threejs加载360全景图(VR)的两种方法
本文介绍两种用three.js加载360全景图(VR)的方法:使用Equirectangular映射的纹理以及立方体贴图(Cube Texture)原创 2024-04-24 09:26:10 · 2748 阅读 · 2 评论 -
【threejs教程8】threejs添加3D场景键盘控制
在3D应用开发中,用户交互是一个关键环节,特别是对于游戏和虚拟现实体验来说,能够通过键盘控制相机移动是提升沉浸感的重要手段。本文将指导你如何利用简单的代码,实现对THREE.js 3D场景中相机的键盘控制功能。原创 2024-04-23 14:08:25 · 1192 阅读 · 2 评论 -
【threejs教程7】threejs聚光灯、摄影机灯和汽车运动效果
这篇文章主要讲如何偏移地面的纹理,让外部加载的汽车模型看起来像在运动。同时列出聚光灯和摄像机灯光的加载方法。原创 2024-04-23 09:14:04 · 1109 阅读 · 2 评论 -
【threejs教程6】threejs加载glb模型文件(小米su7)
在threejs中我们经常需要引入外部模型文件,本文将演示如何加载外部glb模型文件,以小米su7模型为例,本文只做简单加载和车轮动画。更多功能将在后面文章中讲解。如需要模型文件资源可站内私信。原创 2024-04-22 16:06:08 · 2193 阅读 · 0 评论 -
【threejs教程5】threejs添加文字标注,且始终面向屏幕
在三维场景中,我们经常需要添加文字对场景物体等进行标注说明,本文将介绍如何添加三维场景的文字,并实现文字始终面向屏幕的效果。原创 2024-04-22 11:09:49 · 2580 阅读 · 2 评论 -
【threejs教程4】threejs添加跳动标注
本文讲解如何使用Three.js库创建一个动态的3D标注系统,用于高亮和追踪场景中的特定物体。原创 2024-04-20 11:36:09 · 937 阅读 · 3 评论 -
【threejs教程3】threejs物体轮廓发光
在Three.js项目中,为了增强场景中的交互和视觉效果,我们有时需要突出显示特定的3D物体,比如为其添加发光效果或者清晰的轮廓线。本文将通过介绍如何使用OutlinePass类来实现这一目标。原创 2024-04-19 14:13:28 · 1631 阅读 · 1 评论 -
【threejs教程2】threejs物体点击交互事件
在Three.js中,实现鼠标与物体的点击交互事件,改变点击物体的颜色状态。原创 2024-04-19 10:54:01 · 1551 阅读 · 1 评论 -
threejs基础开发应用示例
实现three基础场景创建,自动旋转立方体原创 2024-04-18 11:31:26 · 985 阅读 · 2 评论