ebiten/docs/examples/keyboard.html

165 lines
5.8 KiB
HTML
Raw Normal View History

2015-01-08 15:45:30 +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/keyboard.png">
<meta name="description" content="Ebiten example - keyboard">
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 - keyboard</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 15:45:30 +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 - keyboard</h2>
2016-08-26 19:28:57 +02:00
<iframe src="keyboard.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 15:45:30 +01:00
import (
2018-03-21 06:34:48 +01:00
&#34;bytes&#34;
&#34;image&#34;
2018-02-10 19:32:23 +01:00
_ &#34;image/png&#34;
2016-08-26 22:36:52 +02:00
&#34;log&#34;
&#34;strconv&#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/examples/keyboard/keyboard&#34;
2018-03-21 06:34:48 +01:00
rkeyabord &#34;github.com/hajimehoshi/ebiten/examples/resources/images/keyboard&#34;
2015-01-08 15:45:30 +01:00
)
const (
2016-08-26 22:36:52 +02:00
screenWidth = 320
screenHeight = 240
2015-01-08 15:45:30 +01:00
)
2015-01-20 16:51:55 +01:00
var keyboardImage *ebiten.Image
func init() {
2018-03-21 06:34:48 +01:00
img, _, err := image.Decode(bytes.NewReader(rkeyabord.Keyboard_png))
2016-08-26 22:36:52 +02:00
if err != nil {
log.Fatal(err)
}
2018-03-21 06:34:48 +01:00
keyboardImage, _ = ebiten.NewImageFromImage(img, ebiten.FilterDefault)
2015-01-20 16:51:55 +01:00
}
2015-01-08 15:45:30 +01:00
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;,
2016-08-26 22:36:52 +02:00
// 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;,
2015-01-08 15:45:30 +01:00
}
func update(screen *ebiten.Image) error {
2018-01-29 15:39:30 +01:00
// Collect pressed keys&#39; names.
2016-08-26 22:36:52 +02:00
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;))
}
2015-01-08 15:45:30 +01:00
}
2016-08-26 22:36:52 +02:00
for c := &#39;A&#39;; c &lt;= &#39;Z&#39;; c&#43;&#43; {
2018-01-29 15:39:30 +01:00
if ebiten.IsKeyPressed(ebiten.KeyA &#43; ebiten.Key(c-&#39;A&#39;)) {
2016-08-26 22:36:52 +02:00
pressed = append(pressed, string(c))
}
2015-01-08 15:45:30 +01:00
}
2016-08-26 22:36:52 +02:00
for i := 1; i &lt;= 12; i&#43;&#43; {
2018-01-29 15:39:30 +01:00
if ebiten.IsKeyPressed(ebiten.KeyF1 &#43; ebiten.Key(i-1)) {
2016-08-26 22:36:52 +02:00
pressed = append(pressed, &#34;F&#34;&#43;strconv.Itoa(i))
}
2015-01-08 15:45:30 +01:00
}
2016-08-26 22:36:52 +02:00
for key, name := range keyNames {
if ebiten.IsKeyPressed(key) {
pressed = append(pressed, name)
}
2015-01-08 15:45:30 +01:00
}
2015-01-20 16:51:55 +01:00
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 := &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)
2016-08-26 22:36:52 +02:00
}
2015-01-20 16:51:55 +01:00
2016-08-26 22:36:52 +02:00
return nil
2015-01-08 15:45:30 +01:00
}
func main() {
2016-08-26 22:36:52 +02:00
if err := ebiten.Run(update, screenWidth, screenHeight, 2, &#34;Keyboard (Ebiten Demo)&#34;); err != nil {
log.Fatal(err)
}
2015-01-08 15:45:30 +01:00
}
2017-08-18 16:26:17 +02:00
</code></pre></div>
2015-01-08 15:45:30 +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 15:45:30 +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>