mth/ebiten
1
0
Fork 0
mirror of https://github.com/hajimehoshi/ebiten.git synced 2024-09-19 21:02:18 +02:00
Code Issues Packages Projects Releases Wiki Activity

doc: Add an example infinitescroll

Browse Source
This commit is contained in:
Hajime Hoshi 2016-09-03 02:54:17 +09:00
parent 3fc443a28c
commit ab260cb893
6 changed files with 195 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
_docs/gen.go
View File

@ -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},

24
docs/examples/infinitescroll.content.html Normal file
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 = '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
View 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">// &#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>

14
docs/examples/life.html
View File

@ -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
}

BIN
docs/images/examples/infinitescroll.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 145 KiB

2
docs/index.html
View File

@ -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">