ebiten/docs/examples/sprites.html

213 lines
7.2 KiB
HTML
Raw Normal View History

2016-02-15 16:52:45 +01: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/sprites.png">
<meta name="description" content="Ebiten example - sprites">
2016-02-15 16:52:45 +01:00
<link rel="shortcut icon" href="../favicon.png" type="image/png" >
<link rel="icon" href="../favicon.png" type="image/png" >
<title>Ebiten example - sprites</title>
2017-08-18 16:26:17 +02:00
2016-08-27 17:48:15 +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">
2016-09-02 18:55:07 +02:00
<script src="../scripts/googleanalytics.js"></script>
2016-08-26 19:28:57 +02:00
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-08-26 19:37:08 +02:00
</ul>
</nav>
2017-08-17 20:00:05 +02:00
</div></nav>
2016-02-15 16:52:45 +01:00
2016-08-26 19:28:57 +02:00
<main><div class="container">
2016-08-26 20:18:16 +02:00
<h2>Ebiten example - sprites</h2>
2016-08-26 19:28:57 +02:00
<iframe src="sprites.content.html" width="640" height="480"></iframe>
2018-03-21 06:34:48 +01:00
<div class="card"><pre class="card-body"><code class="language-go">// &#43;build example jsgo
2016-08-26 16:33:36 +02:00
package main
2016-02-15 16:52:45 +01:00
import (
2018-03-21 06:34:48 +01:00
&#34;bytes&#34;
2016-08-26 22:36:52 +02:00
&#34;fmt&#34;
2018-03-21 06:34:48 +01:00
&#34;image&#34;
2016-08-26 22:36:52 +02:00
_ &#34;image/png&#34;
&#34;log&#34;
&#34;math&#34;
2016-08-26 22:36:52 +02:00
&#34;math/rand&#34;
2016-02-15 17:13:04 +01:00
2016-08-26 22:36:52 +02:00
&#34;github.com/hajimehoshi/ebiten&#34;
&#34;github.com/hajimehoshi/ebiten/ebitenutil&#34;
2018-03-21 06:34:48 +01:00
&#34;github.com/hajimehoshi/ebiten/examples/resources/images&#34;
2016-02-15 16:52:45 +01:00
)
const (
2016-08-26 22:36:52 +02:00
screenWidth = 320
screenHeight = 240
maxAngle = 256
2016-02-15 16:52:45 +01:00
)
var (
ebitenImage *ebiten.Image
2016-02-15 16:52:45 +01:00
)
type Sprite struct {
2016-11-26 16:11:23 +01:00
imageWidth int
imageHeight int
x int
y int
vx int
vy int
angle int
2016-02-15 16:52:45 +01:00
}
func (s *Sprite) Update() {
2016-08-26 22:36:52 +02:00
s.x &#43;= s.vx
s.y &#43;= s.vy
if s.x &lt; 0 {
s.x = -s.x
s.vx = -s.vx
2016-11-26 16:11:23 +01:00
} else if screenWidth &lt;= s.x&#43;s.imageWidth {
s.x = 2*(screenWidth-s.imageWidth) - s.x
s.vx = -s.vx
2016-08-26 22:36:52 +02:00
}
if s.y &lt; 0 {
s.y = -s.y
s.vy = -s.vy
2016-11-26 16:11:23 +01:00
} else if screenHeight &lt;= s.y&#43;s.imageHeight {
s.y = 2*(screenHeight-s.imageHeight) - s.y
2016-08-26 22:36:52 +02:00
s.vy = -s.vy
}
s.angle&#43;&#43;
s.angle %= maxAngle
2016-02-15 16:52:45 +01:00
}
type Sprites struct {
2016-08-26 22:36:52 +02:00
sprites []*Sprite
num int
2016-02-15 16:52:45 +01:00
}
2016-11-26 16:11:23 +01:00
func (s *Sprites) Update() {
2016-08-26 22:36:52 +02:00
for _, sprite := range s.sprites {
sprite.Update()
}
2016-02-15 16:52:45 +01:00
}
const (
2016-08-26 22:36:52 +02:00
MinSprites = 0
MaxSprites = 50000
2016-02-15 16:52:45 +01:00
)
var (
sprites = &amp;Sprites{make([]*Sprite, MaxSprites), 500}
op = &amp;ebiten.DrawImageOptions{}
)
2016-02-15 16:52:45 +01:00
2018-01-30 17:18:33 +01:00
func init() {
2018-03-21 06:34:48 +01:00
// Decode image from a byte slice instead of a file so that
// this example works in any working directory.
// If you want to use a file, there are some options:
// 1) Use os.Open and pass the file to the image decoder.
// This is a very regular way, but doesn&#39;t work on browsers.
// 2) Use ebitenutil.OpenFile and pass the file to the image decoder.
// This works even on browsers.
// 3) Use ebitenutil.NewImageFromFile to create an ebiten.Image directly from a file.
// This also works on browsers.
img, _, err := image.Decode(bytes.NewReader(images.Ebiten_png))
2018-01-30 17:18:33 +01:00
if err != nil {
log.Fatal(err)
}
2018-03-21 06:34:48 +01:00
origEbitenImage, _ := ebiten.NewImageFromImage(img, ebiten.FilterDefault)
w, h := origEbitenImage.Size()
ebitenImage, _ = ebiten.NewImage(w, h, ebiten.FilterNearest)
2018-01-30 17:18:33 +01:00
op := &amp;ebiten.DrawImageOptions{}
op.ColorM.Scale(1, 1, 1, 0.5)
2018-03-21 06:34:48 +01:00
ebitenImage.DrawImage(origEbitenImage, op)
2018-01-30 17:18:33 +01:00
for i := range sprites.sprites {
w, h := ebitenImage.Size()
x, y := rand.Intn(screenWidth-w), rand.Intn(screenHeight-h)
vx, vy := 2*rand.Intn(2)-1, 2*rand.Intn(2)-1
a := rand.Intn(maxAngle)
sprites.sprites[i] = &amp;Sprite{
imageWidth: w,
imageHeight: h,
x: x,
y: y,
vx: vx,
vy: vy,
angle: a,
}
}
}
2016-02-15 16:52:45 +01:00
func update(screen *ebiten.Image) error {
2018-01-30 17:18:33 +01:00
// Decrease the nubmer of the sprites.
2016-08-26 22:36:52 +02:00
if ebiten.IsKeyPressed(ebiten.KeyLeft) {
sprites.num -= 20
if sprites.num &lt; MinSprites {
sprites.num = MinSprites
}
2016-02-15 16:52:45 +01:00
}
2018-01-30 17:18:33 +01:00
// Increase the nubmer of the sprites.
2016-08-26 22:36:52 +02:00
if ebiten.IsKeyPressed(ebiten.KeyRight) {
sprites.num &#43;= 20
if MaxSprites &lt; sprites.num {
sprites.num = MaxSprites
}
2016-02-15 16:52:45 +01:00
}
2018-01-30 17:18:33 +01:00
2016-08-26 22:36:52 +02:00
sprites.Update()
2016-02-15 16:52:45 +01:00
2016-08-26 22:36:52 +02:00
if ebiten.IsRunningSlowly() {
return nil
}
2018-01-30 17:18:33 +01:00
// Draw each sprite.
// DrawImage can be called many many times, but in the implementation,
// the actual draw call to GPU is very few since these calls satisfy
// some conditions e.g. all the rendering sources and targets are same.
// For more detail, see:
// https://godoc.org/github.com/hajimehoshi/ebiten#Image.DrawImage
w, h := ebitenImage.Size()
for i := 0; i &lt; sprites.num; i&#43;&#43; {
s := sprites.sprites[i]
op.GeoM.Reset()
op.GeoM.Translate(-float64(w)/2, -float64(h)/2)
op.GeoM.Rotate(2 * math.Pi * float64(s.angle) / maxAngle)
op.GeoM.Translate(float64(w)/2, float64(h)/2)
op.GeoM.Translate(float64(s.x), float64(s.y))
screen.DrawImage(ebitenImage, op)
2016-08-26 22:36:52 +02:00
}
msg := fmt.Sprintf(`FPS: %0.2f
2016-02-15 16:52:45 +01:00
Num of sprites: %d
Press &lt;- or -&gt; to change the number of sprites`, ebiten.CurrentFPS(), sprites.num)
2017-05-29 15:56:56 +02:00
ebitenutil.DebugPrint(screen, msg)
2016-08-26 22:36:52 +02:00
return nil
2016-02-15 16:52:45 +01:00
}
func main() {
2016-08-26 22:36:52 +02:00
if err := ebiten.Run(update, screenWidth, screenHeight, 2, &#34;Sprites (Ebiten Demo)&#34;); err != nil {
log.Fatal(err)
}
2016-02-15 16:52:45 +01:00
}
2017-08-18 16:26:17 +02:00
</code></pre></div>
2016-02-15 16:52:45 +01:00
2016-08-26 19:28:57 +02:00
</div></main>
<footer><div class="container">
<p>© 2013 Hajime Hoshi</p>
2016-08-28 00:10:41 +02:00
<p>Code is licensed under <a href="https://github.com/hajimehoshi/ebiten/blob/master/LICENSE">the Apache License 2.0</a>.</p>
2016-08-26 19:28:57 +02:00
<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>
2016-02-15 16:52:45 +01:00
2016-08-27 17:48:15 +02:00
<script src="../scripts/highlight.pack.js"></script>
2016-08-27 07:00:06 +02:00
<script>hljs.initHighlightingOnLoad();</script>