跳转到使用指南
Three.js Geometry作者 CloudAI-X

Three.js Geometry Skill.

在添加表面样式或动画之前,先选择形状的表示方式。

  • 3D
  • Three.js
来源审阅 · Three.js GeometrySKILL.md
任务 3D 产出 • 基本几何体、挤出几何体或自定义几何体 • 经过检查的位置、法线、索引和 UV 属性 • 针对重复形状的实例化或合并方案 开始之前 需要一个可运行的 Three.js 项目和渲染器;请对照已安装的版本核实来源中的示例。其他控件和加载器取决于所选路径。
编辑摘要 · 来源审阅于 2026-10-07 · 并非生成的示例

01 功能说明

Three.js Geometry:构建网格与重复形状

形状构造器、自定义 BufferGeometry 属性、实例化、几何工具以及资源释放。

基于来源的工作流程并非执行基准测试

工作方法

Three.js Geometry 涵盖基本几何体、基于路径的形状、自定义顶点缓冲、点、线和重复网格。其重点在于结构:位置与索引、表面法线、纹理坐标,以及几何细节与渲染开销之间的关系。

来源内容从立方体和球体讲到挤出、管道、文字和 InstancedMesh。它既适用于创作自定义形状,也适用于诊断开销高昂的重复渲染。生成的网格仍需检查;示例并不能证明资源已可用于生产环境。

预期交付物

  • 基本几何体、挤出几何体或自定义几何体
  • 经过检查的位置、法线、索引和 UV 属性
  • 针对重复形状的实例化或合并方案
查看示例需求

从需求到审阅

  1. 01
    选择表示方式

    当基本几何体或基于路径的形状足以表达形状时就使用它们;需要更精细控制时再使用自定义缓冲。

  2. 02
    检查网格

    在评判材质之前,先检查尺寸、三角形朝向、法线和包围范围。

  3. 03
    降低重复开销

    使用合适的实例化或兼容的静态合并,并释放不再使用的几何体。

02 适用场景

适用场景

需要一个可运行的 Three.js 项目和渲染器;请对照已安装的版本核实来源中的示例。其他控件和加载器取决于所选路径。

适合的情形

  • 自定义形状适用于挤出轮廓、车削形状、管道或手工编写顶点的情形。
  • 重复对象实例化适合共享几何体、但变换或颜色各异的多个副本。

需要核查的限制

  • 不是雕刻工具该技能提供的是代码模式,而不是交互式建模软件。
  • 细节并非没有代价增加分段数可以改善轮廓,但也会增加渲染开销。

请提供这些输入

  • 形状定义提供尺寸、轮廓点或形状参考。
  • 表面需求说明光照和纹理方面的要求。
  • 重复情况说明有多少对象共享几何体,以及哪些方面会变化。

03 关键决策

关键决策

  1. 先拓扑,后外观

    错误的属性可能看起来像材质缺陷;请先检查网格数据。

  2. 复制而不重复

    对于大量相同的形状,实例化是一种独立的表示方式。

04 示例任务

尝试一个针对性的需求

下面的示例需求尚未经过测试。使用前请先查看该技能的设置。

查看设置

请将相关的 threejs-skills 目录用作智能体的指导。它不是 Three.js 运行时,也不会安装场景资源。

上游源文件
https://github.com/CloudAI-X/threejs-skills/blob/b1c623076c661fc9b03dac19292e825a5d106823/skills/threejs-geometry/SKILL.md

需要一个可运行的 Three.js 项目和渲染器;请对照已安装的版本核实来源中的示例。其他控件和加载器取决于所选路径。

从一个交付物开始

运行该技能之前,请根据实际情况调整此需求中的范围、源材料和约束。

示例需求
使用 threejs-geometry,根据此轮廓构建展示架。选择挤出或车削几何体,检查法线和包围范围;如果各展示架共享同一网格,则使用实例化。说明哪些参数更改需要重新构建几何体。

检查结果

对照以下可观察的标准检查实际输出。

  • 轮廓与输入的轮廓一致。
  • 编辑后法线和包围范围保持一致。
  • 重复对象采用了有依据的表示方式。

OpenDesign 为编码智能体提供本地设计工作区。此列表并不意味着该技能已内置,也不意味着其外部工具、凭据和软件依赖已包含在内。

05 来源与许可证

来源与许可证

本页描述的是下方链接所指向的固定来源版本。上游的行为和要求可能会发生变化。

来源所有者
CloudAI-X
许可证
未确认——复用前请查看上游条款。
已审阅快照
2026-10-07 · b1c623076c66
编辑版来源摘要
形状构造器、自定义 BufferGeometry 属性、实例化、几何工具以及资源释放。

由 OpenDesign 根据所链接的来源撰写的原创摘要。仓库星标数是带日期的热度信号,并不代表技能使用量或质量评分。

06 开始前的问题

开始前的常见问题

它涵盖 3D 文字吗?

涵盖。TextGeometry 示例包括加载字体、倒角设置和居中。

什么时候适合使用实例化?

当多个副本共享几何体,并通过各实例的变换或颜色来区分时。

为什么在编辑顶点后要更新包围范围?

空间信息必须与网格已改变的位置保持一致。

OpenDesign

为下一轮设计迭代留出空间。

将需求、源材料和设计工作集中放在本地工作区中。将该技能加入工作流程之前,请先查看它自身的设置。

上游源文件
https://github.com/CloudAI-X/threejs-skills/blob/b1c623076c661fc9b03dac19292e825a5d106823/skills/threejs-geometry/SKILL.md