ebiten/docs/examples/infinitescroll.html

127 lines
4.0 KiB
HTML
Raw Normal View History

2016-09-02 19:54:17 +02:00
<!DOCTYPE html>
2017-08-18 16:26:17 +02:00
<meta charset="utf-8">
2017-08-18 16:43:08 +02:00
<meta property="og:image" itemprop="image primaryImageOfPage" content="https://hajimehoshi.github.io/ebiten/images/examples/infinitescroll.png">
<meta name="description" content="Ebiten example - infinitescroll">
2016-09-02 19:54:17 +02:00
<link rel="shortcut icon" href="../favicon.png" type="image/png" >
<link rel="icon" href="../favicon.png" type="image/png" >
<title>Ebiten example - infinitescroll</title>
2017-08-18 16:26:17 +02:00
2016-09-02 19:54:17 +02:00
<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>
2017-08-17 20:00:05 +02:00
<nav class="navbar"><div class="container">
2017-08-17 18:22:19 +02:00
<nav class="d-flex flex-row" style="width: 100%;">
2017-08-17 20:00:05 +02:00
<div class="nav mr-auto"><a class="navbar-brand" href="../"><img src="../images/logo_white.svg" alt="EBITEN"></a></div>
2017-08-17 18:22:19 +02:00
<ul class="nav">
<li class="nav-item"><a class="nav-link" href="https://github.com/hajimehoshi/ebiten">GitHub</a></li>
<li class="nav-item"><a class="nav-link" href="https://godoc.org/github.com/hajimehoshi/ebiten">GoDoc</a></li>
<li class="nav-item"><a class="nav-link" href="https://github.com/hajimehoshi/ebiten/wiki">Wiki</a>
<li class="nav-item"><a class="nav-link" href="https://ebiten-playground.github.io/">Playground</a>
2016-09-02 19:54:17 +02:00
</ul>
</nav>
2017-08-17 20:00:05 +02:00
</div></nav>
2016-09-02 19:54:17 +02:00
<main><div class="container">
<h2>Ebiten example - infinitescroll</h2>
<iframe src="infinitescroll.content.html" width="640" height="480"></iframe>
2017-08-18 16:26:17 +02:00
<div class="card"><pre class="card-body"><code class="language-go">// &#43;build example
2016-09-02 19:54:17 +02:00
package main
import (
&#34;fmt&#34;
_ &#34;image/png&#34;
&#34;log&#34;
&#34;github.com/hajimehoshi/ebiten&#34;
&#34;github.com/hajimehoshi/ebiten/ebitenutil&#34;
)
const (
screenWidth = 320
screenHeight = 240
)
var (
2018-01-29 15:39:30 +01:00
bgImage *ebiten.Image
)
func init() {
var err error
bgImage, _, err = ebitenutil.NewImageFromFile(&#34;_resources/images/tile.png&#34;, ebiten.FilterNearest)
if err != nil {
log.Fatal(err)
}
}
var (
theViewport = &amp;viewport{}
2016-09-02 19:54:17 +02:00
)
type viewport struct {
x16 int
y16 int
}
func (p *viewport) Move() {
w, h := bgImage.Size()
2018-01-29 15:39:30 +01:00
maxX16 := w * 16
maxY16 := h * 16
2016-09-02 19:54:17 +02:00
p.x16 &#43;= w / 32
p.y16 &#43;= h / 32
2018-01-29 15:39:30 +01:00
p.x16 %= maxX16
p.y16 %= maxY16
2016-09-02 19:54:17 +02:00
}
func (p *viewport) Position() (int, int) {
return p.x16, p.y16
}
func update(screen *ebiten.Image) error {
theViewport.Move()
2018-01-29 15:39:30 +01:00
2017-05-16 03:38:34 +02:00
if ebiten.IsRunningSlowly() {
return nil
}
2016-09-02 19:54:17 +02:00
2018-01-29 15:39:30 +01:00
x16, y16 := theViewport.Position()
offsetX, offsetY := float64(-x16)/16, float64(-y16)/16
2016-09-02 19:54:17 +02:00
2018-01-29 15:39:30 +01:00
// Draw bgImage on the screen repeatedly.
const repeat = 3
2016-09-02 19:54:17 +02:00
w, h := bgImage.Size()
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))
2018-01-29 15:39:30 +01:00
op.GeoM.Translate(offsetX, offsetY)
screen.DrawImage(bgImage, op)
2016-09-02 19:54:17 +02:00
}
}
2018-01-29 15:39:30 +01:00
ebitenutil.DebugPrint(screen, fmt.Sprintf(&#34;FPS: %0.2f&#34;, ebiten.CurrentFPS()))
return nil
}
func main() {
2017-06-09 04:43:50 +02:00
if err := ebiten.Run(update, screenWidth, screenHeight, 2, &#34;Infinite Scroll (Ebiten Demo)&#34;); err != nil {
2016-09-02 19:54:17 +02:00
log.Fatal(err)
}
}
2017-08-18 16:26:17 +02:00
</code></pre></div>
2016-09-02 19:54:17 +02:00
</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>