Demos

Shaku is a pure JavaScript framework for web games development that emphasize simplicity, flexability and freedom.
If you don't know it, read more about it here.

The following is a set of small demos to demonstrate different features of Shaku lib.

Basic

• Empty Canvas - how to init Shaku and create a main loop.
• Sandbox - a sandbox application to play around with Shaku.
• Effects Sandbox - a sandbox application to play around with Shaku Effects.

Gfx

• Draw - demonstrate how to draw with the SpriteBatch.
• Colors - show the built-in color consts.
• Sprites - drawing with sprites.
• Sprites Properties - drawing sprites with different properties.
• Sprites Group - grouping sprites together.
• Texture Atlas - runtime generating a texture atlas.
• Blend Modes - demonstrate the supported rendering blend modes.
• Drawing Text - demonstrate how to render text using font textures.
• Drawing High Res Text - demonstrate how to render text using MSDF font textures.
• Drawing Lines - demonstrate how to render lines.
• Custom Effects I - example on how to create custom effects (shaders).
• Custom Effects II - example on how to create custom effects (shaders) with two textures.
• Fullscreen - show how to stretch canvas on the entirely of the screen.
• Render Target - show how to use render targets.
• Wrap & Filter modes - show texture wrap and filter modes.
• 3D - simple 3d rendering with Shaku.
• Skeleton Animation - a 2d skeleton animation with Shaku.

Sfx

• Basic Audio - sound effects and ambience.
• Audio Mixer - a utility to mix sound effects and music.

Input

• Basic Input - keyboard, touch and mouse input.
• Gamepad - gamepad input.

Collision

• Basic Collision - demonstrate basic collision detection between shapes.
• Collision Flags - demonstrate collision detection with collision flags.
• Collision Tilemap - demonstrate the collision tilemap shape.

Performance

• Simple Performance Test - a performance test with 100K sprites.
• Static Performance Test - a performance test with static sprite batch and 250K sprites.

Miscs

• Shaku + THREE - Shaku combined with THREE.JS for 3D rendering.
• Vectors - Vectors and vectors math.
• Animators - using animators to animate sprites.
• Json Asset - loading json assets example.
• Binary Asset - loading binary assets example.
• Perlin Noise Generator - using the built-in perlin noise generator.
• Path Finder - using the built-in path finding utility.

Games

• Snake - a snake game example.
• Fishy - eat smaller fish to grow, dodge bigger fish to survive.
• Tilemap & Camera - a simple tilemap editor with moving camera.