doc: Add an example infinitescroll

2024-12-25 03:08:54 +01:00 · 2016-09-03 02:54:17 +09:00 · 2016-09-03 02:54:17 +09:00 · ab260cb893
commit ab260cb893
parent 3fc443a28c
6 changed files with 195 additions and 14 deletions
--- a/_docs/gen.go
+++ b/_docs/gen.go
@ -173,6 +173,7 @@ var examples = []example{
 	{"hsv", 320, 240},
 	{"hue", 320, 240},
 	{"gamepad", 320, 240},
+	{"infinitescroll", 320, 240},
 	{"keyboard", 320, 240},
 	{"life", 320, 240},
 	{"masking", 320, 240},
--- a/docs/examples/infinitescroll.content.html
+++ b/docs/examples/infinitescroll.content.html
@ -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 = 'infinitescroll.js';
+    if (isProduction()) {
+        src = 'https://dl.dropboxusercontent.com/u/3692507/ebiten.examples/' + src;
+    }
+    s.src = src;
+    document.body.appendChild(s);
+});
+</script>
--- a/docs/examples/infinitescroll.html
+++ b/docs/examples/infinitescroll.html
@ -0,0 +1,168 @@
+<!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 - infinitescroll</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 - infinitescroll</h2>
+  <iframe src="infinitescroll.content.html" width="640" height="480"></iframe>
+  <pre><code class="language-go">// &#43;build example
+
+package main
+
+import (
+        &#34;fmt&#34;
+        _ &#34;image/png&#34;
+        &#34;log&#34;
+        &#34;math&#34;
+
+        &#34;github.com/hajimehoshi/ebiten&#34;
+        &#34;github.com/hajimehoshi/ebiten/ebitenutil&#34;
+)
+
+const (
+        screenWidth  = 320
+        screenHeight = 240
+)
+
+var (
+        theViewport     = &amp;viewport{}
+        bgImage         *ebiten.Image
+        repeatedBgImage *ebiten.Image
+        groundImage     *ebiten.Image
+)
+
+type viewport struct {
+        x16 int
+        y16 int
+}
+
+func round(x float64) float64 {
+        return math.Floor(x &#43; 0.5)
+}
+
+func (p *viewport) Move() {
+        w, h := bgImage.Size()
+        mx := w * 16
+        my := h * 16
+
+        p.x16 &#43;= w / 32
+        p.y16 &#43;= h / 32
+
+        for mx &lt;= p.x16 {
+                p.x16 -= mx
+        }
+        for my &lt;= p.y16 {
+                p.y16 -= my
+        }
+        for p.x16 &lt; 0 {
+                p.x16 &#43;= mx
+        }
+        for p.y16 &lt; 0 {
+                p.y16 &#43;= my
+        }
+}
+
+func (p *viewport) Position() (int, int) {
+        return p.x16, p.y16
+}
+
+func updateGroundImage(ground *ebiten.Image) error {
+        if err := ground.Clear(); err != nil {
+                return err
+        }
+        x16, y16 := theViewport.Position()
+        op := &amp;ebiten.DrawImageOptions{}
+        op.GeoM.Translate(float64(-x16)/16, float64(-y16)/16)
+        if err := ground.DrawImage(repeatedBgImage, op); err != nil {
+                return err
+        }
+        return nil
+}
+
+func drawGroundImage(screen *ebiten.Image, ground *ebiten.Image) error {
+        op := &amp;ebiten.DrawImageOptions{}
+        if err := screen.DrawImage(ground, op); err != nil {
+                return err
+        }
+        return nil
+}
+
+func update(screen *ebiten.Image) error {
+        theViewport.Move()
+
+        if err := updateGroundImage(groundImage); err != nil {
+                return err
+        }
+        if err := drawGroundImage(screen, groundImage); err != nil {
+                return err
+        }
+
+        msg := fmt.Sprintf(&#34;FPS: %0.2f&#34;, ebiten.CurrentFPS())
+        if err := ebitenutil.DebugPrint(screen, msg); err != nil {
+                return err
+        }
+        return nil
+}
+
+func main() {
+        var err error
+        bgImage, _, err = ebitenutil.NewImageFromFile(&#34;_resources/images/tile.png&#34;, ebiten.FilterNearest)
+        if err != nil {
+                log.Fatal(err)
+        }
+        w, h := bgImage.Size()
+        const repeat = 5
+        repeatedBgImage, err = ebiten.NewImage(w*repeat, h*repeat, ebiten.FilterNearest)
+        if err != nil {
+                log.Fatal(err)
+        }
+        for j := 0; j &lt; repeat; j&#43;&#43; {
+                for i := 0; i &lt; repeat; i&#43;&#43; {
+                        op := &amp;ebiten.DrawImageOptions{}
+                        op.GeoM.Translate(float64(w*i), float64(h*j))
+                        if err := repeatedBgImage.DrawImage(bgImage, op); err != nil {
+                                log.Fatal(err)
+                        }
+                }
+        }
+        groundImage, err = ebiten.NewImage(screenWidth, screenHeight, ebiten.FilterNearest)
+        if err != nil {
+                log.Fatal(err)
+        }
+
+        if err := ebiten.Run(update, screenWidth, screenHeight, 2, &#34;infinite scroll&#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>
--- a/docs/examples/life.html
+++ b/docs/examples/life.html
@ -36,9 +36,6 @@ import (
        &#34;time&#34;

        &#34;github.com/hajimehoshi/ebiten&#34;
-
-        &#34;os&#34;
-        &#34;image/png&#34;
 )

 var (
@ -191,17 +188,6 @@ func update(screen *ebiten.Image) error {
        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
 }

--- a/docs/images/examples/infinitescroll.png
+++ b/docs/images/examples/infinitescroll.png
--- a/docs/index.html
+++ b/docs/index.html
@ -67,6 +67,8 @@
      <a class="thumbnail" scrolling="no" href="examples/hue.html"><img src="images/examples/hue.png" width="320" height="240" alt="Ebiten example: hue" class="example"></a>
    </div><div class="col-md-3">
      <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">
+      <a class="thumbnail" scrolling="no" href="examples/infinitescroll.html"><img src="images/examples/infinitescroll.png" width="320" height="240" alt="Ebiten example: infinitescroll" class="example"></a>
    </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>
    </div><div class="col-md-3">