Three.js Low Poly

Create or enhance stylized low-poly scenes entirely through code using procedurally generated geometries, prefabricated models, and factory utilities.

Overview

Three Low Poly provides a toolkit for building low-poly environments in Three.js with minimal manual modeling. It combines procedural generation (algorithmic geometry creation) with parametric modeling (user-defined parameters) to produce consistent, customizable results.

Core Principles

• Procedural Generation – Create geometry algorithmically rather than by hand.
• Parametric Modeling – Adjust model attributes (size, color, detail, variation) via options.
• Prefabricated Models – Drop-in objects like trees, rocks, or books ready for scenes.
• Factory Utilities – Generate arrays, grids, or randomized layouts of models with a single call.

Example Library scene

Getting Started

To install, execute:

npm i three-low-poly

Then, import into a project and use as:

import { MossyRocks } from "three-low-poly";

const rocks = new MossyRocks();
scene.add(rocks);

See the examples for more information.

Example Graveyard scene

Usage

Assets are procedurally generated and customizable through parameters, typically based on a core geometry that combines a mesh with a material.

Alongside these geometries, there are prefabricated models that can be added directly to the scene, as well as factory methods for bulk creation.