1f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)<!DOCTYPE html> 2f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)<html> 3f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)<!-- 4f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)Copyright (c) 2013 The Chromium Authors. All rights reserved. 5f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)Use of this source code is governed by a BSD-style license that can be 6f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)found in the LICENSE file. 7f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)--> 8f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)<head> 9f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <meta charset="UTF-8"> 10f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <title>SmoothLife</title> 11f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans:300,700"> 12f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <link href="/static/styles/style.css" rel="stylesheet"> 13f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <script type="text/javascript" src="example.js"></script> 14f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)</head> 15f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)<body class="demo"> 16f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <header> 17f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <h1>SmoothLife</h1> 18f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) </header> 19f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) 20f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <section> 21f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <div class="intro"> 22f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <p> 23f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) An example of the <a href="https://www.google.com/search?q=smoothlife" 24f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) target="_blank">SmoothLife</a> algorithm ported to Native Client. 25f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) </p> 26f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <p class="note"> 27f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) Example courtesy <a href="https://github.com/binji" target="_blank">Ben 28f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) Smith</a>, based on <a 29f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) href="http://sourceforge.net/projects/smoothlife/" 30f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) target="_blank">this source</a> by ionreq. 31f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) </p> 32f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <p class="note"> 33f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) Read <a href="http://arxiv.org/abs/1111.1567" target="_blank">Stephan 34f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) Rafler's paper</a> for more information about the algorithm, or 35f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) browse the <a href="https://github.com/binji/smoothnacl" 36f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) target="_blank">source</a>. 37f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) </p> 38f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <p class="note"> 39f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) FPS: <span id="fps">0</span> 40f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) </p> 41f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) 42f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <div class="panel panel-info"> 43f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <h2>Controls</h2> 44f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) 45f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <div class="panel-body"> 46f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <table cellspacing="0" cellpadding="0"> 47f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <tbody> 48f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <tr> 49f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <td class="name">Preset:</td> 50f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <td class="value"> 51f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <select id="preset"> 52f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <option value="0">Subdividers</option> 53f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <option value="1">Green Hex</option> 54f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <option value="2">Fire Jellies</option> 55f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <option value="3">Magical Maze</option> 56f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <option value="4">Waterbug Gliders</option> 57f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <option value="5">Stitches 'n' Jitters</option> 58f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <option value="6">Blink Tubes</option> 59f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <option value="7">Oil Slick</option> 60f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <option value="8">Worms</option> 61f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <option value="9">Dried Moss</option> 62f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <option value="10">Hungry Dots</option> 63f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <option value="11">Wet Glass</option> 64f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <option value="12">Dissolving Chains</option> 65f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) </select> 66f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) </td> 67f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) </tr> 68f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <tr> 69f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <td class="name">Palette:</td> 70f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <td class="value"> 71f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <select id="palette"> 72f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <option value="0">Default</option> 73f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <option value="1">Black on White</option> 74f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <option value="2">White on Black</option> 75f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <option value="3">Purple Neon</option> 76f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <option value="4">Emerald</option> 77f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <option value="5">Green Noise</option> 78f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <option value="6">Royal Flame</option> 79f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <option value="7">Ice Aura</option> 80f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <option value="8">Rusty</option> 81f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <option value="9">Cool Blue</option> 82f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <option value="10">Frostbite</option> 83f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <option value="11">Mint Flower</option> 84f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <option value="12">Pyschedelic</option> 85f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) </select> 86f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) </td> 87f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) </tr> 88f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <tr> 89f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <td class="name">Brush Size:</td> 90f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <td class="value"> 91f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <input type="range" id="brushSizeRange" min="10.0" max="50.0" 92f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) step="0.5" value="10.0"> 93f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <span id="brushSize">10.0</span> 94f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) </td> 95f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) </tr> 96f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <tr> 97f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <td class="name">Thread Count:</td> 98f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <td class="value"> 99f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <select id="threadCount"> 100f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <option value="1" selected>1 Thread</option> 101f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <option value="2">2 Threads</option> 102f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <option value="4">4 Threads</option> 103f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <option value="6">6 Threads</option> 104f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <option value="8">8 Threads</option> 105f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) </select> 106f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) </td> 107f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) </tr> 108f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <tr> 109f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <td class="name">Simulation Size:</td> 110f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <td> 111f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <select id="simSize"> 112f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <option value="256" selected>256x256</option> 113f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <option value="384">384x384</option> 114f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <option value="512">512x512</option> 115f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) </select> 116f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) </td> 117f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) </tr> 118f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <tr> 119f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <td class="name">Zoom:</td> 120f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <td class="value"> 121f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <input type="range" id="scale" min="0.5" max="5.0" 122f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) step="0.01" value="1.0"> 123f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <span id="scaleValue">100%</span> 124f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) </td> 125f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) </tr> 126f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) </tbody> 127f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) </table> 128f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) </div> 129f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) 130f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <h2>Actions</h2> 131f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <div class="panel-body"> 132f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <button id="reset" class="one-third">Reset</button> 133f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <button id="splat" class="one-third">Splat</button> 134f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <button id="clear" class="one-third">Clear</button> 135f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) </div> 136f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) </div> 137f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) 138f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) </div> 139f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) 140f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <div class="Demo-body"> 141f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <div id="listener" class="Demo-content"></div> 142f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) </div> 143f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) 144f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <div id="loading-cover"> 145f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <div id="message"> 146f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <div id="statusField"></div> 147f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <div id="progress" class="progress progress-striped active"> 148f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) <div id="progress-bar" class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%"> 149f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) </div> 150f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) </div> 151f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) </div> 152f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) </div> 153f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) 154f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles) </section> 155f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)</body> 156f2477e01787aa58f445919b809d89e252beef54fTorne (Richard Coles)</html> 157