doc: Add an example life

This commit is contained in:
Hajime Hoshi 2016-09-03 02:44:29 +09:00
parent 74029cee13
commit 3fc443a28c
5 changed files with 258 additions and 0 deletions

View File

@ -174,6 +174,7 @@ var examples = []example{
{"hue", 320, 240}, {"hue", 320, 240},
{"gamepad", 320, 240}, {"gamepad", 320, 240},
{"keyboard", 320, 240}, {"keyboard", 320, 240},
{"life", 320, 240},
{"masking", 320, 240}, {"masking", 320, 240},
{"mosaic", 320, 240}, {"mosaic", 320, 240},
{"noise", 320, 240}, {"noise", 320, 240},

View File

@ -0,0 +1,24 @@
<!DOCTYPE html>
<script>
'use strict';
window.addEventListener('load', function() {
function isProduction() {
var l = window.top.location;
if (l.hash === '#_production') {
return true;
}
if (l.hostname === 'localhost' || l.hostname === '127.0.0.1') {
return false;
}
return true;
}
var s = document.createElement('script');
var src = 'life.js';
if (isProduction()) {
src = 'https://dl.dropboxusercontent.com/u/3692507/ebiten.examples/' + src;
}
s.src = src;
document.body.appendChild(s);
});
</script>

231
docs/examples/life.html Normal file
View File

@ -0,0 +1,231 @@
<!DOCTYPE html>
<script src="../scripts/force-https.js"></script>
<link rel="shortcut icon" href="../favicon.png" type="image/png" >
<link rel="icon" href="../favicon.png" type="image/png" >
<title>Ebiten example - life</title>
<link rel="stylesheet" href="../stylesheets/bootstrap.min.css">
<link rel="stylesheet" href="../stylesheets/highlight-github.css">
<link rel="stylesheet" href="../stylesheets/ebiten.css">
<script src="../scripts/googleanalytics.js"></script>
<header class="navbar"><div class="container">
<div class="navbar-header">
<a class="navbar-brand" href="..">Ebiten</a>
</div>
<nav class="collapse navbar-collapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="https://github.com/hajimehoshi/ebiten">GitHub</a></li>
<li><a href="https://godoc.org/github.com/hajimehoshi/ebiten">GoDoc</a></li>
<li><a href="https://github.com/hajimehoshi/ebiten/wiki">Wiki</a>
</ul>
</nav>
</header>
<main><div class="container">
<h2>Ebiten example - life</h2>
<iframe src="life.content.html" width="640" height="480"></iframe>
<pre><code class="language-go">// &#43;build example
package main
import (
&#34;image&#34;
&#34;log&#34;
&#34;math/rand&#34;
&#34;time&#34;
&#34;github.com/hajimehoshi/ebiten&#34;
&#34;os&#34;
&#34;image/png&#34;
)
var (
randSource = rand.NewSource(time.Now().UnixNano())
rnd = rand.New(randSource)
)
// World represents the game state
type World struct {
area [][]bool
}
// NewWorld creates a new world
func NewWorld(width, height int) *World {
world := World{}
world.area = makeArea(width, height)
return &amp;world
}
// RandomSeed inits world with a random state
func (w *World) RandomSeed(limit int) {
height := len(w.area)
width := len(w.area[0])
for i := 0; i &lt; limit; i&#43;&#43; {
x := rnd.Intn(width)
y := rnd.Intn(height)
w.area[y][x] = true
}
}
// Progress game state by one tick
func (w *World) Progress() {
height := len(w.area)
width := len(w.area[0])
next := makeArea(width, height)
for y := 0; y &lt; height; y&#43;&#43; {
for x := 0; x &lt; width; x&#43;&#43; {
pop := neighbourCount(w.area, x, y)
switch {
case pop &lt; 2:
// rule 1. Any live cell with fewer than two live neighbours
// dies, as if caused by under-population.
next[y][x] = false
case (pop == 2 || pop == 3) &amp;&amp; w.area[y][x]:
// rule 2. Any live cell with two or three live neighbours
// lives on to the next generation.
next[y][x] = true
case pop &gt; 3:
// rule 3. Any live cell with more than three live neighbours
// dies, as if by over-population.
next[y][x] = false
case pop == 3:
// rule 4. Any dead cell with exactly three live neighbours
// becomes a live cell, as if by reproduction.
next[y][x] = true
}
}
}
w.area = next
}
// DrawImage paints current game state
func (w *World) DrawImage(img *image.RGBA) {
height := len(w.area)
width := len(w.area[0])
for y := 0; y &lt; height; y&#43;&#43; {
for x := 0; x &lt; width; x&#43;&#43; {
pos := 4*y*width &#43; 4*x
if w.area[y][x] {
img.Pix[pos] = 0xff
img.Pix[pos&#43;1] = 0xff
img.Pix[pos&#43;2] = 0xff
img.Pix[pos&#43;3] = 0xff
} else {
img.Pix[pos] = 0
img.Pix[pos&#43;1] = 0
img.Pix[pos&#43;2] = 0
img.Pix[pos&#43;3] = 0
}
}
}
}
// neighbourCount calculates the Moore neighborhood of x, y
func neighbourCount(a [][]bool, x, y int) int {
height := len(a)
width := len(a[0])
lowX := 0
if x &gt; 0 {
lowX = x - 1
}
lowY := 0
if y &gt; 0 {
lowY = y - 1
}
highX := width - 1
if x &lt; width-1 {
highX = x &#43; 1
}
highY := height - 1
if y &lt; height-1 {
highY = y &#43; 1
}
near := 0
for pY := lowY; pY &lt;= highY; pY&#43;&#43; {
for pX := lowX; pX &lt;= highX; pX&#43;&#43; {
if !(pX == x &amp;&amp; pY == y) &amp;&amp; a[pY][pX] {
near&#43;&#43;
}
}
}
return near
}
func makeArea(width, height int) [][]bool {
area := make([][]bool, height)
for i := 0; i &lt; height; i&#43;&#43; {
area[i] = make([]bool, width)
}
return area
}
const (
screenWidth = 320
screenHeight = 240
)
var (
world *World
noiseImage *image.RGBA
)
func update(screen *ebiten.Image) error {
world.Progress()
world.DrawImage(noiseImage)
if err := screen.ReplacePixels(noiseImage.Pix); err != nil {
return err
}
if ebiten.IsKeyPressed(ebiten.KeyQ) {
f, err := os.Create(&#34;screenshot.png&#34;)
if err != nil {
return err
}
defer f.Close()
if err := png.Encode(f, screen); err != nil {
return err
}
os.Exit(0)
}
return nil
}
func main() {
population := int((screenWidth * screenHeight) / 10)
scale := 2.0
world = NewWorld(screenWidth, screenHeight)
world.RandomSeed(population)
noiseImage = image.NewRGBA(image.Rect(0, 0, screenWidth, screenHeight))
if err := ebiten.Run(update, screenWidth, screenHeight, scale, &#34;Game of Life (Ebiten Demo)&#34;); err != nil {
log.Fatal(err)
}
}
</code></pre>
</div></main>
<footer><div class="container">
<p>© 2013 Hajime Hoshi</p>
<p>Code is licensed under <a href="https://github.com/hajimehoshi/ebiten/blob/master/LICENSE">the Apache License 2.0</a>.</p>
<p>The content of this page is licensed under <a href="https://creativecommons.org/licenses/by/4.0/">the Creative Commons Attribution 4.0 License</a>.</p>
</div></footer>
<script src="../scripts/highlight.pack.js"></script>
<script>hljs.initHighlightingOnLoad();</script>

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.7 KiB

View File

@ -69,6 +69,8 @@
<a class="thumbnail" scrolling="no" href="examples/gamepad.html"><img src="images/examples/gamepad.png" width="320" height="240" alt="Ebiten example: gamepad" class="example"></a> <a class="thumbnail" scrolling="no" href="examples/gamepad.html"><img src="images/examples/gamepad.png" width="320" height="240" alt="Ebiten example: gamepad" class="example"></a>
</div><div class="col-md-3"> </div><div class="col-md-3">
<a class="thumbnail" scrolling="no" href="examples/keyboard.html"><img src="images/examples/keyboard.png" width="320" height="240" alt="Ebiten example: keyboard" class="example"></a> <a class="thumbnail" scrolling="no" href="examples/keyboard.html"><img src="images/examples/keyboard.png" width="320" height="240" alt="Ebiten example: keyboard" class="example"></a>
</div><div class="col-md-3">
<a class="thumbnail" scrolling="no" href="examples/life.html"><img src="images/examples/life.png" width="320" height="240" alt="Ebiten example: life" class="example"></a>
</div><div class="col-md-3"> </div><div class="col-md-3">
<a class="thumbnail" scrolling="no" href="examples/masking.html"><img src="images/examples/masking.png" width="320" height="240" alt="Ebiten example: masking" class="example"></a> <a class="thumbnail" scrolling="no" href="examples/masking.html"><img src="images/examples/masking.png" width="320" height="240" alt="Ebiten example: masking" class="example"></a>
</div><div class="col-md-3"> </div><div class="col-md-3">