Tall House
Tall House is a 3D asset in Cozy Town Pack. Explore its shape in 3D and use the model controls to try the available variations.
Model specifications
These counts describe the default model in the live preview. Changes in the live preview can change the geometry.
- Dimensions (W × D × H)
- 4.026 × 4.41 × 11.004 m
- Triangles
- 3,177
- Meshes
- 1
- Materials
- 1
- Textures
- 2
- Customization
- Presets and model parameters
- Animation
- Static model
Cozy Town
Build a storybook village with 50 low-poly models, including 41 buildings, trees, paths, a pond, fences, a bridge and configurable props. One shared 1024×1024 atlas keeps the kit lightweight. Customize roof and wall palettes, presets and details in the browser editor, switch between day and night, and start from the included Hearthbrook Village scene.
This asset is included with the full pack. The pack contains Web GLBs and React Three Fiber components for use in your own projects under the royalty-free license.
Use in your project
After downloading the pack, copy the model from its glb folder into your project. Serve the Three.js Draco decoder files from the local draco folder used below. The file uses glTF 2.0, Draco geometry compression and WebP textures.
Three.js
import { GLTFLoader } from 'three/addons/loaders/GLTFLoader.js';
import { DRACOLoader } from 'three/addons/loaders/DRACOLoader.js';
const draco = new DRACOLoader().setDecoderPath('./draco/');
const loader = new GLTFLoader().setDRACOLoader(draco);
const gltf = await loader.loadAsync('./glb/cozy-town-tall-house.glb');
scene.add(gltf.scene);React Three Fiber
import { useGLTF } from '@react-three/drei';
export function Model() {
const { scene } = useGLTF('./glb/cozy-town-tall-house.glb', './draco/');
return <primitive object={scene} />;
}
