mirror of
https://github.com/hajimehoshi/ebiten.git
synced 2024-12-25 11:18:54 +01:00
doc: Add an example infinitescroll
This commit is contained in:
parent
3fc443a28c
commit
ab260cb893
@ -173,6 +173,7 @@ var examples = []example{
|
|||||||
{"hsv", 320, 240},
|
{"hsv", 320, 240},
|
||||||
{"hue", 320, 240},
|
{"hue", 320, 240},
|
||||||
{"gamepad", 320, 240},
|
{"gamepad", 320, 240},
|
||||||
|
{"infinitescroll", 320, 240},
|
||||||
{"keyboard", 320, 240},
|
{"keyboard", 320, 240},
|
||||||
{"life", 320, 240},
|
{"life", 320, 240},
|
||||||
{"masking", 320, 240},
|
{"masking", 320, 240},
|
||||||
|
24
docs/examples/infinitescroll.content.html
Normal file
24
docs/examples/infinitescroll.content.html
Normal 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 = 'infinitescroll.js';
|
||||||
|
if (isProduction()) {
|
||||||
|
src = 'https://dl.dropboxusercontent.com/u/3692507/ebiten.examples/' + src;
|
||||||
|
}
|
||||||
|
s.src = src;
|
||||||
|
document.body.appendChild(s);
|
||||||
|
});
|
||||||
|
</script>
|
168
docs/examples/infinitescroll.html
Normal file
168
docs/examples/infinitescroll.html
Normal file
@ -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">// +build example
|
||||||
|
|
||||||
|
package main
|
||||||
|
|
||||||
|
import (
|
||||||
|
"fmt"
|
||||||
|
_ "image/png"
|
||||||
|
"log"
|
||||||
|
"math"
|
||||||
|
|
||||||
|
"github.com/hajimehoshi/ebiten"
|
||||||
|
"github.com/hajimehoshi/ebiten/ebitenutil"
|
||||||
|
)
|
||||||
|
|
||||||
|
const (
|
||||||
|
screenWidth = 320
|
||||||
|
screenHeight = 240
|
||||||
|
)
|
||||||
|
|
||||||
|
var (
|
||||||
|
theViewport = &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 + 0.5)
|
||||||
|
}
|
||||||
|
|
||||||
|
func (p *viewport) Move() {
|
||||||
|
w, h := bgImage.Size()
|
||||||
|
mx := w * 16
|
||||||
|
my := h * 16
|
||||||
|
|
||||||
|
p.x16 += w / 32
|
||||||
|
p.y16 += h / 32
|
||||||
|
|
||||||
|
for mx <= p.x16 {
|
||||||
|
p.x16 -= mx
|
||||||
|
}
|
||||||
|
for my <= p.y16 {
|
||||||
|
p.y16 -= my
|
||||||
|
}
|
||||||
|
for p.x16 < 0 {
|
||||||
|
p.x16 += mx
|
||||||
|
}
|
||||||
|
for p.y16 < 0 {
|
||||||
|
p.y16 += 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 := &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 := &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("FPS: %0.2f", ebiten.CurrentFPS())
|
||||||
|
if err := ebitenutil.DebugPrint(screen, msg); err != nil {
|
||||||
|
return err
|
||||||
|
}
|
||||||
|
return nil
|
||||||
|
}
|
||||||
|
|
||||||
|
func main() {
|
||||||
|
var err error
|
||||||
|
bgImage, _, err = ebitenutil.NewImageFromFile("_resources/images/tile.png", 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 < repeat; j++ {
|
||||||
|
for i := 0; i < repeat; i++ {
|
||||||
|
op := &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, "infinite scroll"); 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>
|
@ -36,9 +36,6 @@ import (
|
|||||||
"time"
|
"time"
|
||||||
|
|
||||||
"github.com/hajimehoshi/ebiten"
|
"github.com/hajimehoshi/ebiten"
|
||||||
|
|
||||||
"os"
|
|
||||||
"image/png"
|
|
||||||
)
|
)
|
||||||
|
|
||||||
var (
|
var (
|
||||||
@ -191,17 +188,6 @@ func update(screen *ebiten.Image) error {
|
|||||||
if err := screen.ReplacePixels(noiseImage.Pix); err != nil {
|
if err := screen.ReplacePixels(noiseImage.Pix); err != nil {
|
||||||
return err
|
return err
|
||||||
}
|
}
|
||||||
if ebiten.IsKeyPressed(ebiten.KeyQ) {
|
|
||||||
f, err := os.Create("screenshot.png")
|
|
||||||
if err != nil {
|
|
||||||
return err
|
|
||||||
}
|
|
||||||
defer f.Close()
|
|
||||||
if err := png.Encode(f, screen); err != nil {
|
|
||||||
return err
|
|
||||||
}
|
|
||||||
os.Exit(0)
|
|
||||||
}
|
|
||||||
return nil
|
return nil
|
||||||
}
|
}
|
||||||
|
|
||||||
|
BIN
docs/images/examples/infinitescroll.png
Normal file
BIN
docs/images/examples/infinitescroll.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 145 KiB |
@ -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>
|
<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">
|
</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>
|
<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">
|
</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">
|
</div><div class="col-md-3">
|
||||||
|
Loading…
Reference in New Issue
Block a user