Roof Bulkhead

Name: Roof Bulkhead
Brand: threejs-3d-assets
SKU: roof-bulkhead-0f0acc
Availability: InStock

free

drag to orbit · scroll to zoom

test pivots:

336 tris · 1 material · 2.5×2.89×3.54 m · GLB 38 KB

Part hierarchy (toggle visibility)

Use it

The fastest path in three.js: one import, zero loaders. The module returns a ready THREE.Group with named parts.

import { createAsset } from 'https://threejs-3d-assets.com/cdn/roof-bulkhead-0f0acc.mjs';
scene.add(createAsset());

Full working example (a complete copy-paste HTML page)

<!doctype html>
<script type="importmap">
{ "imports": { "three": "https://unpkg.com/[email protected]/build/three.module.js",
               "three/addons/": "https://unpkg.com/[email protected]/examples/jsm/" } }
</script>
<script type="module">
import * as THREE from 'three';
import { OrbitControls } from 'three/addons/controls/OrbitControls.js';
import { createAsset } from 'https://threejs-3d-assets.com/cdn/roof-bulkhead-0f0acc.mjs';

const scene = new THREE.Scene();
scene.background = new THREE.Color(0xf3ecdc);
const camera = new THREE.PerspectiveCamera(45, innerWidth / innerHeight, 0.1, 100);
camera.position.set(3, 2, 4);
const renderer = new THREE.WebGLRenderer({ antialias: true });
renderer.setSize(innerWidth, innerHeight);
document.body.style.margin = 0;
document.body.appendChild(renderer.domElement);
scene.add(new THREE.HemisphereLight(0xffffff, 0x998877, 1.2));
const sun = new THREE.DirectionalLight(0xfff2e0, 2);
sun.position.set(4, 7, 5);
scene.add(sun);

scene.add(createAsset());
new OrbitControls(camera, renderer.domElement);
renderer.setAnimationLoop(() => renderer.render(scene, camera));
</script>

The standard route: load the GLB with GLTFLoader. The same file works in any glTF pipeline (Babylon.js, <model-viewer>, custom engines).

import { GLTFLoader } from 'three/addons/loaders/GLTFLoader.js';

new GLTFLoader().load('https://threejs-3d-assets.com/cdn/roof-bulkhead-0f0acc.glb', (gltf) => {
  scene.add(gltf.scene); // real-world scale in meters, origin on the ground
});

Flat-shaded vertex colors on a single material: no textures to wire up, one draw call.

Download the .glb from this page.
Unity: drag the file into Assets (glTFast or UnityGLTF import it). Godot: drop it into the project, it imports natively. Blender: File → Import → glTF 2.0.
Place it as-is: real-world scale in meters, origin at ground level.
Materials arrive as vertex colors on one material: no texture files, nothing to relink.

Using Claude Code, Cursor or another coding agent? This site is built for them: agent-readable docs at /llms.txt and a JSON API at /api. Paste this prompt:

Add the "Roof Bulkhead" low-poly model from threejs-3d-assets.com
to my three.js scene. It is free and hotlinkable, nothing to download:

  ES module: https://threejs-3d-assets.com/cdn/roof-bulkhead-0f0acc.mjs
             (import { createAsset } - returns a THREE.Group, real-world scale)
  GLB:       https://threejs-3d-assets.com/cdn/roof-bulkhead-0f0acc.glb

Full metadata (size, palette, rigged parts): https://threejs-3d-assets.com/api/assets/roof-bulkhead-0f0acc
Site docs for agents: https://threejs-3d-assets.com/llms.txt

Every asset in this catalog shares one identical vertex-colored material, with no textures at all. That means whole scenes collapse into a single draw call: the same result Synty-style packs get from a texture atlas, without the atlas.

import { mergeAssets } from 'https://threejs-3d-assets.com/cdn/merge.mjs';

// position your assets first, then:
const { merged, dynamic } = mergeAssets([
  terrain, tree, rock,
  { object: asset, rig },   // 'door' stays animatable
]);
scene.add(merged);                  // ONE draw call, static
dynamic.forEach(d => scene.add(d)); // rigged parts, still movable

Placing many copies of one model? Use THREE.InstancedMesh instead: one draw call and even less memory. The landing page's forest demo ends with exactly this merge.

Rigged parts: door. Each is a named group with its pivot at the hinge or axle, so one line animates it.

const asset = createAsset();
scene.add(asset);

// swing 'door' open (tween this value for smooth motion):
asset.getObjectByName('door').rotation.y = Math.PI / 4;

Loading the GLB instead? The same named nodes are there: gltf.scene.getObjectByName('door').

This assetFree

Hotlink or download it. The snippet below just works.

New York City Kit$35

The whole kit: 41 matching parts, this one included · one palette, one scale

In production · watch it grow

336 triangles · 1 material
2.5 × 2.89 × 3.54 m, real-world scale
GLB (38 KB) + drop-in ES module
Rigged: door
Commercial license: games, apps, client work, anything. No attribution required. (No reselling the raw assets.)

Download .glb Download .mjs