Loading model

About

Free 3D model of a canal town shopfront with a glazed bay and awning for a historical street kit: painted shop bay, blank hanging sign and a stepped gable over it. Dimensions 4.16 by 8.89 by 2.17 m (X by Y by Z). Metre units, +Y up, +Z front, origin on the footprint at ground level. Animated pivot nodes: door at (0.83, -0.00, 0.34) m. Connectors: left (front) at (-2.00, 0.00, 0.00) facing (-1, 0, 0); right (front) at (2.00, 0.00, 0.00) facing (1, 0, 0); roof (roof) at (0.00, 6.80, -0.28) facing (0, 1, 0). Facade module 4.00 m wide on the terrace wall head of 6.80 m, with the shop bay standing 0.90 m out from the wall. The street door swings. The awning is a spread canvas on a rigid frame and does not fold, and the hanging sign and the gable board are blank apart from invented abstract shapes. No real town, mill, company or product is depicted, and every board and gable stone is blank or carries invented abstract shapes. Canal town palette: red brick, lime plaster, grey stone, clay pantile, oak and pale pine, dark green paint, wrought iron, brass, dark green glass used for glazing and for the canal, leaf green and a single flower red. Rigid node-transform clips: open and close. No skinning. No collision or navigation data.

Use with an AI agent

Copy this prompt into your AI chat, then describe what you want to build with the asset.

Use the “Shopfront Bay Front (Canal Town and Windmill)” asset in my project.

Model: https://cdn.3dassets.dev/assets/36666/v1/model.glb
Asset page: https://3dassets.dev/assets/canal-town-and-windmill-shopfront-bay-front-95289f9b
Description: Free 3D model of a canal town shopfront with a glazed bay and awning for a historical street kit: painted shop bay, blank hanging sign and a stepped gable over it.

- Dimensions (X × Y × Z): 4.16 × 8.89 × 2.17 metres
- Triangles: 4.2k
- Animations: open, close
- Licence: CC0 1.0 Universal (https://creativecommons.org/publicdomain/zero/1.0/)
- Loading: Three.js GLTFLoader; no additional decoders required.

Also available as JSON, Markdown, or via the MCP server.

Import manually

Choose your framework, then copy the code into your project to load the asset.

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

let mixer

const loader = new GLTFLoader()
loader.load('https://cdn.3dassets.dev/assets/36666/v1/model.glb', (gltf) => {
  scene.add(gltf.scene)
  mixer = new AnimationMixer(gltf.scene)
  mixer.clipAction(gltf.animations[0]).play()
})

// Call from your render loop; deltaSeconds is time since the previous frame.
function updateAssetAnimation(deltaSeconds) {
  mixer?.update(deltaSeconds)
}

Common questions

How do I use this model with my AI development tools?

Press "Copy for AI agent" above and paste the prompt into Claude Code, Cursor, Codex, GitHub Copilot, ChatGPT or any other coding assistant. The prompt carries the direct CDN URL, the real-world size, the licence and the loading notes, so the assistant can fetch the model and place it in your project without you writing the loader yourself. For a permanent connection, add the 3DAssets.dev MCP server to your tool with one command (for Claude Code: claude mcp add --transport http 3dassets https://3dassets.dev/mcp) and the assistant can then search the whole catalogue, fetch files and read the usage snippets on its own.

MCP server setup Guide for AI agents

How do I get started?

Three ways, from quickest to most automatic. Download the .glb with the button and drop it into your engine's asset folder, where it imports like any glTF file. Or skip the download: copy the three.js, React Three Fiber or model-viewer snippet under "Import manually", which loads the model straight from the CDN. Or connect your AI agent to the MCP server and ask for it by name, and it will find, fetch and place the model for you.

MCP server setup API reference

Which game engines and tools can I use this model with?

Anything that reads glTF, which today means all of the major ones: three.js and React Three Fiber on the web, Godot 4, Unity, Unreal Engine 5, Blender and the model-viewer web component. The model is a self-contained binary glTF (.glb) with textures embedded, so there is one file to import and no plugin, converter or decoder to install first.

How do I import this model into Unity, Godot, Unreal or Blender?

Unity: install the glTFast package (com.unity.cloud.gltfast) from the Package Manager, drop the .glb into Assets and drag the prefab in, or load it at runtime from the CDN URL. Godot 4: copy the file into the project folder and the editor imports it as a scene you can instantiate. Unreal Engine 5: File > Import with the built-in glTF importer, which converts the axes for you. Blender: File > Import > glTF 2.0. Units are metres with +Y up in the file, and every importer above handles the conversion to its own axes automatically.

Can I use this model in a commercial game, and do I need to credit anyone?

Yes to commercial use and no to credit. Every model on 3DAssets.dev is released under CC0 1.0 Universal, which places it in the public domain: use it in a paid game, an app, a film or a client project, modify it, redistribute it, and put nothing in the credits. A link back is welcome but it is entirely your choice.

CC0 licence text

Can I load it from the CDN instead of downloading it?

Yes. The .glb file has a permanent URL on cdn.3dassets.dev that is CORS-enabled and never changes content, so you can pass it straight to GLTFLoader, glTFast or model-viewer in production and cache it as hard as you like. Downloading is only needed for engines that import from disk.

Do I need Draco, Meshopt or KTX2 to load it?

No. The geometry is quantized with KHR_mesh_quantization and the textures are re-encoded to WebP, both of which three.js, Godot, Unity and Blender read natively, so a plain GLTFLoader is enough. There is nothing extra to configure and no decoder to ship with your bundle.

Shopfront Bay Front (Canal Town and Windmill)

Free 3D model of a canal town shopfront with a glazed bay and awning for a historical street kit: painted shop bay, blank hanging sign and a stepped gable over it.

Download asset · 188.0 KB

More in Buildings & Architecture

Animated

Pile Dwelling (Bellroot Fen Floodward Marches)

Two-level pile dwelling: enclosed furnished sleeping room over a clear full-length boat slip, braced corner piles, gabled reed roof and a solid supported entrance stair.

@3dassets38.7k tris · 11 ↓