shaku
Version:
A simple and effective JavaScript game development framework that knows its place!
96 lines (86 loc) • 5.86 kB
HTML
<html>
<head>
<meta charset="UTF-8">
<title>Shaku - Demos</title>
<meta name="description" content="Shaku - a simple and easy-to-use javascript library for videogame programming.">
<meta name="author" content="Ronen Ness">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all">
</head>
<body class="noselect">
<img style="float:left;" src="assets/shaku.png" height="200">
<h1 style="float:left; font-size: 2.25em; margin-top:140px; color:#66cc66; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
"> Demos</h1>
<div style="clear:both"></div>
<br />
<h4 style="margin-top:0; color:#68ca68;">
Shaku is a pure JavaScript framework for web games development that emphasize <i>simplicity</i>, <i>flexability</i> and <i>freedom</i>. <br/>
If you don't know it, read more about it <a href="https://github.com/RonenNess/Shaku">here</a>.
</h4>
<p>The following is a set of small demos to demonstrate different features of Shaku lib.</p>
<h3>Basic</h3>
<ul>
<li><a href="hello_world.html">Empty Canvas</a> - how to init Shaku and create a main loop.</li>
<li><a href="sandbox.html">Sandbox</a> - a sandbox application to play around with Shaku.</li>
<li><a href="sandbox_effects.html">Effects Sandbox</a> - a sandbox application to play around with Shaku Effects.</li>
</ul>
<h3>Gfx</h3>
<ul>
<li><a href="gfx_draw.html">Draw</a> - demonstrate how to draw with the SpriteBatch.</li>
<li><a href="gfx_colors.html">Colors</a> - show the built-in color consts.</li>
<li><a href="gfx_sprites.html">Sprites</a> - drawing with sprites.</li>
<li><a href="gfx_sprites_properties.html">Sprites Properties</a> - drawing sprites with different properties.</li>
<li><a href="gfx_sprites_group.html">Sprites Group</a> - grouping sprites together.</li>
<li><a href="gfx_texture_atlas.html">Texture Atlas</a> - runtime generating a texture atlas.</li>
<li><a href="gfx_blend_modes.html">Blend Modes</a> - demonstrate the supported rendering blend modes.</li>
<li><a href="gfx_draw_text.html">Drawing Text</a> - demonstrate how to render text using font textures.</li>
<li><a href="gfx_draw_text_msdf.html">Drawing High Res Text</a> - demonstrate how to render text using MSDF font textures.</li>
<li><a href="gfx_draw_lines.html">Drawing Lines</a> - demonstrate how to render lines.</li>
<li><a href="gfx_custom_effects.html">Custom Effects I</a> - example on how to create custom effects (shaders).</li>
<li><a href="gfx_custom_effects_2.html">Custom Effects II</a> - example on how to create custom effects (shaders) with two textures.</li>
<li><a href="gfx_fullscreen.html">Fullscreen</a> - show how to stretch canvas on the entirely of the screen.</li>
<li><a href="gfx_render_target.html">Render Target</a> - show how to use render targets.</li>
<li><a href="gfx_texture_modes.html">Wrap & Filter modes</a> - show texture wrap and filter modes.</li>
<li><a href="gfx_3d.html">3D</a> - simple 3d rendering with Shaku.</li>
<li><a href="gfx_skeleton_animation.html">Skeleton Animation</a> - a 2d skeleton animation with Shaku.</li>
</ul>
<h3>Sfx</h3>
<ul>
<li><a href="sfx_basic_audio.html">Basic Audio</a> - sound effects and ambience.</li>
<li><a href="sfx_sound_mixer.html">Audio Mixer</a> - a utility to mix sound effects and music.</li>
</ul>
<h3>Input</h3>
<ul>
<li><a href="input_basic_input.html">Basic Input</a> - keyboard, touch and mouse input.</li>
<li><a href="input_gamepad.html">Gamepad</a> - gamepad input.</li>
</ul>
<h3>Collision</h3>
<ul>
<li><a href="collision_basic.html">Basic Collision</a> - demonstrate basic collision detection between shapes.</li>
<li><a href="collision_collision_flags.html">Collision Flags</a> - demonstrate collision detection with collision flags.</li>
<li><a href="collision_tilemap.html">Collision Tilemap</a> - demonstrate the collision tilemap shape.</li>
</ul>
<h3>Performance</h3>
<ul>
<li><a href="gfx_performance.html">Simple Performance Test</a> - a performance test with 100K sprites.</li>
<li><a href="gfx_performance_static.html">Static Performance Test</a> - a performance test with static sprite batch and 250K sprites.</li>
</ul>
<h3>Miscs</h3>
<ul>
<li><a href="miscs_shaku_with_three.html">Shaku + THREE</a> - Shaku combined with THREE.JS for 3D rendering.</li>
<li><a href="miscs_vectors.html">Vectors</a> - Vectors and vectors math.</li>
<li><a href="miscs_animators.html">Animators</a> - using animators to animate sprites.</li>
<li><a href="miscs_json_asset.html">Json Asset</a> - loading json assets example.</li>
<li><a href="miscs_binary_asset.html">Binary Asset</a> - loading binary assets example.</li>
<li><a href="miscs_perlin.html">Perlin Noise Generator</a> - using the built-in perlin noise generator.</li>
<li><a href="miscs_pathfind.html">Path Finder</a> - using the built-in path finding utility.</li>
</ul>
<h3>Games</h3>
<ul>
<li><a href="game_snake.html">Snake</a> - a snake game example.</li>
<li><a href="game_fishy.html">Fishy</a> - eat smaller fish to grow, dodge bigger fish to survive.</li>
<li><a href="miscs_tilemap.html">Tilemap & Camera</a> - a simple tilemap editor with moving camera.</li>
</ul>
<script src="js/demos.js"></script>
</body>
</html>