ebiten/docs/examples/paint.html

<!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 - paint</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">
  <nav class="d-flex flex-row" style="width: 100%;">
    <div class="mr-auto">
      <a class="navbar-brand" href="../">Ebiten</a>
    </div>
    <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>
    </ul>
  </nav>
</div></header>

<main><div class="container">

  <h2>Ebiten example - paint</h2>
  <iframe src="paint.content.html" width="640" height="480"></iframe>
  <pre class="card"><div class="card-body"><code class="language-go">// &#43;build example

package main

import (
        &#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;
)

const (
        screenWidth  = 320
        screenHeight = 240
)

var (
        count       int
        brushImage  *ebiten.Image
        canvasImage *ebiten.Image
)

func paint(screen *ebiten.Image, x, y int) {
        op := &amp;ebiten.DrawImageOptions{}
        op.GeoM.Translate(float64(x), float64(y))
        op.ColorM.Scale(1.0, 0.50, 0.125, 1.0)
        theta := 2.0 * math.Pi * float64(count%ebiten.FPS) / ebiten.FPS
        op.ColorM.RotateHue(theta)
        canvasImage.DrawImage(brushImage, op)
}

func update(screen *ebiten.Image) error {
        drawn := false
        mx, my := ebiten.CursorPosition()
        if ebiten.IsMouseButtonPressed(ebiten.MouseButtonLeft) {
                paint(screen, mx, my)
                drawn = true
        }
        for _, t := range ebiten.Touches() {
                x, y := t.Position()
                paint(screen, x, y)
                drawn = true
        }
        if drawn {
                count&#43;&#43;
        }
        if ebiten.IsRunningSlowly() {
                return nil
        }
        screen.DrawImage(canvasImage, nil)

        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())
        }
        ebitenutil.DebugPrint(screen, msg)
        return nil
}

