Examples Gallery

Use this page when you want working code faster than API descriptions. Start with a playable WebAssembly demo, then jump to the matching Rust example when you are ready to copy the shape into your own project.

Clone the engine repository first:

git clone https://github.com/Arion-Dsh/spottedcat.git
cd spottedcat

Start here

Build a tiny gamePlay Flappy Cat, then follow the step-by-step guide to build the same loop yourself.Test input firstCheck keyboard movement in the browser before opening the native example.Need 3D?Jump to GLTF, fog, instancing, and model shader examples.

Playable WASM demos

These are compiled from Rust to WebAssembly and embedded in the docs:

Input DemoMove a marker with WASD / arrow keys and reset with Space.Image DemoGenerate RGBA pixels in Rust and draw them as a Spottedcat image.Shader DemoRun a custom image shader with an extra texture and history feedback.Flappy CatA complete tiny game built step by step in the guide.

Core examples

one_shot_splash

Show the built-in pixel-cat startup intro before your scene.

cargo run --example one_shot_splash

input_example

Move with WASD / arrow keys and render live text feedback.

cargo run --example input_example

rgb_image

Create raw RGBA image data and draw it as a Spottedcat image.

cargo run --example rgb_image

image_shader_template

Use 2D shader template hooks, runtime uniforms, extra textures, and history.

cargo run --example image_shader_template

touch_test

Inspect touch phases for mobile-style interaction.

cargo run --example touch_test

3D examples

gltf_loader

Load GLTF models and material data.

cargo run --example gltf_loader --features gltf

animated_gltf

Play animated GLTF content.

cargo run --example animated_gltf --features gltf

fog_world

Add distance and height fog to a 3D scene.

cargo run --example fog_world --features "model-3d effects"

metal_sphere

Style a model with a custom shader.

cargo run --example metal_sphere --features model-3d

instancing_test

Draw many copies of a model efficiently.

cargo run --example instancing_test --features model-3d

Platform examples

Playable Flappy CatEmbedded WebAssembly build.Flappy Cat sourceexamples/wasm/flappy_catShowcase sourceexamples/wasm/showcase_demosWebAssembly starterexamples/wasm/wasm_demoAndroidexamples/androidiOSexamples/ios

Choosing an example

If you want to...	Start with
Build a complete mini-game	Flappy Cat
Learn the update / draw loop	input_example
Draw pixels or sprites	rgb_image
Add 2D visual effects	image_shader_template
Load models	gltf_loader
Add atmosphere	fog_world
Ship with the built-in cat intro	one_shot_splash