Rooftop tiles
A low-poly 4 × 4 m flat city roof tile: tar-grey roofing membrane with lapped seams, a timber duckboard walkway, a brick chimney stack with orange pots, a skylight, a vent pipe and a roof drain. Its edges are flat and its seams and walkway run straight through, so copies tile seamlessly in every direction.

Left rail: colours and the 4 knobs the agent wrote into this model — they rebuild the geometry and go into your download. Right rail: looks for the viewer. Drag to orbit, scroll to zoom.
- Triangles
- 838
- Vertices
- 2,217
- Meshes · materials
- 22 · 22
- Size (W × H × D)
- 4.0 m × 1.8 m × 4.0 m
- File
- GLB · 92 KB
- Animation
- Static
- Style
- Low-poly
- Collection
- Rooftop District
Palette · named materials
- roof membrane (tar grey)#757e8a
- lap seams, flashings, chimney cap, vent cap (tar grey dark)#525860
- skylight curb, vent pipe, drain grate (tar grey light)#a3a5a8
- chimney stack (brick red)#c32222
- chimney brick courses (brick red dark)#821717
- chimney corbel (brick red light)#db5757
- chimney pots (sunset orange)#ed7e1d
- walkway sleepers (water-tower brown)#6b4a2e
- walkway slats (dark wood)#3d2a1c
- skylight glass, flues, drain well (soot black)#1b1b22
- skylight frame and ridge (warm white)#f2ede2
Use it
import { GLTFLoader } from "three/addons/loaders/GLTFLoader.js";
const gltf = await new GLTFLoader().loadAsync(
"https://assets.stoicsoft.com/1designtool/3d/models/rooftop-district-rooftop-tiles/6f0eb798c3/model.glb"
);
scene.add(gltf.scene); // metres, +Y up, front faces +ZHow it was made
The brief given to 1DesignTool's “3D object” template:
Rooftop tiles for the Rooftop District kit. Design it as one clear asset at believable real-world scale for that setting (state the size in metres in meta.notes), with its main parts modelled and named, readable at thumbnail size and from every orbit angle. Make it a ground piece on an exact 4 × 4 m footprint with flat edges at y = 0 that tile seamlessly with its neighbours in every direction; origin at the tile centre. This is one part of the Rooftop District kit (Low-poly style, flat-lowpoly direction): Life above the streets. Use ONLY the kit palette, by name: brick red #c32222, tar grey #757e8a, sunset orange #ed7e1d, water-tower brown #6b4a2e, brick red dark #821717, tar grey dark #525860, brick red light #db5757, tar grey light #a3a5a8, soot black #1b1b22, warm white #f2ede2, mid grey #7d828c, dark wood #3d2a1c. Every material's `name` must be exactly the palette colour it uses — the GLB carries these names so the kit recolours as one; an unnamed material fails delivery. Kit knob: expose a param `skylineHeight` (0–1, default 0.5) for the kit's "Skyline height" setting wherever it makes sense on this part, and keep that id.
- Agent: Claude Code · Claude Opus 5.5 in 1DesignTool
- Direction: Low-poly · family scenes
- three-check PASS · glb-lint PASS
Named parts · 8
- Rooftop tile
- Tar roof deck
- Membrane seams
- Duckboard walkway
- Chimney stack
- Skylight
- Vent pipe
- Roof drain
Note: Size: exactly 4.00 × 4.00 m footprint, 1.775 m tall at the default params. The roof deck surface is at 0.15 m and the chimney pots top out at 1.775 m. The origin is at the tile centre, the bottom rests on y = 0 and the front faces +Z. How it tiles: the deck's border ring is exactly flat and only interior facets sag (up to 15 mm, seeded). The lap seams run along X on a 1 m pitch, and the border seams are half width so two neighbours share one full seam. The duckboard walkway runs the full length in Z with slats every 0.25 m, so walkways continue slat for slat into the next tile front to back. The chimney, skylight, vent and drain stay clear of every edge. skylineHeight (the kit's 'Skyline height') sets the chimney stack from 0.6 m above the deck at 0 to 1.8 m at 1 (1.2 m at the default 0.5), and the vent pipe grows with it. The GLB is baked at the default params, and only the defaults were rendered and checked. seamPitch, skylight and walkway rebuild the tile in the viewer only. The GLB has 838 triangles in 22 meshes, is static and has no animation clip. Every material is named after its kit palette colour, so you can recolour by name. The exporter writes one material per mesh, so some colour names repeat (22 materials, 11 distinct colours). Mid grey is not used. The viewer uses exposure 0.7 rather than the direction's 1.05 so the tar grey does not wash out; this does not affect the GLB. glb-lint: 0 errors and 5 heuristic warnings, all expected: the material count and duplicate warnings come from the per-mesh export; geometry is non-indexed because it is flat-shaded; the overlap warnings are the chimney's nested courses, pots and flashing; and the lap seams register as 'detached' because they are seated in the deck rather than reaching y = 0. plan-check rejects only the hyphenated library part ids (its regex allows no hyphen); the same plan with the slug de-hyphenated passes. three-check accepts those ids, and all 8 survive the GLB reload.
About the Rooftop tiles 3D model
Rooftop tiles is a free low-poly 3D model from the Rooftop District set. It measures 4.0 m × 1.8 m × 4.0 m (W × H × D) at real-world scale and is built from 838 triangles across 22 meshes, with 8 named parts. Download the 92 KB GLB and drop it into three.js, React Three Fiber, Godot or Blender — free for commercial use, no attribution required.
- Is the Rooftop tiles 3D model free for commercial use?
- Yes. It is free under the 1DesignTool 3D library license: use it in personal and commercial work — games, apps, websites, renders, ads and client projects — and modify it as you like, with no credit required. What you can't do is re-sell or re-distribute the file on its own or inside a model pack.
- What file format is it, and how big is it?
- A single binary glTF 2.0 file (.glb), 92 KB: 838 triangles, 2,217 vertices and 22 materials, modelled in metres at 4.0 m × 1.8 m × 4.0 m.
- Can I animate Rooftop tiles?
- It ships as a static mesh. Its 8 named parts are separate nodes, so you can move or animate each one in your engine.
- Which engines and tools can open it?
- Anything that reads glTF 2.0. three.js, React Three Fiber, Babylon.js, Godot 4 and Blender import the GLB directly; Unity and Unreal Engine load it through their glTF importers. The snippets above show the exact code for three.js, React Three Fiber, Godot and Blender.
- How was the Rooftop tiles 3D model made?
- Claude Code (Claude Opus 5.5) generated it inside 1DesignTool's 3D template from a written brief, then the design kit's checks verified the geometry and the GLB before it was published. You can make your own the same way with 1DesignTool.
More like this
All of Rooftop District →Free under the 1DesignTool 3D library license. Model #7 of 872.