func main() {
        const a0, a1, a2 = 0x40, 0xc0, 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),
        }, ebiten.FilterNearest)

        canvasImage, _ = ebiten.NewImage(screenWidth, screenHeight, ebiten.FilterNearest)
        canvasImage.Fill(color.White)

        if err := ebiten.Run(update, screenWidth, screenHeight, 2, &#34;Paint (Ebiten Demo)&#34;); err != nil {
                log.Fatal(err)
        }
}
</code></div></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>
docs: Add example paint 2015-01-08 18:39:20 +01:00			`<!DOCTYPE html>`
doc: Force HTTPS 2016-08-27 17:58:27 +02:00			`<script src="../scripts/force-https.js"></script>`
Bug fix: Add favicon to example/*.html 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" >`
docs: Add <title> to examples 2015-01-08 19:29:59 +01:00			`<title>Ebiten example - paint</title>`
doc: Use relative path 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">`
doc: Bug fix: wrong path 2016-09-02 18:55:07 +02:00			`<script src="../scripts/googleanalytics.js"></script>`
doc: Apply bootstrap 2016-08-26 19:28:57 +02:00
			`<header class="navbar"><div class="container">`
doc: Update bootstrap version to 4 2017-08-17 18:22:19 +02:00			`<nav class="d-flex flex-row" style="width: 100%;">`
			`<div class="mr-auto">`
			`<a class="navbar-brand" href="../">Ebiten</a>`
			`</div>`
			`<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>`
doc: Fix thumbnail size 2016-08-26 19:37:08 +02:00			`</ul>`
			`</nav>`
doc: Update bootstrap version to 4 2017-08-17 18:22:19 +02:00			`</div></header>`
docs: Add example paint 2015-01-08 18:39:20 +01:00
doc: Apply bootstrap 2016-08-26 19:28:57 +02:00			`<main><div class="container">`

doc: Adjust fonts 2016-08-26 20:18:16 +02:00			`<h2>Ebiten example - paint</h2>`
doc: Apply bootstrap 2016-08-26 19:28:57 +02:00			`<iframe src="paint.content.html" width="640" height="480"></iframe>`
doc: Update bootstrap version to 4 2017-08-17 18:22:19 +02:00			`<pre class="card"><div class="card-body"><code class="language-go">// +build example`
doc: go generate; Add style.css 2016-08-26 16:33:36 +02:00
			`package main`
docs: Add example paint 2015-01-08 18:39:20 +01:00
			`import (`
doc: Change indent size 4 -> 8 2016-08-26 22:36:52 +02:00			`"fmt"`
			`"image"`
			`"image/color"`
			`"log"`
			`"math"`

			`"github.com/hajimehoshi/ebiten"`
			`"github.com/hajimehoshi/ebiten/ebitenutil"`
docs: Add example paint 2015-01-08 18:39:20 +01:00			`)`

			`const (`
doc: Change indent size 4 -> 8 2016-08-26 22:36:52 +02:00			`screenWidth = 320`
			`screenHeight = 240`
docs: Add example paint 2015-01-08 18:39:20 +01:00			`)`

			`var (`
doc: Change indent size 4 -> 8 2016-08-26 22:36:52 +02:00			`count int`
			`brushImage *ebiten.Image`
			`canvasImage *ebiten.Image`
docs: Add example paint 2015-01-08 18:39:20 +01:00			`)`

docs: Update example pages 2017-03-04 15:27:25 +01:00			`func paint(screen *ebiten.Image, x, y int) {`
doc: Change indent size 4 -> 8 2016-08-26 22:36:52 +02:00			`op := &ebiten.DrawImageOptions{}`
			`op.GeoM.Translate(float64(x), float64(y))`
			`op.ColorM.Scale(1.0, 0.50, 0.125, 1.0)`
doc: Update 2017-06-09 04:43:50 +02:00			`theta := 2.0 * math.Pi * float64(count%ebiten.FPS) / ebiten.FPS`
doc: Change indent size 4 -> 8 2016-08-26 22:36:52 +02:00			`op.ColorM.RotateHue(theta)`
docs: Update example pages 2017-03-04 15:27:25 +01:00			`canvasImage.DrawImage(brushImage, op)`
go generate _docs 2016-06-23 05:16:27 +02:00			`}`
docs: Add example paint 2015-01-08 18:39:20 +01:00
go generate _docs 2016-06-23 05:16:27 +02:00			`func update(screen *ebiten.Image) error {`
doc: Change indent size 4 -> 8 2016-08-26 22:36:52 +02:00			`drawn := false`
			`mx, my := ebiten.CursorPosition()`
			`if ebiten.IsMouseButtonPressed(ebiten.MouseButtonLeft) {`
docs: Update example pages 2017-03-04 15:27:25 +01:00			`paint(screen, mx, my)`
doc: Change indent size 4 -> 8 2016-08-26 22:36:52 +02:00			`drawn = true`
			`}`
			`for _, t := range ebiten.Touches() {`
			`x, y := t.Position()`
docs: Update example pages 2017-03-04 15:27:25 +01:00			`paint(screen, x, y)`
doc: Change indent size 4 -> 8 2016-08-26 22:36:52 +02:00			`drawn = true`
			`}`
			`if drawn {`
			`count++`
			`}`
doc: Update examples (#354) 2017-05-16 03:38:34 +02:00			`if ebiten.IsRunningSlowly() {`
			`return nil`
			`}`
docs: Update example pages 2017-03-04 15:27:25 +01:00			`screen.DrawImage(canvasImage, nil)`
doc: Change indent size 4 -> 8 2016-08-26 22:36:52 +02:00
			`msg := fmt.Sprintf("(%d, %d)", mx, my)`
			`for _, t := range ebiten.Touches() {`
			`x, y := t.Position()`
			`msg += fmt.Sprintf("\n(%d, %d) touch %d", x, y, t.ID())`
go generate _docs 2016-06-23 05:16:27 +02:00			`}`
docs: Update example pages 2017-03-04 15:27:25 +01:00			`ebitenutil.DebugPrint(screen, msg)`
doc: Change indent size 4 -> 8 2016-08-26 22:36:52 +02:00			`return nil`
docs: Add example paint 2015-01-08 18:39:20 +01:00			`}`

			`func main() {`
doc: Change indent size 4 -> 8 2016-08-26 22:36:52 +02:00			`const a0, a1, a2 = 0x40, 0xc0, 0xff`
			`pixels := []uint8{`
			`a0, a1, a1, a0,`
			`a1, a2, a2, a1,`
			`a1, a2, a2, a1,`
			`a0, a1, a1, a0,`
			`}`
docs: Update example pages 2017-03-04 15:27:25 +01:00			`brushImage, _ = ebiten.NewImageFromImage(&image.Alpha{`
doc: Change indent size 4 -> 8 2016-08-26 22:36:52 +02:00			`Pix: pixels,`
			`Stride: 4,`
			`Rect: image.Rect(0, 0, 4, 4),`
			`}, ebiten.FilterNearest)`

docs: Update example pages 2017-03-04 15:27:25 +01:00			`canvasImage, _ = ebiten.NewImage(screenWidth, screenHeight, ebiten.FilterNearest)`
			`canvasImage.Fill(color.White)`
doc: Change indent size 4 -> 8 2016-08-26 22:36:52 +02:00
			`if err := ebiten.Run(update, screenWidth, screenHeight, 2, "Paint (Ebiten Demo)"); err != nil {`
			`log.Fatal(err)`
			`}`
docs: Add example paint 2015-01-08 18:39:20 +01:00			`}`
doc: Update bootstrap version to 4 2017-08-17 18:22:19 +02:00			`</code></div></pre>`
docs: Add example paint 2015-01-08 18:39:20 +01:00
doc: Apply bootstrap 2016-08-26 19:28:57 +02:00			`</div></main>`

			`<footer><div class="container">`
			`<p>© 2013 Hajime Hoshi</p>`
doc: Add 'the' 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>`
doc: Apply bootstrap 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>`
docs: Add example paint 2015-01-08 18:39:20 +01:00
doc: Use relative path 2016-08-27 17:48:15 +02:00			`<script src="../scripts/highlight.pack.js"></script>`
doc: Highlight code 2016-08-27 07:00:06 +02:00			`<script>hljs.initHighlightingOnLoad();</script>`