# Interactive Demo

Click the game area to focus it, then use arrow keys.

More interactive pages:

- [Liar's Dice](/play-liars-dice)
- [Sudoku](/play-sudoku)
- [Tetris](/play-tetris)
- [Snake](/play-snake)
- [Tic-Tac-Toe (Sun & Moon)](/play-tic-tac-toe)
- [Aces Up](/play-aces-up)
- [Mandelbrot](/play-mandelbrot)
- [Perlin Noise](/play-perlin-noise)
- [Peon Gold Loop](/play-peon-gold)
- [Paint](/play-paint)
- [Calculator](/play-calculator)
- [Graph Calculator](/play-graph-calculator)
- [Windows 95 Desktop](/play-windows95-desktop)
- [Mac OS 9 Desktop](/play-macos9-desktop)
- [Mac OS X Leopard Desktop](/play-macosx-leopard-desktop)
- [Vertical Shooter](/play-vertical-shooter)
- [Moon phases](/play-moon-phases)
- [Play Wasm From URL](/play-wasm)
- [Perlin via Play Wasm Query](/play-wasm?wasm=AGFzbQEAAAABMghgAAF_YAN_f38Bf2ABfgF-YAR_f39_AX9gAX8Bf2ACfn4BfmADfnx8AXxgA39_fAF_Aw0MAAAAAAECAwQABQYHBQMBABoGCQF_AUGAgMAACweCAQkGbWVtb3J5AgAKb3V0cHV0X3B0cgAAEG91dHB1dF9ieXRlc19jYXAAAQ9yZW5kZXJfd2lkdGhfcHgAAhByZW5kZXJfaGVpZ2h0X3B4AAMJa2V5X2V2ZW50AAQNcG9pbnRlcl9ldmVudAAGBHRpY2sABw1yZW5kZXJfb3V0cHV0AAgKqxEMCABBmIDAgAALBgBBgMAlCwUAQeADCwUAQcACC88DAgF-AXwgAUEBcSEBAkAgAEGfgHxqQQJPDQBBACABOgCYwOWAAEEBDwsCQAJAAkACQAJAIAFFDQBBASEBAkACQAJAAkACQCAAQa-BfGoOBAEIBwIAC0EAIQECQCAAQVVqDgMDBgQACyAAQT1GDQICQCAAQdIARg0AIABB8gBHDQYLQQApA4CAwIAAIQNBAEIANwOgwOWAAEEAIAMgAqyFQpX4qfqXt96bnn-FEIWAgIAANwOAgMCAAEEAQgA3A6jA5YAAQQBCgICAgICAgPg_NwOIgMCAAEEAQQE6AJCAwIAAQQEPC0EEIQEMBgtBAiEBDAULQQBBAToAkIDAgABBAESamZmZmZm5P0EAKwOIgMCAAESamZmZmZnpP6IiBCAERJqZmZmZmbk_Yxs5A4iAwIAAQQEPC0EAQQE6AJCAwIAAQQBEAAAAAAAAIEBBACsDiIDAgABEAAAAAAAA9D-iIgQgBEQAAAAAAAAgQGQbOQOIgMCAAEEBDwtBACEBIABBr4F8aiIAQQRJDQMLIAEPC0EIIQELQQBBAC0AsMDlgAAgAXI6ALDA5YAAQQEPC0EAQQAtALDA5YAAQfv9328gAEEDdHZxOgCwwOWAAEEBC0AAIABClfip-pe33puef3wiAEIeiCAAhUK5y5Pn0e2RrL9_fiIAQhuIIACFQuujxJmxt5LolH9-IgBCH4ggAIULBABBAAvvAgUBfwJ8AX8CfAF_AkBBAC0AscDlgAANAEEAIAA2ArTA5YAAQQBBAToAscDlgAALAkACQEEALQCwwOWAACIBRQ0ARAAAAAAAAChARAAAAAAAABBAQQAtAJjA5YAAGyICRAAAAAAAAAAAIAKhIgNEAAAAAAAAAAAgAUEMcSIEQQRGGyAEQQhGGyIFRAAAAAAAAAAAYiACIANEAAAAAAAAAAAgAUEDcSIEQQFGGyAEQQJGGyIGRAAAAAAAAAAAYnIhByAAQQAoArTA5YAAIgRrIgBBACAAQQBKGyEAIARBEGohBEEAKwOowOWAACECQQArA6DA5YAAIQMDQCAAQRBIDQICQCAHRQ0AQQBBAToAkIDAgABBACAGIAKgIgI5A6jA5YAAQQAgBSADoCIDOQOgwOWAAAtBACAENgK0wOWAACAEQRBqIQQgAEFwaiEADAALC0EAIAA2ArTA5YAACyABQQBHQQAtAJCAwIAAckEBcQuqCA8BfwR8AX8BfAF_BHwBfwN8AX4BfAF-AnwBfgF8A39BACEAQQArA4iAwIAARHsUrkfhepQ_oiEBQQArA6DA5YAAIQJBACsDqMDlgAAhA0QAAAAAAAAAACEEAkADQCAAQcACRg0BIABB4ANsIQUgASADIASgoiEGQQAhB0QAAAAAAAAAACEIA0ACQAJAAkAgB0HgA0YNACABIAIgCKCiIQlEAAAAAAAA8D8hCkQAAAAAAAAAACELQQUhDEQAAAAAAAAAACENRAAAAAAAAPA_IQ4CQANAIAxFDQEgDSAOIAkgCqIiD5z8BiIQIAYgCqIiEZz8BiISEImAgIAAIA8gELmhIg8gESASuaEiERCKgICAACITIA8gDyAPoqIgDyAPRAAAAAAAABhAokQAAAAAAAAuwKCiRAAAAAAAACRAoKIiFCAQQgF8IhUgEhCJgICAACAPRAAAAAAAAPC_oCIWIBEQioCAgAAgE6GioCITIBEgESARoqIgESARRAAAAAAAABhAokQAAAAAAAAuwKCiRAAAAAAAACRAoKIgECASQgF8IhIQiYCAgAAgDyARRAAAAAAAAPC_oCIREIqAgIAAIg8gFCAVIBIQiYCAgAAgFiAREIqAgIAAIA-hoqAgE6GioKKgIQ0gDEF_aiEMIAsgDqAhCyAKIAqgIQogDkQAAAAAAADgP6IhDgwACwtEAAAAAAAAAAAhEQJAAkACQCANIAujRAAAAAAAAOA_okQAAAAAAADgP6AiD0QAAAAAAAAAAGMNAEQAAAAAAADwPyERIA9EAAAAAAAA8D9kDQIgD0QfhetRuB7VP2NFDQEgDyERC0EIQRYgEUQfhetRuB7VP6MiDxCLgICAACEXQRhByAAgDxCLgICAACEYQcYAQagBIA8Qi4CAgAAhGQwECwJAIA9EzczMzMzM3D9jRQ0AQcIBQdgBIA9EH4XrUbge1b-gRLgehetRuL4_oyIPEIuAgIAAIRdBsAFBwwEgDxCLgICAACEYQfgAQYwBIA8Qi4CAgAAhGQwECyAPRJqZmZmZmek_Yw0CIA8hEQtBhAFB9AEgEUSamZmZmZnpv6BEmpmZmZmZyT-jIg8Qi4CAgAAhF0GAAUH0ASAPEIuAgIAAIRhBiAFB-AEgDxCLgICAACEZDAILIABBAWohACAERAAAAAAAAPA_oCEEDAMLQSxByAAgD0TNzMzMzMzcv6BEZmZmZmZm1j-jIg8Qi4CAgAAhF0HqAEGKASAPEIuAgIAAIRhBMEHQACAPEIuAgIAAIRkLIAcgBWpBAnQiDEGZgMCAAGogGDoAACAMQZiAwIAAaiAXOgAAIAxBmoDAgABqIBk6AAAgDEGbgMCAAGpB_wE6AAAgB0EBaiEHIAhEAAAAAAAA8D-gIQgMAAsLC0EAQQA6AJCAwIAAQYDAJQsvACAAEIWAgIAAQQApA4CAwIAAhSABQpX4qfqXt96bnn-FEIWAgIAAhRCFgICAAAtSAAJAAkACQAJAAkACQAJAAkAgAKdBB3EOCAABAgMHBAUGAAsgASACoA8LIAIgAaEPCyABIAKhDwsgAZogAqEPCyABmg8LIAIPCyACmiEBCyABC1YBAXxEAAAAAAAAAAAhAwJAIAJEAAAAAAAAAABjDQBEAAAAAAAA8D8hAyACRAAAAAAAAPA_ZA0AIAIhAwsgAUH_AXG4IABB_wFxuCICoSADoiACoPwDCwsaAQBBgIDAAAsRIF-9MXdK6cgAAAAAAADwPwE)

<qip-play log>
  <source src="/modules/interactive/tile-world-12x12.wasm" type="application/wasm" />
</qip-play>

- Blue square: player
- Green tiles with brown trunks: trees (barriers)
- You can also click/tap to move the player to an open tile.