ebiten/docs/examples/keyboard.html

<!DOCTYPE html>
<meta charset="utf-8">
<meta property="og:image" itemprop="image primaryImageOfPage" content="https://hajimehoshi.github.io/ebiten/images/examples/keyboard.png">
<meta name="description" content="Ebiten example - keyboard">
<link rel="shortcut icon" href="../favicon.png" type="image/png" >
<link rel="icon" href="../favicon.png" type="image/png" >
<title>Ebiten example - keyboard</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>

<nav class="navbar"><div class="container">
  <nav class="d-flex flex-row" style="width: 100%;">
    <div class="nav mr-auto"><a class="navbar-brand" href="../"><img src="../images/logo_white.svg" alt="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>
      <li class="nav-item"><a class="nav-link" href="https://ebiten-playground.github.io/">Playground</a>
    </ul>
  </nav>
</div></nav>

<main><div class="container">

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

package main

import (
        &#34;bytes&#34;
        &#34;image&#34;
        _ &#34;image/png&#34;
        &#34;log&#34;
        &#34;strconv&#34;

        &#34;github.com/hajimehoshi/ebiten&#34;
        &#34;github.com/hajimehoshi/ebiten/examples/keyboard/keyboard&#34;
        rkeyabord &#34;github.com/hajimehoshi/ebiten/examples/resources/images/keyboard&#34;
)

const (
        screenWidth  = 320
        screenHeight = 240
)

var keyboardImage *ebiten.Image

func init() {
        img, _, err := image.Decode(bytes.NewReader(rkeyabord.Keyboard_png))
        if err != nil {
                log.Fatal(err)
        }

        keyboardImage, _ = ebiten.NewImageFromImage(img, ebiten.FilterDefault)
}

var keyNames = map[ebiten.Key]string{
        ebiten.KeyBackspace:    &#34;BS&#34;,
        ebiten.KeyComma:        &#34;,&#34;,
        ebiten.KeyEnter:        &#34;Enter&#34;,
        ebiten.KeyEscape:       &#34;Esc&#34;,
        ebiten.KeyPeriod:       &#34;.&#34;,
        ebiten.KeySpace:        &#34;Space&#34;,
        ebiten.KeyTab:          &#34;Tab&#34;,
        ebiten.KeyMinus:        &#34;-&#34;,
        ebiten.KeyEqual:        &#34;=&#34;,
        ebiten.KeyBackslash:    &#34;\\&#34;,
        ebiten.KeyGraveAccent:  &#34;`&#34;,
        ebiten.KeyLeftBracket:  &#34;[&#34;,
        ebiten.KeyRightBracket: &#34;]&#34;,
        ebiten.KeySemicolon:    &#34;;&#34;,
        ebiten.KeyApostrophe:   &#34;&#39;&#34;,
        ebiten.KeySlash:        &#34;/&#34;,

        // Arrows
        ebiten.KeyDown:  &#34;Down&#34;,
        ebiten.KeyLeft:  &#34;Left&#34;,
        ebiten.KeyRight: &#34;Right&#34;,
        ebiten.KeyUp:    &#34;Up&#34;,

        // Mods
        ebiten.KeyShift:   &#34;Shift&#34;,
        ebiten.KeyControl: &#34;Ctrl&#34;,
        ebiten.KeyAlt:     &#34;Alt&#34;,
}

func update(screen *ebiten.Image) error {
        // Collect pressed keys&#39; names.
        pressed := []string{}
        for i := 0; i &lt;= 9; i&#43;&#43; {
                if ebiten.IsKeyPressed(ebiten.Key(i) &#43; ebiten.Key0) {
                        pressed = append(pressed, string(i&#43;&#39;0&#39;))
                }
        }
        for c := &#39;A&#39;; c &lt;= &#39;Z&#39;; c&#43;&#43; {
                if ebiten.IsKeyPressed(ebiten.KeyA &#43; ebiten.Key(c-&#39;A&#39;)) {
                        pressed = append(pressed, string(c))
                }
        }
        for i := 1; i &lt;= 12; i&#43;&#43; {
                if ebiten.IsKeyPressed(ebiten.KeyF1 &#43; ebiten.Key(i-1)) {
                        pressed = append(pressed, &#34;F&#34;&#43;strconv.Itoa(i))
                }
        }
        for key, name := range keyNames {
                if ebiten.IsKeyPressed(key) {
                        pressed = append(pressed, name)
                }
        }

        if ebiten.IsRunningSlowly() {
                return nil
        }

        const (
                offsetX = 24
                offsetY = 40
        )

        // Draw the base (grayed) keyboard image.
        op := &amp;ebiten.DrawImageOptions{}
        op.GeoM.Translate(offsetX, offsetY)
        op.ColorM.Scale(0.5, 0.5, 0.5, 1)
        screen.DrawImage(keyboardImage, op)

        // Draw the highlighted keys.
        op = &amp;ebiten.DrawImageOptions{}
        for _, p := range pressed {
                op.GeoM.Reset()
                r, ok := keyboard.KeyRect(p)
                if !ok {
                        continue
                }
                op.GeoM.Translate(float64(r.Min.X), float64(r.Min.Y))
                op.GeoM.Translate(offsetX, offsetY)
                op.SourceRect = &amp;r
                screen.DrawImage(keyboardImage, op)
        }

        return nil
}

func main() {
        if err := ebiten.Run(update, screenWidth, screenHeight, 2, &#34;Keyboard (Ebiten Demo)&#34;); err != nil {
                log.Fatal(err)
        }
}
</code></pre></div>

</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>
Update docs 2015-01-08 15:45:30 +01:00			`<!DOCTYPE html>`
doc: Pass W3C validator 2017-08-18 16:26:17 +02:00			`<meta charset="utf-8">`
doc: Add og:image 2017-08-18 16:43:08 +02:00			`<meta property="og:image" itemprop="image primaryImageOfPage" content="https://hajimehoshi.github.io/ebiten/images/examples/keyboard.png">`
			`<meta name="description" content="Ebiten example - keyboard">`
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 - keyboard</title>`
doc: Pass W3C validator 2017-08-18 16:26:17 +02:00
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
doc: Renewal 2017-08-17 20:00:05 +02:00			`<nav 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%;">`
doc: Renewal 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>`
doc: Update bootstrap version to 4 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>`
docs: Add a link to the playground to example pages 2017-11-09 18:07:16 +01:00			`<li class="nav-item"><a class="nav-link" href="https://ebiten-playground.github.io/">Playground</a>`
doc: Fix thumbnail size 2016-08-26 19:37:08 +02:00			`</ul>`
			`</nav>`
doc: Renewal 2017-08-17 20:00:05 +02:00			`</div></nav>`
Update docs 2015-01-08 15:45:30 +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 - keyboard</h2>`
doc: Apply bootstrap 2016-08-26 19:28:57 +02:00			`<iframe src="keyboard.content.html" width="640" height="480"></iframe>`
docs: Update 2018-03-21 06:34:48 +01:00			`<div class="card"><pre class="card-body"><code class="language-go">// +build example jsgo`
doc: go generate; Add style.css 2016-08-26 16:33:36 +02:00
			`package main`
Update docs 2015-01-08 15:45:30 +01:00
			`import (`
docs: Update 2018-03-21 06:34:48 +01:00			`"bytes"`
			`"image"`
docs: Update 2018-02-10 19:32:23 +01:00			`_ "image/png"`
doc: Change indent size 4 -> 8 2016-08-26 22:36:52 +02:00			`"log"`
			`"strconv"`
Swap import order 2016-02-15 17:13:04 +01:00
doc: Change indent size 4 -> 8 2016-08-26 22:36:52 +02:00			`"github.com/hajimehoshi/ebiten"`
			`"github.com/hajimehoshi/ebiten/examples/keyboard/keyboard"`
docs: Update 2018-03-21 06:34:48 +01:00			`rkeyabord "github.com/hajimehoshi/ebiten/examples/resources/images/keyboard"`
Update docs 2015-01-08 15:45:30 +01:00			`)`

			`const (`
doc: Change indent size 4 -> 8 2016-08-26 22:36:52 +02:00			`screenWidth = 320`
			`screenHeight = 240`
Update docs 2015-01-08 15:45:30 +01:00			`)`

Update docs 2015-01-20 16:51:55 +01:00			`var keyboardImage *ebiten.Image`

			`func init() {`
docs: Update 2018-03-21 06:34:48 +01:00			`img, _, err := image.Decode(bytes.NewReader(rkeyabord.Keyboard_png))`
doc: Change indent size 4 -> 8 2016-08-26 22:36:52 +02:00			`if err != nil {`
			`log.Fatal(err)`
			`}`
docs: Update 2018-03-21 06:34:48 +01:00
			`keyboardImage, _ = ebiten.NewImageFromImage(img, ebiten.FilterDefault)`
Update docs 2015-01-20 16:51:55 +01:00			`}`

Update docs 2015-01-08 15:45:30 +01:00			`var keyNames = map[ebiten.Key]string{`
doc: Update: changed the path for the script location 2017-05-29 15:01:47 +02:00			`ebiten.KeyBackspace: "BS",`
			`ebiten.KeyComma: ",",`
			`ebiten.KeyEnter: "Enter",`
			`ebiten.KeyEscape: "Esc",`
			`ebiten.KeyPeriod: ".",`
			`ebiten.KeySpace: "Space",`
			`ebiten.KeyTab: "Tab",`
			`ebiten.KeyMinus: "-",`
			`ebiten.KeyEqual: "=",`
			`ebiten.KeyBackslash: "\\",`
			ebiten.KeyGraveAccent: "`",
			`ebiten.KeyLeftBracket: "[",`
			`ebiten.KeyRightBracket: "]",`
			`ebiten.KeySemicolon: ";",`
			`ebiten.KeyApostrophe: "'",`
			`ebiten.KeySlash: "/",`
doc: Change indent size 4 -> 8 2016-08-26 22:36:52 +02:00
			`// Arrows`
			`ebiten.KeyDown: "Down",`
			`ebiten.KeyLeft: "Left",`
			`ebiten.KeyRight: "Right",`
			`ebiten.KeyUp: "Up",`

			`// Mods`
			`ebiten.KeyShift: "Shift",`
			`ebiten.KeyControl: "Ctrl",`
			`ebiten.KeyAlt: "Alt",`
Update docs 2015-01-08 15:45:30 +01:00			`}`

			`func update(screen *ebiten.Image) error {`
docs: Update 2018-01-29 15:39:30 +01:00			`// Collect pressed keys' names.`
doc: Change indent size 4 -> 8 2016-08-26 22:36:52 +02:00			`pressed := []string{}`
			`for i := 0; i <= 9; i++ {`
			`if ebiten.IsKeyPressed(ebiten.Key(i) + ebiten.Key0) {`
			`pressed = append(pressed, string(i+'0'))`
			`}`
Update docs 2015-01-08 15:45:30 +01:00			`}`
doc: Change indent size 4 -> 8 2016-08-26 22:36:52 +02:00			`for c := 'A'; c <= 'Z'; c++ {`
docs: Update 2018-01-29 15:39:30 +01:00			`if ebiten.IsKeyPressed(ebiten.KeyA + ebiten.Key(c-'A')) {`
doc: Change indent size 4 -> 8 2016-08-26 22:36:52 +02:00			`pressed = append(pressed, string(c))`
			`}`
Update docs 2015-01-08 15:45:30 +01:00			`}`
doc: Change indent size 4 -> 8 2016-08-26 22:36:52 +02:00			`for i := 1; i <= 12; i++ {`
docs: Update 2018-01-29 15:39:30 +01:00			`if ebiten.IsKeyPressed(ebiten.KeyF1 + ebiten.Key(i-1)) {`
doc: Change indent size 4 -> 8 2016-08-26 22:36:52 +02:00			`pressed = append(pressed, "F"+strconv.Itoa(i))`
			`}`
Update docs 2015-01-08 15:45:30 +01:00			`}`
doc: Change indent size 4 -> 8 2016-08-26 22:36:52 +02:00			`for key, name := range keyNames {`
			`if ebiten.IsKeyPressed(key) {`
			`pressed = append(pressed, name)`
			`}`
Update docs 2015-01-08 15:45:30 +01:00			`}`
Update docs 2015-01-20 16:51:55 +01:00
docs: Update 2018-01-29 15:39:30 +01:00			`if ebiten.IsRunningSlowly() {`
			`return nil`
			`}`

			`const (`
			`offsetX = 24`
			`offsetY = 40`
			`)`

			`// Draw the base (grayed) keyboard image.`
			`op := &ebiten.DrawImageOptions{}`
			`op.GeoM.Translate(offsetX, offsetY)`
			`op.ColorM.Scale(0.5, 0.5, 0.5, 1)`
			`screen.DrawImage(keyboardImage, op)`

			`// Draw the highlighted keys.`
doc: Update: changed the path for the script location 2017-05-29 15:01:47 +02:00			`op = &ebiten.DrawImageOptions{}`
			`for _, p := range pressed {`
			`op.GeoM.Reset()`
			`r, ok := keyboard.KeyRect(p)`
			`if !ok {`
			`continue`
			`}`
			`op.GeoM.Translate(float64(r.Min.X), float64(r.Min.Y))`
			`op.GeoM.Translate(offsetX, offsetY)`
			`op.SourceRect = &r`
			`screen.DrawImage(keyboardImage, op)`
doc: Change indent size 4 -> 8 2016-08-26 22:36:52 +02:00			`}`
Update docs 2015-01-20 16:51:55 +01:00
doc: Change indent size 4 -> 8 2016-08-26 22:36:52 +02:00			`return nil`
Update docs 2015-01-08 15:45:30 +01:00			`}`

			`func main() {`
doc: Change indent size 4 -> 8 2016-08-26 22:36:52 +02:00			`if err := ebiten.Run(update, screenWidth, screenHeight, 2, "Keyboard (Ebiten Demo)"); err != nil {`
			`log.Fatal(err)`
			`}`
Update docs 2015-01-08 15:45:30 +01:00			`}`
doc: Pass W3C validator 2017-08-18 16:26:17 +02:00			`</code></pre></div>`
Update docs 2015-01-08 15:45:30 +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>`
Update docs 2015-01-08 15:45:30 +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>`