ebiten/docs/examples/paint.html

141 lines
4.7 KiB
HTML
Raw Normal View History

2015-01-08 18:39:20 +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/paint.png">
<meta name="description" content="Ebiten example - paint">
2015-01-08 18:48:25 +01:00
<link rel="shortcut icon" href="../favicon.png" type="image/png" >
<link rel="icon" href="../favicon.png" type="image/png" >
2015-01-08 19:29:59 +01:00
<title>Ebiten example - paint</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>
2015-01-08 18:39:20 +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 - paint</h2>
2016-08-26 19:28:57 +02:00
<iframe src="paint.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
2015-01-08 18:39:20 +01:00
import (
2016-08-26 22:36:52 +02:00
&#34;fmt&#34;
&#34;image&#34;
&#34;image/color&#34;
&#34;log&#34;
&#34;math&#34;
&#34;github.com/hajimehoshi/ebiten&#34;
&#34;github.com/hajimehoshi/ebiten/ebitenutil&#34;
2015-01-08 18:39:20 +01:00
)
const (
2016-08-26 22:36:52 +02:00
screenWidth = 320
screenHeight = 240
2015-01-08 18:39:20 +01:00
)
var (
2016-08-26 22:36:52 +02:00
count int
brushImage *ebiten.Image
canvasImage *ebiten.Image
2015-01-08 18:39:20 +01:00
)
2018-01-30 17:18:33 +01:00
func init() {
const (
a0 = 0x40
a1 = 0xc0
a2 = 0xff
)
pixels := []uint8{
a0, a1, a1, a0,
a1, a2, a2, a1,
a1, a2, a2, a1,
a0, a1, a1, a0,
}
brushImage, _ = ebiten.NewImageFromImage(&amp;image.Alpha{
Pix: pixels,
Stride: 4,
Rect: image.Rect(0, 0, 4, 4),
2018-02-13 18:59:22 +01:00
}, ebiten.FilterDefault)
2018-01-30 17:18:33 +01:00
2018-02-13 18:59:22 +01:00
canvasImage, _ = ebiten.NewImage(screenWidth, screenHeight, ebiten.FilterDefault)
2018-01-30 17:18:33 +01:00
canvasImage.Fill(color.White)
}
// paint draws the brush on the given canvas image at the position (x, y).
func paint(canvas *ebiten.Image, x, y int) {
2016-08-26 22:36:52 +02:00
op := &amp;ebiten.DrawImageOptions{}
op.GeoM.Translate(float64(x), float64(y))
2018-01-30 17:18:33 +01:00
// Scale the color and rotate the hue so that colors vary on each frame.
2016-08-26 22:36:52 +02:00
op.ColorM.Scale(1.0, 0.50, 0.125, 1.0)
2017-06-09 04:43:50 +02:00
theta := 2.0 * math.Pi * float64(count%ebiten.FPS) / ebiten.FPS
2016-08-26 22:36:52 +02:00
op.ColorM.RotateHue(theta)
2018-01-30 17:18:33 +01:00
canvas.DrawImage(brushImage, op)
2016-06-23 05:16:27 +02:00
}
2015-01-08 18:39:20 +01:00
2016-06-23 05:16:27 +02:00
func update(screen *ebiten.Image) error {
2016-08-26 22:36:52 +02:00
drawn := false
2018-01-30 17:18:33 +01:00
// Paint the brush by mouse dragging
2016-08-26 22:36:52 +02:00
mx, my := ebiten.CursorPosition()
if ebiten.IsMouseButtonPressed(ebiten.MouseButtonLeft) {
2018-01-30 17:18:33 +01:00
paint(canvasImage, mx, my)
2016-08-26 22:36:52 +02:00
drawn = true
}
2018-01-30 17:18:33 +01:00
// Paint the brush by touches
2016-08-26 22:36:52 +02:00
for _, t := range ebiten.Touches() {
x, y := t.Position()
2018-01-30 17:18:33 +01:00
paint(canvasImage, x, y)
2016-08-26 22:36:52 +02:00
drawn = true
}
if drawn {
count&#43;&#43;
}
2018-01-30 17:18:33 +01:00
2017-05-16 03:38:34 +02:00
if ebiten.IsRunningSlowly() {
return nil
}
2018-01-30 17:18:33 +01:00
2017-03-04 15:27:25 +01:00
screen.DrawImage(canvasImage, nil)
2016-08-26 22:36:52 +02:00
msg := fmt.Sprintf(&#34;(%d, %d)&#34;, mx, my)
for _, t := range ebiten.Touches() {
x, y := t.Position()
msg &#43;= fmt.Sprintf(&#34;\n(%d, %d) touch %d&#34;, x, y, t.ID())
2016-06-23 05:16:27 +02:00
}
2017-03-04 15:27:25 +01:00
ebitenutil.DebugPrint(screen, msg)
2016-08-26 22:36:52 +02:00
return nil
2015-01-08 18:39:20 +01:00
}
func main() {
2016-08-26 22:36:52 +02:00
if err := ebiten.Run(update, screenWidth, screenHeight, 2, &#34;Paint (Ebiten Demo)&#34;); err != nil {
log.Fatal(err)
}
2015-01-08 18:39:20 +01:00
}
2017-08-18 16:26:17 +02:00
</code></pre></div>
2015-01-08 18:39:20 +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>
2015-01-08 18:39:20 +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>