mth/ebiten
1
0
Fork 0
mirror of https://github.com/hajimehoshi/ebiten.git synced 2024-12-25 03:08:54 +01:00
Code Issues Packages Projects Releases Wiki Activity

docs: Use compiled results directly instead of the playground

Browse Source
This commit is contained in:
Hajime Hoshi 2018-04-09 23:23:44 +09:00
parent 070c8ec737
commit f2b6a5d5ff
31 changed files with 61 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
_docs/example.tmpl.html
View File

@ -25,6 +25,7 @@
<main><div class="container">
{{with .Example}}
<h2>Ebiten example - {{.Name}}</h2>
<iframe src="https://jsgo.io/github.com/hajimehoshi/ebiten/examples/{{.Name}}" width="{{.Width}}" height="{{.Height}}"></iframe>
<p><a href="https://play.jsgo.io/github.com/hajimehoshi/ebiten/examples/{{.Name}}">Go Playground page</a></p>
{{end}}
</div></main>

8
_docs/index.tmpl.html
View File

@ -63,7 +63,7 @@
<div class="row">
{{range .GamesExamples -}}
<div class="col-3">
<a href="https://play.jsgo.io/github.com/hajimehoshi/ebiten/examples/{{.Name}}"><img src="images/examples/{{.Name}}.png" width="{{.ThumbWidth}}" height="{{.ThumbHeight}}" alt="Ebiten example: {{.Name}}" class="img-thumbnail"></a>
<a href="./examples/{{.Name}}.html"><img src="images/examples/{{.Name}}.png" width="{{.ThumbWidth}}" height="{{.ThumbHeight}}" alt="Ebiten example: {{.Name}}" class="img-thumbnail"></a>
</div>
{{- end}}
</div>
@ -71,7 +71,7 @@
<div class="row">
{{range .GraphicsExamples -}}
<div class="col-3">
<a href="https://play.jsgo.io/github.com/hajimehoshi/ebiten/examples/{{.Name}}"><img src="images/examples/{{.Name}}.png" width="{{.ThumbWidth}}" height="{{.ThumbHeight}}" alt="Ebiten example: {{.Name}}" class="img-thumbnail"></a>
<a href="./examples/{{.Name}}.html"><img src="images/examples/{{.Name}}.png" width="{{.ThumbWidth}}" height="{{.ThumbHeight}}" alt="Ebiten example: {{.Name}}" class="img-thumbnail"></a>
</div>
{{- end}}
</div>
@ -79,7 +79,7 @@
<div class="row">
{{range .InputExamples -}}
<div class="col-3">
<a href="https://play.jsgo.io/github.com/hajimehoshi/ebiten/examples/{{.Name}}"><img src="images/examples/{{.Name}}.png" width="{{.ThumbWidth}}" height="{{.ThumbHeight}}" alt="Ebiten example: {{.Name}}" class="img-thumbnail"></a>
<a href="./examples/{{.Name}}.html"><img src="images/examples/{{.Name}}.png" width="{{.ThumbWidth}}" height="{{.ThumbHeight}}" alt="Ebiten example: {{.Name}}" class="img-thumbnail"></a>
</div>
{{- end}}
</div>
@ -87,7 +87,7 @@
<div class="row">
{{range .AudioExamples -}}
<div class="col-3">
<a href="https://play.jsgo.io/github.com/hajimehoshi/ebiten/examples/{{.Name}}"><img src="images/examples/{{.Name}}.png" width="{{.ThumbWidth}}" height="{{.ThumbHeight}}" alt="Ebiten example: {{.Name}}" class="img-thumbnail"></a>
<a href="./examples/{{.Name}}.html"><img src="images/examples/{{.Name}}.png" width="{{.ThumbWidth}}" height="{{.ThumbHeight}}" alt="Ebiten example: {{.Name}}" class="img-thumbnail"></a>
</div>
{{- end}}
</div>

1
docs/examples/2048.html
View File

