Skip to content

A collection of simple, self-contained game-engine elements built with vanilla JavaScript and HTML5. Each folder is a standalone demo that maps keyboard and mouse controls to a playable animation or interactive tool. Folders are named as minimal descriptions of the mapped animation or tool purpose.

License

Notifications You must be signed in to change notification settings

isocialPractice/map-animation

Repository files navigation

Map Animation

ctrl + click to run demos.

logo A collection of simple, self-contained game-engine elements built with vanilla JavaScript and HTML5. Each folder is a standalone demo that maps keyboard and mouse controls to a playable animation or interactive tool. Folders are named as minimal descriptions of the mapped animation or tool purpose.

Each element is designed to be plugged into any compatible element, allowing them to be composed together for more grandiose gameplay.

Elements

jet-engine-flame

A Three.js 3D interactive demo featuring procedural flame animation on a jet model. Supports camera orbit, zoom, pan, and an animation editor with transform gizmos for positioning flames in 3D space. Exports animation data as JSON for use in other tools.

Source file for jet.stl.

player-2d-slide

A 2D canvas-based platformer demo with a sliding player character. Includes physics, animation, and a real-time toggle panel for enabling and disabling different mechanics.

jet-camera-position

A Three.js 3D camera positioning tool for configuring starting and play-state camera angles on a jet model. Preview camera animations (zoom, rotate, pan) with adjustable parameters, toggle each effect independently, and export camera positions and animation configs as JSON for plugging into other game elements.

firework-burst-launch

A pure SVG firework launcher controlled by keyboard. Aim a turret, adjust power, and fire fireworks into a starlit sky above a city skyline. Four procedural burst types -- Classic Bloom, Ring Halo, Star Scatter, and Willow Cascade -- with gravity-pulled particles and trailing afterglow.

jet-controls

A Three.js 3D demo that maps arrow key presses to simultaneous aircraft physics and engine flame animation. Each arrow key triggers both systems at once: the jet pitches or rolls, and the engines fire. The camera follows the jet in a fixed chase position sourced from jet-camera-position/playAnimation.json. Control logic is mimicked from .support/aircraft.js and flame animation is ported from jet-engine-flame.

Running

The root index.html is a launcher page that lists every element with a live preview and a link to open it. Serve the repo root with any static HTTP server and open index.html in a browser. No build step or package manager required.

Each element can also be opened directly from its own folder.

About

A collection of simple, self-contained game-engine elements built with vanilla JavaScript and HTML5. Each folder is a standalone demo that maps keyboard and mouse controls to a playable animation or interactive tool. Folders are named as minimal descriptions of the mapped animation or tool purpose.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages