Grass Tile
Grass Tile is a stylized, cube-built surface asset for compact game worlds. Customize grass, sides, height in the interactive preview.
Model specifications
These counts describe the default shipping Web GLB. Changes in the live preview can change the geometry.
- Dimensions (W × D × H)
- 2.287 × 2.237 × 2.142 m
- Triangles
- 145
- Meshes
- 1
- Materials
- 1
- Textures
- 2
- Web GLB size
- 171.9 KB
- Customization
- Presets and model parameters
- Animation
- Static model
Tiny Cubes
A playful low-poly kit for building miniature cube worlds, with terrain, buildings, foliage, vehicles, creatures, animated props and fourteen ready-made scenes.
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/tiny-cubes-grass-tile.glb');
scene.add(gltf.scene);React Three Fiber
import { useGLTF } from '@react-three/drei';
export function Model() {
const { scene } = useGLTF('./glb/tiny-cubes-grass-tile.glb', './draco/');
return <primitive object={scene} />;
}
