首页
首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
Three.js 基础知识大学习
Mintopia
创建于2025-04-01
订阅专栏
本专栏收录关于Three.js和Web3D相关基础知识,旨在复习、交友、分享
等 22 人订阅
共52篇文章
创建于2025-04-01
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
Three.js 鼠标移动与图像交互教程
一、引言 在现代网页设计中,为用户提供丰富的交互体验是非常重要的。Three.js 作为一个强大的 3D 库,为我们实现复杂的 3D 交互效果提供了便利。本教程将详细介绍如何使用 Three.js 实
Three.js 模型优化全流程教学文章
在使用 Three.js 开发 3D 应用时,模型优化是提升性能的关键。未经优化的模型可能导致加载缓慢、帧率下降,影响用户体验。本文将详细介绍 Three.js 中模型优化的完整过程,帮助你打造高效流
Three.js 发光路径效果实现指南
一、概述 在 Three.js 中创建发光路径效果可以增强 3D 场景的视觉吸引力,这种效果常用于引导用户视线、展示运动轨迹或创建科幻风格的视觉效果。本文将详细介绍如何实现这一效果。 二、准备工作 首
Three.js 融合 WebGPU:渲染性能的新飞跃
WebGPU 作为下一代 Web 图形 API,正在彻底改变我们在浏览器中实现高性能 3D 渲染的方式。Three.js 作为最流行的 WebGL 框架,也在积极拥抱这一变革。本文将深入探讨 Thre
SVG 图形路径与 Three.js 绘图路径的关联与差异
在 Web 图形绘制领域,SVG(Scalable Vector Graphics)和 Three.js 是两个常用的技术。SVG 主要用于二维矢量图形绘制,而 Three.js 则是用于创建和渲染三
Three.js 模型加载与导出完全指南
Three.js 是一款强大的 3D 渲染库,可帮助开发者在网页上创建沉浸式 3D 体验。本指南将深入探讨 Three.js 中模型加载与导出的核心技术,包含完整的代码实现和最佳实践。 一、Three
Three.js 中计算两个物体之间的距离
在 3D 场景开发中,计算两个物体之间的距离是常见需求。无论是实现碰撞检测、AI 行为逻辑,还是创建视觉特效,距离计算都是基础且关键的功能。本文将详细介绍在 Three.js 中如何计算两个物体之间的
three.js 字体使用全解析
在 3D 可视化项目中,文字是传递信息的重要元素。Three.js 作为强大的 3D 库,提供了多种添加和处理文字的方式。本文将深入探讨 Three.js 中字体的使用方法,从基础文字渲染到高级文字动
Three.js Box3 完全指南:从基础到高级应用
一、Box3 基础概念 1. 什么是 Box3? Box3 是 Three.js 中用于表示三维空间中轴对齐边界框(Axis-Aligned Bounding Box, AABB)的类。它由最小点(m
解析 SVG 文件并创建 3D 模型
Three.js 是一个强大的 JavaScript 3D 库,它允许开发者在网页上创建和展示复杂的 3D 图形和动画。Three.js 提供了多种方式来创建 3D 模型,其中一种方式是通过解析 SV
基于 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 场景中的
下一页