Does it include support for 3D text?

Yes, it covers the implementation of FontLoader and TextGeometry, including how to properly center and bound text meshes.

Can I use this for procedural mesh generation?

Absolutely. It provides the boilerplate and logic for programmatically defining vertices and faces using typed arrays and BufferGeometry.

Can this skill help with custom vertex attributes?

Yes, it provides implementation patterns for setting up BufferAttributes including positions, normals, UVs, and custom vertex colors for use in shaders.

How does it assist with performance optimization?

The skill focuses on GPU-efficient techniques like using InstancedMesh for duplicate objects and BufferGeometryUtils for merging multiple geometries into a single draw call.

Three.js Geometry & 3D Shapes

Name: Three.js Geometry & 3D Shapes
Author: sickn33

bysickn33

•

35,078

•

ゲーム開発

Facilitates the creation and optimization of 3D geometries in Three.js, from built-in primitives to custom BufferGeometry and instanced rendering.

This skill provides comprehensive guidance for working with Three.js geometries, helping developers build everything from basic shapes like boxes and spheres to complex custom meshes using BufferGeometry. It includes optimized patterns for high-performance rendering such as InstancedMesh, path-based extrusion, and geometry utility functions like merging. It is an essential companion for developers building 3D web experiences, data visualizations, or browser-based games who need to manage vertex data, normals, and UV mapping efficiently.

主な機能

01Custom BufferGeometry construction with vertex and index mapping

02High-performance instancing for rendering thousands of objects

03Geometry utility support for merging and computing normals/tangents

0435,078 GitHub stars

05Standard primitive geometry generation (Box, Sphere, Torus, etc.)

06Advanced path-based shapes including extrusion, tubes, and lathes

ユースケース

01Visualizing complex datasets using efficient instanced rendering

02Building optimized 3D environments for web-based games

03Creating custom procedurally generated 3D models and terrain

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add sickn33/antigravity-awesome-skills threejs-geometry

For use in Claude.ai and ChatGPT

主な機能

01Custom BufferGeometry construction with vertex and index mapping

02High-performance instancing for rendering thousands of objects

03Geometry utility support for merging and computing normals/tangents

0435,078 GitHub stars

05Standard primitive geometry generation (Box, Sphere, Torus, etc.)

06Advanced path-based shapes including extrusion, tubes, and lathes

ユースケース

01Visualizing complex datasets using efficient instanced rendering

02Building optimized 3D environments for web-based games

03Creating custom procedurally generated 3D models and terrain

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add sickn33/antigravity-awesome-skills threejs-geometry

For use in Claude.ai and ChatGPT