首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
Three.js 基础知识大学习
LeonGao
创建于2025-04-01
订阅专栏
本专栏收录关于Three.js和Web3D相关基础知识,旨在复习、交友、分享
等 81 人订阅
共122篇文章
创建于2025-04-01
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
基于 Three.js 构建极简 VR 场景教程
Three.js 是一个强大的 JavaScript 3D 库,结合 WebVR API 可以轻松创建沉浸式 VR 体验。本教程将带你使用 Three.js 构建一个最小可行的 VR 场景,包含基础结
Three.js 性能优化指南
引言 Three.js 是一个强大的 JavaScript 3D 库,能够在网页上创建复杂的 3D 场景。然而,随着场景复杂度的增加,性能问题可能会变得非常明显,导致帧率下降、动画卡顿,甚至在移动设备
Three.js 着色器原理解析
一、着色器基础概念 1.1 什么是着色器 着色器是一种运行在 GPU 上的小程序,用于实现图形渲染中的特定计算任务。在 Three.js 中,着色器主要负责控制 3D 模型的外观表现,包括颜色、光照、
Three.js 飞线可视化教程:从基础到进阶
1. 什么是飞线图? 飞线图(Flow Map)是一种数据可视化方式,用于展示从一个点到另一个点的流动关系和强度。在三维空间中,飞线图可以更直观地展示地理数据、网络流量或粒子运动等信息。 2. Thr
Three.js 与 AI 的未来结合:探索无限可能
引言 Three.js 作为一款强大的 3D JavaScript 库,已经在 WebGL 领域取得了显著成就。而人工智能 (AI) 的快速发展,则为 Three.js 的应用带来了新的可能性。本文将
Three.js 动画优化指南
在当今的 Web 开发领域,Three.js 以其强大的功能成为创建 3D 动画和图形的首选库之一。然而,随着动画复杂度的增加,性能问题也随之而来。优化 Three.js 动画性能,确保流畅的用户体验
探索 TresJS:用 Vue 构建精彩 3D 世界
一、TresJS 是什么? TresJS 是一个强大的工具,它能让开发者借助 Vue 轻松打造令人惊叹的 3D 体验。它基于 Three.js 和 Vite 构建,大大降低了开发者进入 3D 开发领域
Three.js 绘制一棵树教学指南
一、Three.js 简介 Three.js 是一个基于 WebGL 的 JavaScript 3D 库,它简化了在网页上创建和展示 3D 场景的过程。通过 Three.js,你可以轻松地创建 3D
Three.js 中三角形的应用学习指南
一、Three.js 基础概念与环境搭建 在开始学习 Three.js 中三角形的应用之前,我们需要先了解 Three.js 的基本概念,并搭建好开发环境。 Three.js 是一个基于 JavaSc
Three.js 路径描绘教学:从基础到进阶
一、什么是路径描绘 在 Three.js 中,路径描绘(Path Drawing)是一种强大的功能,它允许我们通过定义一系列的点和曲线来创建复杂的形状,然后将这些形状转换为几何体,用于 3D 场景中的
Three.js 世界坐标系学习指南
一、引言 在使用 Three.js 进行 3D 场景开发时,理解世界坐标系是非常重要的基础。坐标系决定了物体在 3D 空间中的位置、方向和大小,是构建 3D 场景的基石。本文将详细介绍 Three.j
Three.js 在数字孪生中的应用场景教学
一、引言 数字孪生是充分利用物理模型、传感器更新、运行历史等数据,集成多学科、多物理量、多尺度、多概率的仿真过程,在虚拟空间中完成映射,从而反映相对应的实体装备的全生命周期过程。Three.js 是一
# 使用 Three.js 实现带随机障碍物的小车行驶模拟
引言 在之前的代码中,我们借助 Three.js 达成了小车在公路上行驶的动画效果。现在,我们要在此基础上,在公路两侧随机添加障碍物模型,从而提升模拟的真实感与趣味性。 原代码功能回顾 原代码实现了如
Three.js 汽车行驶动画教程
Three.js 汽车动画教程 简介 本教程将指导你使用 Three.js 创建一个简单的汽车在公路上行驶的动画。通过这个示例,你将学习到如何创建场景、相机、渲染器,以及如何创建和动画化 3D 对象。
Three.js 模拟公路上小车行驶教学
1. 简介 Three.js 是一个基于 WebGL 的 JavaScript 3D 库,它可以帮助开发者轻松地在网页上创建和展示 3D 场景。在本教程中,我们将使用 Three.js 来模拟公路上小
Three.js 制作飘摇的草:从基础到进阶的全流程教学
一、Three.js 基础概念回顾 在开始制作飘摇的草之前,我们先来回顾一下 Three.js 中的几个核心概念。Three.js 是一个基于 JavaScript 的 3D 库,使用它可以轻松创建和
Three.js 物体碰撞试验学习指南
在 Three.js 创建的 3D 虚拟世界中,物体间的碰撞交互能极大增强场景的真实感和用户体验。从游戏中角色与道具的互动,到虚拟仿真里机械部件的接触检测,碰撞试验都是不可或缺的功能。接下来,我们深入
Three.js 与物理引擎配合学习指南
一、前言 在 Web 3D 开发领域,Three.js 是创建交互式 3D 场景的强大工具,而物理引擎则能为场景赋予真实的物理效果,如碰撞检测、重力模拟、刚体运动等。将 Three.js 与物理引擎结
场景层级基础概念
(一)场景(Scene)对象 在 Three.js 中,THREE.Scene是整个 3D 场景的容器,它是场景层级结构的根节点。可以将场景想象成一个空的舞台,所有的 3D 元素(如几何体、光源、相机
three.js 中的动画(animation)
(一)动画原理 动画,本质上是一系列图片在特定时间内,以一定频率播放所产生的视觉错觉。这背后依托于人眼的视觉暂留特性,即光象在视网膜形成后,视觉会维持一段有限时间。通常,中等亮度光刺激下,视觉暂留时间
下一页