FREEcommercial use · no sign-up

Water tiles

A low-poly 4 × 4 m tile of open harbour water for the Shipping Port kit. A faceted sea-blue swell with white crest streaks wraps seamlessly across every edge, and a yellow steel mooring buoy and two drifting timber planks ride on it.

Water tiles 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
1,382
Vertices
4,146
Meshes · materials
9 · 9
Size (W × H × D)
4.0 m × 98 cm × 4.0 m
File
GLB · 105 KB
Animation
Static
Collection
Shipping Port

Palette · named materials

  • sea blue — water surface and cut faces (water)#2e67b8
  • warm white — whitecap crest facets; buoy reflective band when containerColoursAndLogos >= 0.67 (foam)#f2ede2
  • steel grey dark — harbour-bed band and tile bottom, buoy eye pad (earth)#525860
  • yellow — buoy hull when containerColoursAndLogos >= 0.34 (accent)#eecd2b
  • container colours — buoy hull when containerColoursAndLogos < 0.34 (body)#988e81
  • soot black — buoy fender ring and antifoul keel (rubber)#1b1b22
  • steel grey — buoy deck plate (metal)#757e8a
  • steel grey light — buoy lifting eye (metal)#a3a5a8
  • dark wood — dunnage planks (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-water-tiles/17bebd0b31/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:

Water tiles 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. 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 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 · 5

  • Water tile
  • Harbour water
  • Whitecap crests
  • Mooring buoy
  • Drifting dunnage planks

Note: Size at the defaults: exactly 4 m × 4 m (x × z) footprint. The water slab is flat on y = 0, with a mean surface at 0.45 m and a swell of ±0.1 m. The buoy's lifting eye is the highest point, at 0.98 m. The buoy is 1.06 m across its fender. The origin is at the tile centre on y = 0, and front faces +Z. Tiling: the swell is a sum of plane waves with whole-number cycles per 4 m in x and z, so each edge's surface profile, whitecaps and facet pattern exactly match the opposite edge, and tiles repeat in every direction without a seam. The buoy and planks stay well inside the footprint. The GLB has 1,382 triangles in 9 meshes. It is static and carries no animation clip. Normals are baked flat (non-indexed). Every material is named exactly after a kit palette colour. 8 of the 12 colours appear at the default, and container colours replaces yellow below 0.34. Water carries no containers, so containerColoursAndLogos drives the buoy livery: weathered container colours below 0.34, safety yellow from 0.34, and a warm-white reflective band from 0.67. waterDepth raises the surface. In shallow water the buoy keel shortens so it never goes below y = 0. waveHeight scales the swell, and whitecaps widens the crest streaks. Params are baked into the GLB at their defaults. They change the geometry only when the scene is rebuilt in the viewer. The all-max and all-min param sets were each rendered, and both passed three-check. glb-lint: 0 errors and 3 heuristic warnings, all expected: a duplicate material name (one material per mesh), non-indexed flat shading, and 'detached' parts, because the buoy and planks float on the water rather than touching the ground plane. 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 5 ids. Four fix rounds, one more than the brief's limit of three: (1) larger 0.2 m facets with peaked crests so the swell reads as low-poly, (2) whitecaps changed from blobs to streaks along the crests, (3) planks laid along the crest lines so a ridge no longer swallows them, and (4) a param-extreme fix, where the buoy keel shortens in shallow water instead of the buoy lifting off the surface.

About the Water tiles 3D model

Water tiles is a free low-poly 3D model from the Shipping Port set. It measures 4.0 m × 98 cm × 4.0 m (W × H × D) at real-world scale and is built from 1,382 triangles across 9 meshes, with 5 named parts. Download the 105 KB GLB and drop it into three.js, React Three Fiber, Godot or Blender — free for commercial use, no attribution required.

Is the Water 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), 105 KB: 1,382 triangles, 4,146 vertices and 9 materials, modelled in metres at 4.0 m × 98 cm × 4.0 m.
Can I animate Water tiles?
It ships as a static mesh. Its 5 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 Water 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.

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