Create and manipulate Three.js geometries for 3D scenes.
npx skills add https://github.com/sbalagan22/bloomr --skill threejs-geometry-sbalagan22
Please help me install this Agent Skill. Skill: threejs-geometry Source: https://github.com/sbalagan22/bloomr/tree/main/.claude/skills/threejs-geometry Command: npx skills add https://github.com/sbalagan22/bloomr --skill threejs-geometry-sbalagan22
This skill helps developers create, customize, and optimize 3D geometries in Three.js, from built-in shapes to custom BufferGeometry, enabling efficient rendering and flexible scene composition.
Import Three.js, create a BoxGeometry, wrap it in a Mesh with a material, and add it to the scene.
High-intent search queries and answers about installing and using this skill.
You create custom Three.js geometries by defining vertex positions and interleaved attributes within a BufferGeometry object. This approach enables advanced rendering and flexible scene composition for interactive WebGL applications.
The best way to render many identical 3D meshes efficiently in Three.js is using instancing. Instanced rendering optimizes mesh rendering to draw numerous objects in a scene with minimal performance overhead, ideal for games.
Yes, you can use built-in Three.js geometries like Box, Sphere, and Plane for quick prototyping. These built-in shapes wrap easily in a Mesh with a material to rapidly build 3D scenes.
Yes, knowledge of Three.js materials and scenes is required. To build 3D geometries, you must wrap shapes in a Mesh with a material and add that Mesh to a scene for rendering.
You should use instancing instead of standard meshes in Three.js when rendering many objects in interactive apps or games. Instancing provides mesh optimization to handle high object counts efficiently without degrading performance.
guaderramaCreate 3D scenes with Three.js for WebGL and WebGPU rendering.
huangzidaCreate and optimize three.js geometries with built-in shapes, BufferGeometry, and instanced meshes.
tadams95Bootstrap Three.js scenes with Scene, PerspectiveCamera, and WebGLRenderer setup.
dogmandclCreate and manipulate Three.js geometries for WebGL scenes.