@ -25,6 +25,7 @@
<main><div class="container">
<h2>Ebiten example - 2048</h2>
<iframe src="https://jsgo.io/github.com/hajimehoshi/ebiten/examples/2048" width="420" height="600"></iframe>
<p><a href="https://play.jsgo.io/github.com/hajimehoshi/ebiten/examples/2048">Go Playground page</a></p>
</div></main>

1
docs/examples/airship.html
View File

@ -25,6 +25,7 @@
<main><div class="container">
<h2>Ebiten example - airship</h2>
<iframe src="https://jsgo.io/github.com/hajimehoshi/ebiten/examples/airship" width="640" height="480"></iframe>
<p><a href="https://play.jsgo.io/github.com/hajimehoshi/ebiten/examples/airship">Go Playground page</a></p>
</div></main>

1
docs/examples/alphablending.html
View File

@ -25,6 +25,7 @@
<main><div class="container">
<h2>Ebiten example - alphablending</h2>
<iframe src="https://jsgo.io/github.com/hajimehoshi/ebiten/examples/alphablending" width="640" height="480"></iframe>
<p><a href="https://play.jsgo.io/github.com/hajimehoshi/ebiten/examples/alphablending">Go Playground page</a></p>
</div></main>

1
docs/examples/audio.html
View File

@ -25,6 +25,7 @@
<main><div class="container">
<h2>Ebiten example - audio</h2>
<iframe src="https://jsgo.io/github.com/hajimehoshi/ebiten/examples/audio" width="640" height="480"></iframe>
<p><a href="https://play.jsgo.io/github.com/hajimehoshi/ebiten/examples/audio">Go Playground page</a></p>
</div></main>

1
docs/examples/blocks.html
View File

@ -25,6 +25,7 @@
<main><div class="container">
<h2>Ebiten example - blocks</h2>
<iframe src="https://jsgo.io/github.com/hajimehoshi/ebiten/examples/blocks" width="512" height="480"></iframe>
<p><a href="https://play.jsgo.io/github.com/hajimehoshi/ebiten/examples/blocks">Go Playground page</a></p>
</div></main>

1
docs/examples/filter.html
View File

@ -25,6 +25,7 @@
<main><div class="container">
<h2>Ebiten example - filter</h2>
<iframe src="https://jsgo.io/github.com/hajimehoshi/ebiten/examples/filter" width="640" height="480"></iframe>
<p><a href="https://play.jsgo.io/github.com/hajimehoshi/ebiten/examples/filter">Go Playground page</a></p>
</div></main>

1
docs/examples/flappy.html
View File

@ -25,6 +25,7 @@
<main><div class="container">
<h2>Ebiten example - flappy</h2>
<iframe src="https://jsgo.io/github.com/hajimehoshi/ebiten/examples/flappy" width="640" height="480"></iframe>
<p><a href="https://play.jsgo.io/github.com/hajimehoshi/ebiten/examples/flappy">Go Playground page</a></p>
</div></main>

1
docs/examples/flood.html
View File

@ -25,6 +25,7 @@
<main><div class="container">
<h2>Ebiten example - flood</h2>
<iframe src="https://jsgo.io/github.com/hajimehoshi/ebiten/examples/flood" width="640" height="480"></iframe>
<p><a href="https://play.jsgo.io/github.com/hajimehoshi/ebiten/examples/flood">Go Playground page</a></p>
</div></main>

1
docs/examples/font.html
View File

@ -25,6 +25,7 @@
<main><div class="container">
<h2>Ebiten example - font</h2>
<iframe src="https://jsgo.io/github.com/hajimehoshi/ebiten/examples/font" width="640" height="480"></iframe>
<p><a href="https://play.jsgo.io/github.com/hajimehoshi/ebiten/examples/font">Go Playground page</a></p>
</div></main>

1
docs/examples/gamepad.html
View File

@ -25,6 +25,7 @@
<main><div class="container">
<h2>Ebiten example - gamepad</h2>
<iframe src="https://jsgo.io/github.com/hajimehoshi/ebiten/examples/gamepad" width="640" height="480"></iframe>
<p><a href="https://play.jsgo.io/github.com/hajimehoshi/ebiten/examples/gamepad">Go Playground page</a></p>
</div></main>

1
docs/examples/highdpi.html
View File

@ -25,6 +25,7 @@
<main><div class="container">
<h2>Ebiten example - highdpi</h2>
<iframe src="https://jsgo.io/github.com/hajimehoshi/ebiten/examples/highdpi" width="640" height="480"></iframe>
<p><a href="https://play.jsgo.io/github.com/hajimehoshi/ebiten/examples/highdpi">Go Playground page</a></p>
</div></main>

1
docs/examples/hsv.html
View File

@ -25,6 +25,7 @@
<main><div class="container">
<h2>Ebiten example - hsv</h2>
<iframe src="https://jsgo.io/github.com/hajimehoshi/ebiten/examples/hsv" width="640" height="480"></iframe>
<p><a href="https://play.jsgo.io/github.com/hajimehoshi/ebiten/examples/hsv">Go Playground page</a></p>
</div></main>

1
docs/examples/hue.html
View File

@ -25,6 +25,7 @@
<main><div class="container">
<h2>Ebiten example - hue</h2>
<iframe src="https://jsgo.io/github.com/hajimehoshi/ebiten/examples/hue" width="640" height="480"></iframe>
<p><a href="https://play.jsgo.io/github.com/hajimehoshi/ebiten/examples/hue">Go Playground page</a></p>
</div></main>

1
docs/examples/infinitescroll.html
View File

@ -25,6 +25,7 @@
<main><div class="container">
<h2>Ebiten example - infinitescroll</h2>
<iframe src="https://jsgo.io/github.com/hajimehoshi/ebiten/examples/infinitescroll" width="640" height="480"></iframe>
<p><a href="https://play.jsgo.io/github.com/hajimehoshi/ebiten/examples/infinitescroll">Go Playground page</a></p>
</div></main>

1
docs/examples/keyboard.html
View File

@ -25,6 +25,7 @@
<main><div class="container">
<h2>Ebiten example - keyboard</h2>
<iframe src="https://jsgo.io/github.com/hajimehoshi/ebiten/examples/keyboard" width="640" height="480"></iframe>
<p><a href="https://play.jsgo.io/github.com/hajimehoshi/ebiten/examples/keyboard">Go Playground page</a></p>
</div></main>

1
docs/examples/life.html
View File

@ -25,6 +25,7 @@
<main><div class="container">
<h2>Ebiten example - life</h2>
<iframe src="https://jsgo.io/github.com/hajimehoshi/ebiten/examples/life" width="640" height="480"></iframe>
<p><a href="https://play.jsgo.io/github.com/hajimehoshi/ebiten/examples/life">Go Playground page</a></p>
</div></main>

1
docs/examples/mandelbrot.html
View File

@ -25,6 +25,7 @@
<main><div class="container">
<h2>Ebiten example - mandelbrot</h2>
<iframe src="https://jsgo.io/github.com/hajimehoshi/ebiten/examples/mandelbrot" width="640" height="640"></iframe>
<p><a href="https://play.jsgo.io/github.com/hajimehoshi/ebiten/examples/mandelbrot">Go Playground page</a></p>
</div></main>

1
docs/examples/masking.html
View File

@ -25,6 +25,7 @@
<main><div class="container">
<h2>Ebiten example - masking</h2>
<iframe src="https://jsgo.io/github.com/hajimehoshi/ebiten/examples/masking" width="640" height="480"></iframe>
<p><a href="https://play.jsgo.io/github.com/hajimehoshi/ebiten/examples/masking">Go Playground page</a></p>
</div></main>

1
docs/examples/mosaic.html
View File

@ -25,6 +25,7 @@
<main><div class="container">
<h2>Ebiten example - mosaic</h2>
<iframe src="https://jsgo.io/github.com/hajimehoshi/ebiten/examples/mosaic" width="640" height="480"></iframe>
<p><a href="https://play.jsgo.io/github.com/hajimehoshi/ebiten/examples/mosaic">Go Playground page</a></p>
</div></main>

1
docs/examples/noise.html
View File

@ -25,6 +25,7 @@
<main><div class="container">
<h2>Ebiten example - noise</h2>
<iframe src="https://jsgo.io/github.com/hajimehoshi/ebiten/examples/noise" width="640" height="480"></iframe>
<p><a href="https://play.jsgo.io/github.com/hajimehoshi/ebiten/examples/noise">Go Playground page</a></p>
</div></main>

1
docs/examples/paint.html
View File

@ -25,6 +25,7 @@
<main><div class="container">
<h2>Ebiten example - paint</h2>
<iframe src="https://jsgo.io/github.com/hajimehoshi/ebiten/examples/paint" width="640" height="480"></iframe>
<p><a href="https://play.jsgo.io/github.com/hajimehoshi/ebiten/examples/paint">Go Playground page</a></p>
</div></main>

1
docs/examples/perspective.html
View File

@ -25,6 +25,7 @@
<main><div class="container">
<h2>Ebiten example - perspective</h2>
<iframe src="https://jsgo.io/github.com/hajimehoshi/ebiten/examples/perspective" width="640" height="480"></iframe>
<p><a href="https://play.jsgo.io/github.com/hajimehoshi/ebiten/examples/perspective">Go Playground page</a></p>
</div></main>

1
docs/examples/piano.html
View File

@ -25,6 +25,7 @@
<main><div class="container">
<h2>Ebiten example - piano</h2>
<iframe src="https://jsgo.io/github.com/hajimehoshi/ebiten/examples/piano" width="640" height="480"></iframe>
<p><a href="https://play.jsgo.io/github.com/hajimehoshi/ebiten/examples/piano">Go Playground page</a></p>
</div></main>

1
docs/examples/rotate.html
View File

@ -25,6 +25,7 @@
<main><div class="container">
<h2>Ebiten example - rotate</h2>
<iframe src="https://jsgo.io/github.com/hajimehoshi/ebiten/examples/rotate" width="640" height="480"></iframe>
<p><a href="https://play.jsgo.io/github.com/hajimehoshi/ebiten/examples/rotate">Go Playground page</a></p>
</div></main>

1
docs/examples/sinewave.html
View File

@ -25,6 +25,7 @@
<main><div class="container">
<h2>Ebiten example - sinewave</h2>
<iframe src="https://jsgo.io/github.com/hajimehoshi/ebiten/examples/sinewave" width="640" height="480"></iframe>
<p><a href="https://play.jsgo.io/github.com/hajimehoshi/ebiten/examples/sinewave">Go Playground page</a></p>
</div></main>

1
docs/examples/sprites.html
View File

@ -25,6 +25,7 @@
<main><div class="container">
<h2>Ebiten example - sprites</h2>
<iframe src="https://jsgo.io/github.com/hajimehoshi/ebiten/examples/sprites" width="640" height="480"></iframe>
<p><a href="https://play.jsgo.io/github.com/hajimehoshi/ebiten/examples/sprites">Go Playground page</a></p>
</div></main>

1
docs/examples/tiles.html
View File

@ -25,6 +25,7 @@
<main><div class="container">
<h2>Ebiten example - tiles</h2>
<iframe src="https://jsgo.io/github.com/hajimehoshi/ebiten/examples/tiles" width="480" height="480"></iframe>
<p><a href="https://play.jsgo.io/github.com/hajimehoshi/ebiten/examples/tiles">Go Playground page</a></p>
</div></main>

1
docs/examples/typewriter.html
View File

@ -25,6 +25,7 @@
<main><div class="container">
<h2>Ebiten example - typewriter</h2>
<iframe src="https://jsgo.io/github.com/hajimehoshi/ebiten/examples/typewriter" width="640" height="480"></iframe>
<p><a href="https://play.jsgo.io/github.com/hajimehoshi/ebiten/examples/typewriter">Go Playground page</a></p>
</div></main>

