FREEcommercial use · no sign-up

Quay

A low-poly 24 m section of a container-terminal quay for the Shipping Port kit. A concrete berth face on a rock scour toe carries black cell fenders, steel ladders and yellow-capped tee-head bollards. Behind it, a pale concrete apron has two ship-to-shore crane rails, a cable trench, painted lane lines and sea-blue shore-power cabinets.

Quay 3D model

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
3,648
Vertices
10,944
Meshes · materials
21 · 21
Size (W × H × D)
24 m × 5.1 m × 22 m
File
GLB · 364 KB
Animation
Static
Collection
Shipping Port

Palette · named materials

  • container colours — quay wall and apron joint lines (body)#988e81
  • container colours dark — wet band and wall panel joints (trim)#70685c
  • container colours light — concrete apron (deck)#b6b3af
  • mid grey — capping beam, some scour rocks (trim)#7d828c
  • steel grey — scour rocks (stone)#757e8a
  • steel grey dark — rail plates, trench covers, fender flanges and panels, bollard bases, cabinet plinths (metal)#525860
  • steel grey light — crane rails and ladders (metal)#a3a5a8
  • soot black — rubber fender cells and pads, bollards (rubber)#1b1b22
  • yellow — safety line and bollard heads; fender panels when containerColoursAndLogos >= 0.7 (accent)#eecd2b
  • warm white — dashed lane lines (paint)#f2ede2
  • sea blue — shore-power cabinets (accent)#2e67b8
  • dark wood — timber rubbing strip on the capping beam (wood)#3d2a1c

Use it

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

const gltf = await new GLTFLoader().loadAsync(
  "https://assets.stoicsoft.com/1designtool/3d/models/shipping-port-quay/0659e23ee8/model.glb"
);
scene.add(gltf.scene); // metres, +Y up, front faces +Z

How it was made

The brief given to 1DesignTool's “3D object” template:

Quay for the Shipping Port 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. This is one part of the Shipping Port kit (Low-poly style, flat-lowpoly direction): Containers, cranes and salt air. Use ONLY the kit palette, by name: container colours #988e81, steel grey #757e8a, sea blue #2e67b8, yellow #eecd2b, container colours dark #70685c, steel grey dark #525860, container colours light #b6b3af, steel 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 `containerColoursAndLogos` (0–1, default 0.5) for the kit's "Container colours and logos" 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
Make your own with 1DesignTool →

Named parts · 11

  • Quay
  • Quay wall
  • Rock scour toe
  • Capping beam
  • Concrete apron
  • Fenders
  • Ladders
  • Bollards
  • Crane rails and cable trench
  • Painted markings
  • Shore-power cabinets

Note: Size at the defaults: 24 m long (x) × 21.97 m deep (z: a 20 m apron plus the cap overhang, the fenders and the rock toe) × 5.08 m tall to the top of the shore-power cabinets. The deck top is 3.5 m above y = 0, and the capping beam stands 0.2 m proud of the deck. The sea face (fenders) faces +Z and the yard edge faces −Z. The origin is at the bottom centre of the footprint, and the wall and scour rocks rest on y = 0, which stands for the harbour bed. No water is included: the dark band on the lower 1.1 m of the wall marks the tide line. The crane rails use a real 15.24 m (50 ft) ship-to-shore gauge. The ends at ±x are flush cuts, so sections butt together along x. The GLB has 3,648 triangles in 21 meshes, is static and carries no animation clip. Normals are baked flat (non-indexed). Every material is named exactly after one of the 12 kit palette colours, and all 12 appear at the default. A quay carries no containers, so containerColoursAndLogos (the kit's 'Container colours and logos') drives the port's paint livery instead. From 0.2 it adds the yellow safety line and yellow bollard heads, it lays 0 to 4 dashed white lane lines (2 at the default), and from 0.7 it paints the fender panels yellow. quayLength (snapped to 4 m steps) and fenderCount space the fenders, ladders, bollards and cabinets along the section. deckHeight raises the wall, cap and fenders. Params are baked into the GLB at their defaults, and change the geometry only when the scene is rebuilt in the viewer. The default build and both extremes (all-min: 1,934 triangles, and all-max: 6,530 triangles, viewer figures) were rendered and passed three-check. glb-lint: 0 errors and 6 heuristic warnings, all expected: more than 10 materials and duplicate names (one material per mesh), non-indexed flat shading, overlapping scour rocks, 'detached' heuristics because each part is one merged mesh, and the scale check for a subject taller than 1 m. plan-check rejects only the hyphenated library part ids, because its regex allows no hyphen. The same plan passes with the slug de-hyphenated. three-check and the GLB keep all 11 ids. One fix round, visual only: looser hero framing so the front corner and rock toe no longer crop, and the cabinets moved clear of the land rail.

About the Quay 3D model

Quay is a free low-poly 3D model from the Shipping Port set. It measures 24 m × 5.1 m × 22 m (W × H × D) at real-world scale and is built from 3,648 triangles across 21 meshes, with 11 named parts. Download the 364 KB GLB and drop it into three.js, React Three Fiber, Godot or Blender — free for commercial use, no attribution required.

Is the Quay 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), 364 KB: 3,648 triangles, 10,944 vertices and 21 materials, modelled in metres at 24 m × 5.1 m × 22 m.
Can I animate Quay?
It ships as a static mesh. Its 11 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 Quay 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.

Free under the 1DesignTool 3D library license. Model #37 of 1579.