SURFACES · BROWN CITY

Road — Straight

Road — Straight is a reusable 3D asset in Procedural City Pack. Explore its shape and details from every angle in the interactive 3D preview.

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): 3 × 6 × 0.166 m
Triangles: 18
Meshes: 3
Materials: 3
Textures: 5
Customization: Fixed model
Animation: Static model

INCLUDED IN

Brown City

A modular city kit of brick buildings, streets, storefronts, foliage and urban props for warm, lived-in neighbourhoods.

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/street-surfaces--road-straight.glb');
scene.add(gltf.scene);

React Three Fiber

import { useGLTF } from '@react-three/drei';

export function Model() {
  const { scene } = useGLTF('./glb/street-surfaces--road-straight.glb', './draco/');
  return <primitive object={scene} />;
}