56
docs/index.html
View File

@ -62,73 +62,73 @@
<h3>Games</h3>
<div class="row">
<div class="col-3">
<a href="https://play.jsgo.io/github.com/hajimehoshi/ebiten/examples/2048"><img src="images/examples/2048.png" width="210" height="300" alt="Ebiten example: 2048" class="img-thumbnail"></a>
<a href="./examples/2048.html"><img src="images/examples/2048.png" width="210" height="300" alt="Ebiten example: 2048" class="img-thumbnail"></a>
</div><div class="col-3">
<a href="https://play.jsgo.io/github.com/hajimehoshi/ebiten/examples/blocks"><img src="images/examples/blocks.png" width="256" height="240" alt="Ebiten example: blocks" class="img-thumbnail"></a>
<a href="./examples/blocks.html"><img src="images/examples/blocks.png" width="256" height="240" alt="Ebiten example: blocks" class="img-thumbnail"></a>
</div><div class="col-3">
<a href="https://play.jsgo.io/github.com/hajimehoshi/ebiten/examples/flappy"><img src="images/examples/flappy.png" width="320" height="240" alt="Ebiten example: flappy" class="img-thumbnail"></a>
<a href="./examples/flappy.html"><img src="images/examples/flappy.png" width="320" height="240" alt="Ebiten example: flappy" class="img-thumbnail"></a>
</div>
</div>
<h3>Graphics</h3>
<div class="row">
<div class="col-3">
<a href="https://play.jsgo.io/github.com/hajimehoshi/ebiten/examples/airship"><img src="images/examples/airship.png" width="320" height="240" alt="Ebiten example: airship" class="img-thumbnail"></a>
<a href="./examples/airship.html"><img src="images/examples/airship.png" width="320" height="240" alt="Ebiten example: airship" class="img-thumbnail"></a>
</div><div class="col-3">
<a href="https://play.jsgo.io/github.com/hajimehoshi/ebiten/examples/alphablending"><img src="images/examples/alphablending.png" width="320" height="240" alt="Ebiten example: alphablending" class="img-thumbnail"></a>
<a href="./examples/alphablending.html"><img src="images/examples/alphablending.png" width="320" height="240" alt="Ebiten example: alphablending" class="img-thumbnail"></a>
</div><div class="col-3">
<a href="https://play.jsgo.io/github.com/hajimehoshi/ebiten/examples/filter"><img src="images/examples/filter.png" width="320" height="240" alt="Ebiten example: filter" class="img-thumbnail"></a>
<a href="./examples/filter.html"><img src="images/examples/filter.png" width="320" height="240" alt="Ebiten example: filter" class="img-thumbnail"></a>
</div><div class="col-3">
<a href="https://play.jsgo.io/github.com/hajimehoshi/ebiten/examples/flood"><img src="images/examples/flood.png" width="320" height="240" alt="Ebiten example: flood" class="img-thumbnail"></a>
<a href="./examples/flood.html"><img src="images/examples/flood.png" width="320" height="240" alt="Ebiten example: flood" class="img-thumbnail"></a>
</div><div class="col-3">
<a href="https://play.jsgo.io/github.com/hajimehoshi/ebiten/examples/font"><img src="images/examples/font.png" width="320" height="240" alt="Ebiten example: font" class="img-thumbnail"></a>
<a href="./examples/font.html"><img src="images/examples/font.png" width="320" height="240" alt="Ebiten example: font" class="img-thumbnail"></a>
</div><div class="col-3">
<a href="https://play.jsgo.io/github.com/hajimehoshi/ebiten/examples/highdpi"><img src="images/examples/highdpi.png" width="320" height="240" alt="Ebiten example: highdpi" class="img-thumbnail"></a>
<a href="./examples/highdpi.html"><img src="images/examples/highdpi.png" width="320" height="240" alt="Ebiten example: highdpi" class="img-thumbnail"></a>
</div><div class="col-3">
<a href="https://play.jsgo.io/github.com/hajimehoshi/ebiten/examples/hsv"><img src="images/examples/hsv.png" width="320" height="240" alt="Ebiten example: hsv" class="img-thumbnail"></a>
<a href="./examples/hsv.html"><img src="images/examples/hsv.png" width="320" height="240" alt="Ebiten example: hsv" class="img-thumbnail"></a>
</div><div class="col-3">
<a href="https://play.jsgo.io/github.com/hajimehoshi/ebiten/examples/hue"><img src="images/examples/hue.png" width="320" height="240" alt="Ebiten example: hue" class="img-thumbnail"></a>
<a href="./examples/hue.html"><img src="images/examples/hue.png" width="320" height="240" alt="Ebiten example: hue" class="img-thumbnail"></a>
</div><div class="col-3">
<a href="https://play.jsgo.io/github.com/hajimehoshi/ebiten/examples/infinitescroll"><img src="images/examples/infinitescroll.png" width="320" height="240" alt="Ebiten example: infinitescroll" class="img-thumbnail"></a>
<a href="./examples/infinitescroll.html"><img src="images/examples/infinitescroll.png" width="320" height="240" alt="Ebiten example: infinitescroll" class="img-thumbnail"></a>
</div><div class="col-3">
<a href="https://play.jsgo.io/github.com/hajimehoshi/ebiten/examples/life"><img src="images/examples/life.png" width="320" height="240" alt="Ebiten example: life" class="img-thumbnail"></a>
<a href="./examples/life.html"><img src="images/examples/life.png" width="320" height="240" alt="Ebiten example: life" class="img-thumbnail"></a>
</div><div class="col-3">
<a href="https://play.jsgo.io/github.com/hajimehoshi/ebiten/examples/mandelbrot"><img src="images/examples/mandelbrot.png" width="320" height="320" alt="Ebiten example: mandelbrot" class="img-thumbnail"></a>
<a href="./examples/mandelbrot.html"><img src="images/examples/mandelbrot.png" width="320" height="320" alt="Ebiten example: mandelbrot" class="img-thumbnail"></a>
</div><div class="col-3">
<a href="https://play.jsgo.io/github.com/hajimehoshi/ebiten/examples/masking"><img src="images/examples/masking.png" width="320" height="240" alt="Ebiten example: masking" class="img-thumbnail"></a>
<a href="./examples/masking.html"><img src="images/examples/masking.png" width="320" height="240" alt="Ebiten example: masking" class="img-thumbnail"></a>
</div><div class="col-3">
<a href="https://play.jsgo.io/github.com/hajimehoshi/ebiten/examples/mosaic"><img src="images/examples/mosaic.png" width="320" height="240" alt="Ebiten example: mosaic" class="img-thumbnail"></a>
<a href="./examples/mosaic.html"><img src="images/examples/mosaic.png" width="320" height="240" alt="Ebiten example: mosaic" class="img-thumbnail"></a>
</div><div class="col-3">
<a href="https://play.jsgo.io/github.com/hajimehoshi/ebiten/examples/noise"><img src="images/examples/noise.png" width="320" height="240" alt="Ebiten example: noise" class="img-thumbnail"></a>
<a href="./examples/noise.html"><img src="images/examples/noise.png" width="320" height="240" alt="Ebiten example: noise" class="img-thumbnail"></a>
</div><div class="col-3">
<a href="https://play.jsgo.io/github.com/hajimehoshi/ebiten/examples/paint"><img src="images/examples/paint.png" width="320" height="240" alt="Ebiten example: paint" class="img-thumbnail"></a>
<a href="./examples/paint.html"><img src="images/examples/paint.png" width="320" height="240" alt="Ebiten example: paint" class="img-thumbnail"></a>
</div><div class="col-3">
<a href="https://play.jsgo.io/github.com/hajimehoshi/ebiten/examples/perspective"><img src="images/examples/perspective.png" width="320" height="240" alt="Ebiten example: perspective" class="img-thumbnail"></a>
<a href="./examples/perspective.html"><img src="images/examples/perspective.png" width="320" height="240" alt="Ebiten example: perspective" class="img-thumbnail"></a>
</div><div class="col-3">
<a href="https://play.jsgo.io/github.com/hajimehoshi/ebiten/examples/rotate"><img src="images/examples/rotate.png" width="320" height="240" alt="Ebiten example: rotate" class="img-thumbnail"></a>
<a href="./examples/rotate.html"><img src="images/examples/rotate.png" width="320" height="240" alt="Ebiten example: rotate" class="img-thumbnail"></a>
</div><div class="col-3">
<a href="https://play.jsgo.io/github.com/hajimehoshi/ebiten/examples/sprites"><img src="images/examples/sprites.png" width="320" height="240" alt="Ebiten example: sprites" class="img-thumbnail"></a>
<a href="./examples/sprites.html"><img src="images/examples/sprites.png" width="320" height="240" alt="Ebiten example: sprites" class="img-thumbnail"></a>
</div><div class="col-3">
<a href="https://play.jsgo.io/github.com/hajimehoshi/ebiten/examples/tiles"><img src="images/examples/tiles.png" width="240" height="240" alt="Ebiten example: tiles" class="img-thumbnail"></a>
<a href="./examples/tiles.html"><img src="images/examples/tiles.png" width="240" height="240" alt="Ebiten example: tiles" class="img-thumbnail"></a>
</div>
</div>
<h3>Input</h3>
<div class="row">
<div class="col-3">
<a href="https://play.jsgo.io/github.com/hajimehoshi/ebiten/examples/gamepad"><img src="images/examples/gamepad.png" width="320" height="240" alt="Ebiten example: gamepad" class="img-thumbnail"></a>
<a href="./examples/gamepad.html"><img src="images/examples/gamepad.png" width="320" height="240" alt="Ebiten example: gamepad" class="img-thumbnail"></a>
</div><div class="col-3">
<a href="https://play.jsgo.io/github.com/hajimehoshi/ebiten/examples/keyboard"><img src="images/examples/keyboard.png" width="320" height="240" alt="Ebiten example: keyboard" class="img-thumbnail"></a>
<a href="./examples/keyboard.html"><img src="images/examples/keyboard.png" width="320" height="240" alt="Ebiten example: keyboard" class="img-thumbnail"></a>
</div><div class="col-3">
<a href="https://play.jsgo.io/github.com/hajimehoshi/ebiten/examples/typewriter"><img src="images/examples/typewriter.png" width="320" height="240" alt="Ebiten example: typewriter" class="img-thumbnail"></a>
<a href="./examples/typewriter.html"><img src="images/examples/typewriter.png" width="320" height="240" alt="Ebiten example: typewriter" class="img-thumbnail"></a>
</div>
</div>
<h3>Audio</h3>
<div class="row">
<div class="col-3">
<a href="https://play.jsgo.io/github.com/hajimehoshi/ebiten/examples/audio"><img src="images/examples/audio.png" width="320" height="240" alt="Ebiten example: audio" class="img-thumbnail"></a>
<a href="./examples/audio.html"><img src="images/examples/audio.png" width="320" height="240" alt="Ebiten example: audio" class="img-thumbnail"></a>
</div><div class="col-3">
<a href="https://play.jsgo.io/github.com/hajimehoshi/ebiten/examples/piano"><img src="images/examples/piano.png" width="320" height="240" alt="Ebiten example: piano" class="img-thumbnail"></a>
<a href="./examples/piano.html"><img src="images/examples/piano.png" width="320" height="240" alt="Ebiten example: piano" class="img-thumbnail"></a>
</div><div class="col-3">
<a href="https://play.jsgo.io/github.com/hajimehoshi/ebiten/examples/sinewave"><img src="images/examples/sinewave.png" width="320" height="240" alt="Ebiten example: sinewave" class="img-thumbnail"></a>
<a href="./examples/sinewave.html"><img src="images/examples/sinewave.png" width="320" height="240" alt="Ebiten example: sinewave" class="img-thumbnail"></a>
</div>
</div>