generate-low-poly-model

Skill: Generate Low-Poly 3D Models with Three.js and Export to glTF/GLB

Purpose

Use this skill to procedurally create low-poly 3D models in JavaScript with Three.js, preview them in a browser, and export them as glTF 2.0 assets, preferably binary .glb files for portability.

This skill is best for:

• Low-poly props, terrain, rocks, trees, buildings, vehicles, icons, collectibles, and simple creatures.
• Procedural generation from dimensions, seed values, or high-level art direction.
• Browser-based previews and downloadable .glb exports.

This skill is not ideal for:

• Production character topology, rigging, skeletal animation, complex UV unwrapping, or photorealistic assets.
• Dense sculpted models that should be authored in Blender or a DCC tool.

Core Tools

Runtime and rendering

• three: main rendering and geometry library.
• three/addons/exporters/GLTFExporter.js: exports THREE.Scene, THREE.Object3D, or mesh collections to glTF 2.0.
• three/addons/controls/OrbitControls.js: browser preview camera control.
• Optional: lil-gui for procedural parameters.
• Optional: seedrandom or a custom deterministic RNG for repeatable model generation.

Validation and inspection

• Khronos glTF Validator: validate exported .gltf or .glb files.
• Blender: inspect scale, normals, materials, hierarchy, and compatibility.
• Three.js GLTFLoader: re-load the exported file into a clean scene as a smoke test.

Recommended Project Structure

low-poly-generator/
  package.json
  index.html
  src/
    main.js
    modelFactory.js
    exportGLB.js
    materials.js
    geometryUtils.js
  exports/

Bundled Procedural Scripts

Use scripts/procedural-low-poly-models.js when a request asks for animals, humans, vegetation, or reusable game props. Copy or import the script into the target Three.js project, then call the fixed factory that matches the requested species or object.

The script exports:

• LOW_POLY_SPECIES: category map for animal, human, and object families.
• LOW_POLY_FACTORIES: registry of named factories.
• createLowPolyModel(THREE, kind, params): dispatch helper for dynamic model selection.
• Animal factories: createLowPolyDog, createLowPolyCat, createLowPolyHorse, createLowPolyDeer, createLowPolyGoat, createLowPolyTiger, createLowPolyBear, createLowPolyPanda, createLowPolyMonkey, createLowPolyBird, createLowPolyChicken, createLowPolyFish.
• Human factories: createLowPolyHuman, createLowPolyChild, createLowPolyWorker, createLowPolyAdventurer, createLowPolyRobot.
• Object factories: createLowPolyOakTree, createLowPolyPineTree, createLowPolyPalmTree, createLowPolyFlower, createLowPolyGrassClump, createLowPolyBush, createLowPolyRock, createLowPolyCrate, createLowPolyBarrel, createLowPolyMushroom.