mth/ebiten
1
0
Fork 0
mirror of https://github.com/hajimehoshi/ebiten.git synced 2025-01-12 20:18:59 +01:00
Code Issues Packages Projects Releases Wiki Activity

doc: Update bootstrap version to 4

Browse Source
This commit is contained in:
Hajime Hoshi 2017-08-18 01:22:19 +09:00
parent 179b3134e3
commit ab269c621b
24 changed files with 338 additions and 327 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
_docs/example.tmpl.html
View File

@ -9,23 +9,23 @@
<script src="../scripts/googleanalytics.js"></script> <script src="../scripts/googleanalytics.js"></script>
<header class="navbar"><div class="container"> <header class="navbar"><div class="container">
<div class="navbar-header"> <nav class="d-flex flex-row" style="width: 100%;">
<a class="navbar-brand" href="..">Ebiten</a> <div class="mr-auto">
</div> <a class="navbar-brand" href="../">Ebiten</a>
<nav class="collapse navbar-collapse"> </div>
<ul class="nav navbar-nav navbar-right"> <ul class="nav">
<li><a href="https://github.com/hajimehoshi/ebiten">GitHub</a></li> <li class="nav-item"><a class="nav-link" href="https://github.com/hajimehoshi/ebiten">GitHub</a></li>
<li><a href="https://godoc.org/github.com/hajimehoshi/ebiten">GoDoc</a></li> <li class="nav-item"><a class="nav-link" href="https://godoc.org/github.com/hajimehoshi/ebiten">GoDoc</a></li>
<li><a href="https://github.com/hajimehoshi/ebiten/wiki">Wiki</a> <li class="nav-item"><a class="nav-link" href="https://github.com/hajimehoshi/ebiten/wiki">Wiki</a>
</ul> </ul>
</nav> </nav>
</header> </div></header>
<main><div class="container"> <main><div class="container">
{{with .Example}} {{with .Example}}
<h2>Ebiten example - {{.Name}}</h2> <h2>Ebiten example - {{.Name}}</h2>
<iframe src="{{.Name}}.content.html" width="{{.Width}}" height="{{.Height}}"></iframe> <iframe src="{{.Name}}.content.html" width="{{.Width}}" height="{{.Height}}"></iframe>
<pre><code class="language-go">{{.Source}}</code></pre> <pre class="card"><div class="card-body"><code class="language-go">{{.Source}}</code></div></pre>
{{end}} {{end}}
</div></main> </div></main>

68
_docs/index.tmpl.html
View File

@ -10,20 +10,20 @@
<script src="./scripts/googleanalytics.js"></script> <script src="./scripts/googleanalytics.js"></script>
<header class="navbar"><div class="container"> <header class="navbar"><div class="container">
<div class="navbar-header"> <nav class="d-flex flex-row" style="width: 100%;">
<a class="navbar-brand" href="./">Ebiten</a> <div>
</div> <a class="navbar-brand" href="./">Ebiten</a>
<nav class="collapse navbar-collapse"> </div>
<ul class="nav navbar-nav"> <ul class="nav mr-auto">
<li><a href="#platforms">Platforms</a></li> <li class="nav-item"><a class="nav-link" href="#platforms">Platforms</a></li>
<li><a href="#features">Features</a></li> <li class="nav-item"><a class="nav-link" href="#features">Features</a></li>
<li><a href="#examples">Examples</a></li> <li class="nav-item"><a class="nav-link" href="#examples">Examples</a></li>
<li><a href="#getting-started">Getting Started</a></li> <li class="nav-item"><a class="nav-link" href="#getting-started">Getting Started</a></li>
</ul> </ul>
<ul class="nav navbar-nav navbar-right"> <ul class="nav">
<li><a href="https://github.com/hajimehoshi/ebiten">GitHub</a></li> <li class="nav-item"><a class="nav-link" href="https://github.com/hajimehoshi/ebiten">GitHub</a></li>
<li><a href="https://godoc.org/github.com/hajimehoshi/ebiten">GoDoc</a></li> <li class="nav-item"><a class="nav-link" href="https://godoc.org/github.com/hajimehoshi/ebiten">GoDoc</a></li>
<li><a href="https://github.com/hajimehoshi/ebiten/wiki">Wiki</a> <li class="nav-item"><a class="nav-link" href="https://github.com/hajimehoshi/ebiten/wiki">Wiki</a>
</ul> </ul>
</nav> </nav>
</div></header> </div></header>
@ -34,40 +34,40 @@
<p>Stable version: v{{.StableVersion}} / Development version: v{{.DevVersion}}</p> <p>Stable version: v{{.StableVersion}} / Development version: v{{.DevVersion}}</p>
<h2 id="platforms">Platforms</h2> <h2 id="platforms">Platforms</h2>
<dl class="dl-horizontal"> <dl class="row">
<dt>Desktops</dt> <dt class="col-2 text-right">Desktops</dt>
<dd><a href="https://github.com/hajimehoshi/ebiten/wiki/Windows">Windows</a>, <a href="https://github.com/hajimehoshi/ebiten/wiki/macOS">macOS</a>, <a href="https://github.com/hajimehoshi/ebiten/wiki/Linux">Linux</a>, <a href="https://github.com/hajimehoshi/ebiten/wiki/FreeBSD">FreeBSD</a></dd> <dd class="col-10"><a href="https://github.com/hajimehoshi/ebiten/wiki/Windows">Windows</a>, <a href="https://github.com/hajimehoshi/ebiten/wiki/macOS">macOS</a>, <a href="https://github.com/hajimehoshi/ebiten/wiki/Linux">Linux</a>, <a href="https://github.com/hajimehoshi/ebiten/wiki/FreeBSD">FreeBSD</a></dd>
<dt>Mobiles</dt> <dt class="col-2 text-right">Mobiles</dt>
<dd><a href="https://github.com/hajimehoshi/ebiten/wiki/Android">Android</a>, <a href="https://github.com/hajimehoshi/ebiten/wiki/iOS">iOS</a></dd> <dd class="col-10"><a href="https://github.com/hajimehoshi/ebiten/wiki/Android">Android</a>, <a href="https://github.com/hajimehoshi/ebiten/wiki/iOS">iOS</a></dd>
<dt>Web browsers</dt> <dt class="col-2 text-right">Web browsers</dt>
<dd><a href="https://github.com/hajimehoshi/ebiten/wiki/Web-Browsers">Chrome, Firefox and Safari on desktops</a> (powered by <a href="http://gopherjs.org/">GopherJS</a>)</dd> <dd class="col-10"><a href="https://github.com/hajimehoshi/ebiten/wiki/Web-Browsers">Chrome, Firefox and Safari on desktops</a> (powered by <a href="http://gopherjs.org/">GopherJS</a>)</dd>
</dl> </dl>
<p><small>Note: Gamepads is not available on Safari/Android/iOS. Keyboard is not available on Android/iOS.</small></p> <p><small>Note: Gamepads is not available on Safari/Android/iOS. Keyboard is not available on Android/iOS.</small></p>
<h2 id="features">Features</h2> <h2 id="features">Features</h2>
<dl class="dl-horizontal"> <dl class="row">
<dt>2D Graphics</dt> <dt class="col-2 text-right">2D Graphics</dt>
<dd>Geometry/Color matrix transformation, Various composition modes, Offscreen rendering, Fullscreen, Text rendering</dd> <dd class="col-10">Geometry/Color matrix transformation, Various composition modes, Offscreen rendering, Fullscreen, Text rendering</dd>
<dt>Input</dt> <dt class="col-2 text-right">Input</dt>
<dd>Mouse, Keyboard, Gamepads, Touches</dd> <dd class="col-10">Mouse, Keyboard, Gamepads, Touches</dd>
<dt>Audio</dt> <dt class="col-2 text-right">Audio</dt>
<dd>MP3, Ogg/Vorbis, WAV, PCM, Syncing with game progress</dd> <dd class="col-10">MP3, Ogg/Vorbis, WAV, PCM, Syncing with game progress</dd>
</dl> </dl>
<h2 id="examples">Examples</h2> <h2 id="examples">Examples</h2>
<div class="row"> <div class="row">
{{range .Examples -}} {{range .Examples -}}
<div class="col-md-3"> <div class="col-3">
<a class="thumbnail" scrolling="no" href="examples/{{.Name}}.html"><img src="images/examples/{{.Name}}.png" width="{{.ThumbWidth}}" height="{{.ThumbHeight}}" alt="Ebiten example: {{.Name}}" class="example"></a> <a scrolling="no" href="examples/{{.Name}}.html"><img src="images/examples/{{.Name}}.png" width="{{.ThumbWidth}}" height="{{.ThumbHeight}}" alt="Ebiten example: {{.Name}}" class="img-thumbnail example"></a>
</div> </div>
{{- end}} {{- end}}
</div> </div>
<p><a href="https://blog.golang.org/go-programming-language-turns-two">The Gopher photographs by Chris Nokleberg</a> are licensed under <a href="https://creativecommons.org/licenses/by/3.0/">the Creative Commons 3.0 Attributions License</a>.</p> <p><a href="https://blog.golang.org/go-programming-language-turns-two">The Gopher photographs by Chris Nokleberg</a> are licensed under <a href="https://creativecommons.org/licenses/by/3.0/">the Creative Commons 3.0 Attributions License</a>.</p>
<h3>Execute the examples</h2> <h3>Execute the examples</h2>
<pre><code class="language-bash">:; go get github.com/hajimehoshi/ebiten/... <pre class="card"><div class="card-body"><code class="language-bash">go get github.com/hajimehoshi/ebiten/...
:; cd $GOPATH/src/github.com/hajimehoshi/ebiten/examples cd $GOPATH/src/github.com/hajimehoshi/ebiten/examples
:; go run -tags=example rotate/main.go</code></pre> go run -tags=example rotate/main.go</div></code></pre>
<p>Note that you need to add <code>-tags=example</code> to run examples.</p> <p>Note that you need to add <code>-tags=example</code> to run examples.</p>
<h2 id="getting-started">Getting Started</h2> <h2 id="getting-started">Getting Started</h2>
@ -77,7 +77,7 @@ First create a new directory (<code>mkdir hello_world</code>), and change
into it (<code>cd hello_world</code>). Type the following code into into it (<code>cd hello_world</code>). Type the following code into
the <code>main.go</code> file:</p> the <code>main.go</code> file:</p>
<pre><code class="language-go">package main <pre class="card"><div class="card-body"><code class="language-go">package main
import ( import (
"github.com/hajimehoshi/ebiten" "github.com/hajimehoshi/ebiten"
@ -92,7 +92,7 @@ func update(screen *ebiten.Image) error {
func main() { func main() {
ebiten.Run(update, 320, 240, 2, "Hello world!") ebiten.Run(update, 320, 240, 2, "Hello world!")
} }
</code></pre> </div></code></pre>
<p>Run the <code>go run</code> command to start the <p>Run the <code>go run</code> command to start the
game. There you have it, your first Ebiten game!</p> game. There you have it, your first Ebiten game!</p>

20
docs/examples/2048.html
View File

@ -9,23 +9,23 @@
<script src="../scripts/googleanalytics.js"></script> <script src="../scripts/googleanalytics.js"></script>
<header class="navbar"><div class="container"> <header class="navbar"><div class="container">
<div class="navbar-header"> <nav class="d-flex flex-row" style="width: 100%;">
<a class="navbar-brand" href="..">Ebiten</a> <div class="mr-auto">
</div> <a class="navbar-brand" href="../">Ebiten</a>
<nav class="collapse navbar-collapse"> </div>
<ul class="nav navbar-nav navbar-right"> <ul class="nav">
<li><a href="https://github.com/hajimehoshi/ebiten">GitHub</a></li> <li class="nav-item"><a class="nav-link" href="https://github.com/hajimehoshi/ebiten">GitHub</a></li>
<li><a href="https://godoc.org/github.com/hajimehoshi/ebiten">GoDoc</a></li> <li class="nav-item"><a class="nav-link" href="https://godoc.org/github.com/hajimehoshi/ebiten">GoDoc</a></li>
<li><a href="https://github.com/hajimehoshi/ebiten/wiki">Wiki</a> <li class="nav-item"><a class="nav-link" href="https://github.com/hajimehoshi/ebiten/wiki">Wiki</a>
</ul> </ul>
</nav> </nav>
</header> </div></header>
<main><div class="container"> <main><div class="container">
<h2>Ebiten example - 2048</h2> <h2>Ebiten example - 2048</h2>
<iframe src="2048.content.html" width="420" height="600"></iframe> <iframe src="2048.content.html" width="420" height="600"></iframe>
<pre><code class="language-go">// Please read examples/2048/main.go and examples/2048/2048/*.go</code></pre> <pre class="card"><div class="card-body"><code class="language-go">// Please read examples/2048/main.go and examples/2048/2048/*.go</code></div></pre>
</div></main> </div></main>

22
docs/examples/alphablending.html
View File

@ -9,23 +9,23 @@
<script src="../scripts/googleanalytics.js"></script> <script src="../scripts/googleanalytics.js"></script>
<header class="navbar"><div class="container"> <header class="navbar"><div class="container">
<div class="navbar-header"> <nav class="d-flex flex-row" style="width: 100%;">
<a class="navbar-brand" href="..">Ebiten</a> <div class="mr-auto">
</div> <a class="navbar-brand" href="../">Ebiten</a>
<nav class="collapse navbar-collapse"> </div>
<ul class="nav navbar-nav navbar-right"> <ul class="nav">
<li><a href="https://github.com/hajimehoshi/ebiten">GitHub</a></li> <li class="nav-item"><a class="nav-link" href="https://github.com/hajimehoshi/ebiten">GitHub</a></li>
<li><a href="https://godoc.org/github.com/hajimehoshi/ebiten">GoDoc</a></li> <li class="nav-item"><a class="nav-link" href="https://godoc.org/github.com/hajimehoshi/ebiten">GoDoc</a></li>
<li><a href="https://github.com/hajimehoshi/ebiten/wiki">Wiki</a> <li class="nav-item"><a class="nav-link" href="https://github.com/hajimehoshi/ebiten/wiki">Wiki</a>
</ul> </ul>
</nav> </nav>
</header> </div></header>
<main><div class="container"> <main><div class="container">
<h2>Ebiten example - alphablending</h2> <h2>Ebiten example - alphablending</h2>
<iframe src="alphablending.content.html" width="640" height="480"></iframe> <iframe src="alphablending.content.html" width="640" height="480"></iframe>
<pre><code class="language-go">// &#43;build example <pre class="card"><div class="card-body"><code class="language-go">// &#43;build example
package main package main
@ -84,7 +84,7 @@ func main() {
log.Fatal(err) log.Fatal(err)
} }
} }
</code></pre> </code></div></pre>
</div></main> </div></main>

22
docs/examples/audio.html
View File

@ -9,23 +9,23 @@
<script src="../scripts/googleanalytics.js"></script> <script src="../scripts/googleanalytics.js"></script>
<header class="navbar"><div class="container"> <header class="navbar"><div class="container">
<div class="navbar-header"> <nav class="d-flex flex-row" style="width: 100%;">
<a class="navbar-brand" href="..">Ebiten</a> <div class="mr-auto">
</div> <a class="navbar-brand" href="../">Ebiten</a>
<nav class="collapse navbar-collapse"> </div>
<ul class="nav navbar-nav navbar-right"> <ul class="nav">
<li><a href="https://github.com/hajimehoshi/ebiten">GitHub</a></li> <li class="nav-item"><a class="nav-link" href="https://github.com/hajimehoshi/ebiten">GitHub</a></li>
<li><a href="https://godoc.org/github.com/hajimehoshi/ebiten">GoDoc</a></li> <li class="nav-item"><a class="nav-link" href="https://godoc.org/github.com/hajimehoshi/ebiten">GoDoc</a></li>
<li><a href="https://github.com/hajimehoshi/ebiten/wiki">Wiki</a> <li class="nav-item"><a class="nav-link" href="https://github.com/hajimehoshi/ebiten/wiki">Wiki</a>
</ul> </ul>
</nav> </nav>
</header> </div></header>
<main><div class="container"> <main><div class="container">
<h2>Ebiten example - audio</h2> <h2>Ebiten example - audio</h2>
<iframe src="audio.content.html" width="640" height="480"></iframe> <iframe src="audio.content.html" width="640" height="480"></iframe>
<pre><code class="language-go">// &#43;build example <pre class="card"><div class="card-body"><code class="language-go">// &#43;build example
// This is an example to implement an audio player. // This is an example to implement an audio player.
// See examples/wav for a simpler example to play a sound file. // See examples/wav for a simpler example to play a sound file.
@ -317,7 +317,7 @@ func main() {
} }
} }
} }
</code></pre> </code></div></pre>
</div></main> </div></main>

22
docs/examples/blocks.html
View File

@ -9,24 +9,24 @@
<script src="../scripts/googleanalytics.js"></script> <script src="../scripts/googleanalytics.js"></script>
<header class="navbar"><div class="container"> <header class="navbar"><div class="container">
<div class="navbar-header"> <nav class="d-flex flex-row" style="width: 100%;">
<a class="navbar-brand" href="..">Ebiten</a> <div class="mr-auto">
</div> <a class="navbar-brand" href="../">Ebiten</a>
<nav class="collapse navbar-collapse"> </div>
<ul class="nav navbar-nav navbar-right"> <ul class="nav">
<li><a href="https://github.com/hajimehoshi/ebiten">GitHub</a></li> <li class="nav-item"><a class="nav-link" href="https://github.com/hajimehoshi/ebiten">GitHub</a></li>
<li><a href="https://godoc.org/github.com/hajimehoshi/ebiten">GoDoc</a></li> <li class="nav-item"><a class="nav-link" href="https://godoc.org/github.com/hajimehoshi/ebiten">GoDoc</a></li>
<li><a href="https://github.com/hajimehoshi/ebiten/wiki">Wiki</a> <li class="nav-item"><a class="nav-link" href="https://github.com/hajimehoshi/ebiten/wiki">Wiki</a>
</ul> </ul>
</nav> </nav>
</header> </div></header>
<main><div class="container"> <main><div class="container">
<h2>Ebiten example - blocks</h2> <h2>Ebiten example - blocks</h2>
<iframe src="blocks.content.html" width="512" height="480"></iframe> <iframe src="blocks.content.html" width="512" height="480"></iframe>
<pre><code class="language-go">// Please read examples/blocks/main.go and examples/blocks/blocks/*.go <pre class="card"><div class="card-body"><code class="language-go">// Please read examples/blocks/main.go and examples/blocks/blocks/*.go
// NOTE: If Gamepad API is available in your browswer, you can use gamepads. Try it out!</code></pre> // NOTE: If Gamepad API is available in your browswer, you can use gamepads. Try it out!</code></div></pre>
</div></main> </div></main>

22
docs/examples/font.html
View File

@ -9,23 +9,23 @@
<script src="../scripts/googleanalytics.js"></script> <script src="../scripts/googleanalytics.js"></script>
<header class="navbar"><div class="container"> <header class="navbar"><div class="container">
<div class="navbar-header"> <nav class="d-flex flex-row" style="width: 100%;">
<a class="navbar-brand" href="..">Ebiten</a> <div class="mr-auto">
</div> <a class="navbar-brand" href="../">Ebiten</a>
<nav class="collapse navbar-collapse"> </div>
<ul class="nav navbar-nav navbar-right"> <ul class="nav">
<li><a href="https://github.com/hajimehoshi/ebiten">GitHub</a></li> <li class="nav-item"><a class="nav-link" href="https://github.com/hajimehoshi/ebiten">GitHub</a></li>
<li><a href="https://godoc.org/github.com/hajimehoshi/ebiten">GoDoc</a></li> <li class="nav-item"><a class="nav-link" href="https://godoc.org/github.com/hajimehoshi/ebiten">GoDoc</a></li>
<li><a href="https://github.com/hajimehoshi/ebiten/wiki">Wiki</a> <li class="nav-item"><a class="nav-link" href="https://github.com/hajimehoshi/ebiten/wiki">Wiki</a>
</ul> </ul>
</nav> </nav>
</header> </div></header>
<main><div class="container"> <main><div class="container">
<h2>Ebiten example - font</h2> <h2>Ebiten example - font</h2>
<iframe src="font.content.html" width="640" height="480"></iframe> <iframe src="font.content.html" width="640" height="480"></iframe>
<pre><code class="language-go">// &#43;build example <pre class="card"><div class="card-body"><code class="language-go">// &#43;build example
package main package main
@ -176,7 +176,7 @@ func main() {
log.Fatal(err) log.Fatal(err)
} }
} }
</code></pre> </code></div></pre>
</div></main> </div></main>

22
docs/examples/gamepad.html
View File

@ -9,23 +9,23 @@
<script src="../scripts/googleanalytics.js"></script> <script src="../scripts/googleanalytics.js"></script>
<header class="navbar"><div class="container"> <header class="navbar"><div class="container">
<div class="navbar-header"> <nav class="d-flex flex-row" style="width: 100%;">
<a class="navbar-brand" href="..">Ebiten</a> <div class="mr-auto">
</div> <a class="navbar-brand" href="../">Ebiten</a>
<nav class="collapse navbar-collapse"> </div>
<ul class="nav navbar-nav navbar-right"> <ul class="nav">
<li><a href="https://github.com/hajimehoshi/ebiten">GitHub</a></li> <li class="nav-item"><a class="nav-link" href="https://github.com/hajimehoshi/ebiten">GitHub</a></li>
<li><a href="https://godoc.org/github.com/hajimehoshi/ebiten">GoDoc</a></li> <li class="nav-item"><a class="nav-link" href="https://godoc.org/github.com/hajimehoshi/ebiten">GoDoc</a></li>
<li><a href="https://github.com/hajimehoshi/ebiten/wiki">Wiki</a> <li class="nav-item"><a class="nav-link" href="https://github.com/hajimehoshi/ebiten/wiki">Wiki</a>
</ul> </ul>
</nav> </nav>
</header> </div></header>
<main><div class="container"> <main><div class="container">
<h2>Ebiten example - gamepad</h2> <h2>Ebiten example - gamepad</h2>
<iframe src="gamepad.content.html" width="640" height="480"></iframe> <iframe src="gamepad.content.html" width="640" height="480"></iframe>
<pre><code class="language-go">// &#43;build example <pre class="card"><div class="card-body"><code class="language-go">// &#43;build example
package main package main
@ -81,7 +81,7 @@ func main() {
log.Fatal(err) log.Fatal(err)
} }
} }
</code></pre> </code></div></pre>
</div></main> </div></main>

22
docs/examples/hsv.html
View File

@ -9,23 +9,23 @@
<script src="../scripts/googleanalytics.js"></script> <script src="../scripts/googleanalytics.js"></script>
<header class="navbar"><div class="container"> <header class="navbar"><div class="container">
<div class="navbar-header"> <nav class="d-flex flex-row" style="width: 100%;">
<a class="navbar-brand" href="..">Ebiten</a> <div class="mr-auto">
</div> <a class="navbar-brand" href="../">Ebiten</a>
<nav class="collapse navbar-collapse"> </div>
<ul class="nav navbar-nav navbar-right"> <ul class="nav">
<li><a href="https://github.com/hajimehoshi/ebiten">GitHub</a></li> <li class="nav-item"><a class="nav-link" href="https://github.com/hajimehoshi/ebiten">GitHub</a></li>
<li><a href="https://godoc.org/github.com/hajimehoshi/ebiten">GoDoc</a></li> <li class="nav-item"><a class="nav-link" href="https://godoc.org/github.com/hajimehoshi/ebiten">GoDoc</a></li>
<li><a href="https://github.com/hajimehoshi/ebiten/wiki">Wiki</a> <li class="nav-item"><a class="nav-link" href="https://github.com/hajimehoshi/ebiten/wiki">Wiki</a>
</ul> </ul>
</nav> </nav>
</header> </div></header>
<main><div class="container"> <main><div class="container">
<h2>Ebiten example - hsv</h2> <h2>Ebiten example - hsv</h2>
<iframe src="hsv.content.html" width="640" height="480"></iframe> <iframe src="hsv.content.html" width="640" height="480"></iframe>
<pre><code class="language-go">// &#43;build example <pre class="card"><div class="card-body"><code class="language-go">// &#43;build example
package main package main
@ -116,7 +116,7 @@ func main() {
log.Fatal(err) log.Fatal(err)
} }
} }
</code></pre> </code></div></pre>
</div></main> </div></main>

22
docs/examples/hue.html
View File

@ -9,23 +9,23 @@
<script src="../scripts/googleanalytics.js"></script> <script src="../scripts/googleanalytics.js"></script>
<header class="navbar"><div class="container"> <header class="navbar"><div class="container">
<div class="navbar-header"> <nav class="d-flex flex-row" style="width: 100%;">
<a class="navbar-brand" href="..">Ebiten</a> <div class="mr-auto">
</div> <a class="navbar-brand" href="../">Ebiten</a>
<nav class="collapse navbar-collapse"> </div>
<ul class="nav navbar-nav navbar-right"> <ul class="nav">
<li><a href="https://github.com/hajimehoshi/ebiten">GitHub</a></li> <li class="nav-item"><a class="nav-link" href="https://github.com/hajimehoshi/ebiten">GitHub</a></li>
<li><a href="https://godoc.org/github.com/hajimehoshi/ebiten">GoDoc</a></li> <li class="nav-item"><a class="nav-link" href="https://godoc.org/github.com/hajimehoshi/ebiten">GoDoc</a></li>
<li><a href="https://github.com/hajimehoshi/ebiten/wiki">Wiki</a> <li class="nav-item"><a class="nav-link" href="https://github.com/hajimehoshi/ebiten/wiki">Wiki</a>
</ul> </ul>
</nav> </nav>
</header> </div></header>
<main><div class="container"> <main><div class="container">
<h2>Ebiten example - hue</h2> <h2>Ebiten example - hue</h2>
<iframe src="hue.content.html" width="640" height="480"></iframe> <iframe src="hue.content.html" width="640" height="480"></iframe>
<pre><code class="language-go">// &#43;build example <pre class="card"><div class="card-body"><code class="language-go">// &#43;build example
package main package main
@ -71,7 +71,7 @@ func main() {
log.Fatal(err) log.Fatal(err)
} }
} }
</code></pre> </code></div></pre>
</div></main> </div></main>

22
docs/examples/infinitescroll.html
View File

@ -9,23 +9,23 @@
<script src="../scripts/googleanalytics.js"></script> <script src="../scripts/googleanalytics.js"></script>
<header class="navbar"><div class="container"> <header class="navbar"><div class="container">
<div class="navbar-header"> <nav class="d-flex flex-row" style="width: 100%;">
<a class="navbar-brand" href="..">Ebiten</a> <div class="mr-auto">
</div> <a class="navbar-brand" href="../">Ebiten</a>
<nav class="collapse navbar-collapse"> </div>
<ul class="nav navbar-nav navbar-right"> <ul class="nav">
<li><a href="https://github.com/hajimehoshi/ebiten">GitHub</a></li> <li class="nav-item"><a class="nav-link" href="https://github.com/hajimehoshi/ebiten">GitHub</a></li>
<li><a href="https://godoc.org/github.com/hajimehoshi/ebiten">GoDoc</a></li> <li class="nav-item"><a class="nav-link" href="https://godoc.org/github.com/hajimehoshi/ebiten">GoDoc</a></li>
<li><a href="https://github.com/hajimehoshi/ebiten/wiki">Wiki</a> <li class="nav-item"><a class="nav-link" href="https://github.com/hajimehoshi/ebiten/wiki">Wiki</a>
</ul> </ul>
</nav> </nav>
</header> </div></header>
<main><div class="container"> <main><div class="container">
<h2>Ebiten example - infinitescroll</h2> <h2>Ebiten example - infinitescroll</h2>
<iframe src="infinitescroll.content.html" width="640" height="480"></iframe> <iframe src="infinitescroll.content.html" width="640" height="480"></iframe>
<pre><code class="language-go">// &#43;build example <pre class="card"><div class="card-body"><code class="language-go">// &#43;build example
package main package main
@ -134,7 +134,7 @@ func main() {
log.Fatal(err) log.Fatal(err)
} }
} }
</code></pre> </code></div></pre>
</div></main> </div></main>

22
docs/examples/keyboard.html
View File

@ -9,23 +9,23 @@
<script src="../scripts/googleanalytics.js"></script> <script src="../scripts/googleanalytics.js"></script>
<header class="navbar"><div class="container"> <header class="navbar"><div class="container">
<div class="navbar-header"> <nav class="d-flex flex-row" style="width: 100%;">
<a class="navbar-brand" href="..">Ebiten</a> <div class="mr-auto">
</div> <a class="navbar-brand" href="../">Ebiten</a>
<nav class="collapse navbar-collapse"> </div>
<ul class="nav navbar-nav navbar-right"> <ul class="nav">
<li><a href="https://github.com/hajimehoshi/ebiten">GitHub</a></li> <li class="nav-item"><a class="nav-link" href="https://github.com/hajimehoshi/ebiten">GitHub</a></li>
<li><a href="https://godoc.org/github.com/hajimehoshi/ebiten">GoDoc</a></li> <li class="nav-item"><a class="nav-link" href="https://godoc.org/github.com/hajimehoshi/ebiten">GoDoc</a></li>
<li><a href="https://github.com/hajimehoshi/ebiten/wiki">Wiki</a> <li class="nav-item"><a class="nav-link" href="https://github.com/hajimehoshi/ebiten/wiki">Wiki</a>
</ul> </ul>
</nav> </nav>
</header> </div></header>
<main><div class="container"> <main><div class="container">
<h2>Ebiten example - keyboard</h2> <h2>Ebiten example - keyboard</h2>
<iframe src="keyboard.content.html" width="640" height="480"></iframe> <iframe src="keyboard.content.html" width="640" height="480"></iframe>
<pre><code class="language-go">// &#43;build example <pre class="card"><div class="card-body"><code class="language-go">// &#43;build example
package main package main
@ -136,7 +136,7 @@ func main() {
log.Fatal(err) log.Fatal(err)
} }
} }
</code></pre> </code></div></pre>
</div></main> </div></main>

22
docs/examples/life.html
View File

@ -9,23 +9,23 @@
<script src="../scripts/googleanalytics.js"></script> <script src="../scripts/googleanalytics.js"></script>
<header class="navbar"><div class="container"> <header class="navbar"><div class="container">
<div class="navbar-header"> <nav class="d-flex flex-row" style="width: 100%;">
<a class="navbar-brand" href="..">Ebiten</a> <div class="mr-auto">
</div> <a class="navbar-brand" href="../">Ebiten</a>
<nav class="collapse navbar-collapse"> </div>
<ul class="nav navbar-nav navbar-right"> <ul class="nav">
<li><a href="https://github.com/hajimehoshi/ebiten">GitHub</a></li> <li class="nav-item"><a class="nav-link" href="https://github.com/hajimehoshi/ebiten">GitHub</a></li>
<li><a href="https://godoc.org/github.com/hajimehoshi/ebiten">GoDoc</a></li> <li class="nav-item"><a class="nav-link" href="https://godoc.org/github.com/hajimehoshi/ebiten">GoDoc</a></li>
<li><a href="https://github.com/hajimehoshi/ebiten/wiki">Wiki</a> <li class="nav-item"><a class="nav-link" href="https://github.com/hajimehoshi/ebiten/wiki">Wiki</a>
</ul> </ul>
</nav> </nav>
</header> </div></header>
<main><div class="container"> <main><div class="container">
<h2>Ebiten example - life</h2> <h2>Ebiten example - life</h2>
<iframe src="life.content.html" width="640" height="480"></iframe> <iframe src="life.content.html" width="640" height="480"></iframe>
<pre><code class="language-go">// &#43;build example <pre class="card"><div class="card-body"><code class="language-go">// &#43;build example
package main package main
@ -186,7 +186,7 @@ func main() {
log.Fatal(err) log.Fatal(err)
} }
} }
</code></pre> </code></div></pre>
</div></main> </div></main>

22
docs/examples/masking.html
View File

@ -9,23 +9,23 @@
<script src="../scripts/googleanalytics.js"></script> <script src="../scripts/googleanalytics.js"></script>
<header class="navbar"><div class="container"> <header class="navbar"><div class="container">
<div class="navbar-header"> <nav class="d-flex flex-row" style="width: 100%;">
<a class="navbar-brand" href="..">Ebiten</a> <div class="mr-auto">
</div> <a class="navbar-brand" href="../">Ebiten</a>
<nav class="collapse navbar-collapse"> </div>
<ul class="nav navbar-nav navbar-right"> <ul class="nav">
<li><a href="https://github.com/hajimehoshi/ebiten">GitHub</a></li> <li class="nav-item"><a class="nav-link" href="https://github.com/hajimehoshi/ebiten">GitHub</a></li>
<li><a href="https://godoc.org/github.com/hajimehoshi/ebiten">GoDoc</a></li> <li class="nav-item"><a class="nav-link" href="https://godoc.org/github.com/hajimehoshi/ebiten">GoDoc</a></li>
<li><a href="https://github.com/hajimehoshi/ebiten/wiki">Wiki</a> <li class="nav-item"><a class="nav-link" href="https://github.com/hajimehoshi/ebiten/wiki">Wiki</a>
</ul> </ul>
</nav> </nav>
</header> </div></header>
<main><div class="container"> <main><div class="container">
<h2>Ebiten example - masking</h2> <h2>Ebiten example - masking</h2>
<iframe src="masking.content.html" width="640" height="480"></iframe> <iframe src="masking.content.html" width="640" height="480"></iframe>
<pre><code class="language-go">// &#43;build example <pre class="card"><div class="card-body"><code class="language-go">// &#43;build example
package main package main
@ -138,7 +138,7 @@ func main() {
log.Fatal(err) log.Fatal(err)
} }
} }
</code></pre> </code></div></pre>
</div></main> </div></main>

22
docs/examples/mosaic.html
View File

@ -9,23 +9,23 @@
<script src="../scripts/googleanalytics.js"></script> <script src="../scripts/googleanalytics.js"></script>
<header class="navbar"><div class="container"> <header class="navbar"><div class="container">
<div class="navbar-header"> <nav class="d-flex flex-row" style="width: 100%;">
<a class="navbar-brand" href="..">Ebiten</a> <div class="mr-auto">
</div> <a class="navbar-brand" href="../">Ebiten</a>
<nav class="collapse navbar-collapse"> </div>
<ul class="nav navbar-nav navbar-right"> <ul class="nav">
<li><a href="https://github.com/hajimehoshi/ebiten">GitHub</a></li> <li class="nav-item"><a class="nav-link" href="https://github.com/hajimehoshi/ebiten">GitHub</a></li>
<li><a href="https://godoc.org/github.com/hajimehoshi/ebiten">GoDoc</a></li> <li class="nav-item"><a class="nav-link" href="https://godoc.org/github.com/hajimehoshi/ebiten">GoDoc</a></li>
<li><a href="https://github.com/hajimehoshi/ebiten/wiki">Wiki</a> <li class="nav-item"><a class="nav-link" href="https://github.com/hajimehoshi/ebiten/wiki">Wiki</a>
</ul> </ul>
</nav> </nav>
</header> </div></header>
<main><div class="container"> <main><div class="container">
<h2>Ebiten example - mosaic</h2> <h2>Ebiten example - mosaic</h2>
<iframe src="mosaic.content.html" width="640" height="480"></iframe> <iframe src="mosaic.content.html" width="640" height="480"></iframe>
<pre><code class="language-go">// &#43;build example <pre class="card"><div class="card-body"><code class="language-go">// &#43;build example
package main package main
@ -74,7 +74,7 @@ func main() {
log.Fatal(err) log.Fatal(err)
} }
} }
</code></pre> </code></div></pre>
</div></main> </div></main>

22
docs/examples/noise.html
View File

@ -9,23 +9,23 @@
<script src="../scripts/googleanalytics.js"></script> <script src="../scripts/googleanalytics.js"></script>
<header class="navbar"><div class="container"> <header class="navbar"><div class="container">
<div class="navbar-header"> <nav class="d-flex flex-row" style="width: 100%;">
<a class="navbar-brand" href="..">Ebiten</a> <div class="mr-auto">
</div> <a class="navbar-brand" href="../">Ebiten</a>
<nav class="collapse navbar-collapse"> </div>
<ul class="nav navbar-nav navbar-right"> <ul class="nav">
<li><a href="https://github.com/hajimehoshi/ebiten">GitHub</a></li> <li class="nav-item"><a class="nav-link" href="https://github.com/hajimehoshi/ebiten">GitHub</a></li>
<li><a href="https://godoc.org/github.com/hajimehoshi/ebiten">GoDoc</a></li> <li class="nav-item"><a class="nav-link" href="https://godoc.org/github.com/hajimehoshi/ebiten">GoDoc</a></li>
<li><a href="https://github.com/hajimehoshi/ebiten/wiki">Wiki</a> <li class="nav-item"><a class="nav-link" href="https://github.com/hajimehoshi/ebiten/wiki">Wiki</a>
</ul> </ul>
</nav> </nav>
</header> </div></header>
<main><div class="container"> <main><div class="container">
<h2>Ebiten example - noise</h2> <h2>Ebiten example - noise</h2>
<iframe src="noise.content.html" width="640" height="480"></iframe> <iframe src="noise.content.html" width="640" height="480"></iframe>
<pre><code class="language-go">// &#43;build example <pre class="card"><div class="card-body"><code class="language-go">// &#43;build example
package main package main
@ -85,7 +85,7 @@ func main() {
log.Fatal(err) log.Fatal(err)
} }
} }
</code></pre> </code></div></pre>
</div></main> </div></main>

22
docs/examples/paint.html
View File

@ -9,23 +9,23 @@
<script src="../scripts/googleanalytics.js"></script> <script src="../scripts/googleanalytics.js"></script>
<header class="navbar"><div class="container"> <header class="navbar"><div class="container">
<div class="navbar-header"> <nav class="d-flex flex-row" style="width: 100%;">
<a class="navbar-brand" href="..">Ebiten</a> <div class="mr-auto">
</div> <a class="navbar-brand" href="../">Ebiten</a>
<nav class="collapse navbar-collapse"> </div>
<ul class="nav navbar-nav navbar-right"> <ul class="nav">
<li><a href="https://github.com/hajimehoshi/ebiten">GitHub</a></li> <li class="nav-item"><a class="nav-link" href="https://github.com/hajimehoshi/ebiten">GitHub</a></li>
<li><a href="https://godoc.org/github.com/hajimehoshi/ebiten">GoDoc</a></li> <li class="nav-item"><a class="nav-link" href="https://godoc.org/github.com/hajimehoshi/ebiten">GoDoc</a></li>
<li><a href="https://github.com/hajimehoshi/ebiten/wiki">Wiki</a> <li class="nav-item"><a class="nav-link" href="https://github.com/hajimehoshi/ebiten/wiki">Wiki</a>
</ul> </ul>
</nav> </nav>
</header> </div></header>
<main><div class="container"> <main><div class="container">
<h2>Ebiten example - paint</h2> <h2>Ebiten example - paint</h2>
<iframe src="paint.content.html" width="640" height="480"></iframe> <iframe src="paint.content.html" width="640" height="480"></iframe>
<pre><code class="language-go">// &#43;build example <pre class="card"><div class="card-body"><code class="language-go">// &#43;build example
package main package main
@ -110,7 +110,7 @@ func main() {
log.Fatal(err) log.Fatal(err)
} }
} }
</code></pre> </code></div></pre>
</div></main> </div></main>

22
docs/examples/perspective.html
View File

@ -9,23 +9,23 @@
<script src="../scripts/googleanalytics.js"></script> <script src="../scripts/googleanalytics.js"></script>
<header class="navbar"><div class="container"> <header class="navbar"><div class="container">
<div class="navbar-header"> <nav class="d-flex flex-row" style="width: 100%;">
<a class="navbar-brand" href="..">Ebiten</a> <div class="mr-auto">
</div> <a class="navbar-brand" href="../">Ebiten</a>
<nav class="collapse navbar-collapse"> </div>
<ul class="nav navbar-nav navbar-right"> <ul class="nav">
<li><a href="https://github.com/hajimehoshi/ebiten">GitHub</a></li> <li class="nav-item"><a class="nav-link" href="https://github.com/hajimehoshi/ebiten">GitHub</a></li>
<li><a href="https://godoc.org/github.com/hajimehoshi/ebiten">GoDoc</a></li> <li class="nav-item"><a class="nav-link" href="https://godoc.org/github.com/hajimehoshi/ebiten">GoDoc</a></li>
<li><a href="https://github.com/hajimehoshi/ebiten/wiki">Wiki</a> <li class="nav-item"><a class="nav-link" href="https://github.com/hajimehoshi/ebiten/wiki">Wiki</a>
</ul> </ul>
</nav> </nav>
</header> </div></header>
<main><div class="container"> <main><div class="container">
<h2>Ebiten example - perspective</h2> <h2>Ebiten example - perspective</h2>
<iframe src="perspective.content.html" width="640" height="480"></iframe> <iframe src="perspective.content.html" width="640" height="480"></iframe>
<pre><code class="language-go">// &#43;build example <pre class="card"><div class="card-body"><code class="language-go">// &#43;build example
package main package main
@ -79,7 +79,7 @@ func main() {
log.Fatal(err) log.Fatal(err)
} }
} }
</code></pre> </code></div></pre>
</div></main> </div></main>

22
docs/examples/piano.html
View File

@ -9,23 +9,23 @@
<script src="../scripts/googleanalytics.js"></script> <script src="../scripts/googleanalytics.js"></script>
<header class="navbar"><div class="container"> <header class="navbar"><div class="container">
<div class="navbar-header"> <nav class="d-flex flex-row" style="width: 100%;">
<a class="navbar-brand" href="..">Ebiten</a> <div class="mr-auto">
</div> <a class="navbar-brand" href="../">Ebiten</a>
<nav class="collapse navbar-collapse"> </div>
<ul class="nav navbar-nav navbar-right"> <ul class="nav">
<li><a href="https://github.com/hajimehoshi/ebiten">GitHub</a></li> <li class="nav-item"><a class="nav-link" href="https://github.com/hajimehoshi/ebiten">GitHub</a></li>
<li><a href="https://godoc.org/github.com/hajimehoshi/ebiten">GoDoc</a></li> <li class="nav-item"><a class="nav-link" href="https://godoc.org/github.com/hajimehoshi/ebiten">GoDoc</a></li>
<li><a href="https://github.com/hajimehoshi/ebiten/wiki">Wiki</a> <li class="nav-item"><a class="nav-link" href="https://github.com/hajimehoshi/ebiten/wiki">Wiki</a>
</ul> </ul>
</nav> </nav>
</header> </div></header>
<main><div class="container"> <main><div class="container">
<h2>Ebiten example - piano</h2> <h2>Ebiten example - piano</h2>
<iframe src="piano.content.html" width="640" height="480"></iframe> <iframe src="piano.content.html" width="640" height="480"></iframe>
<pre><code class="language-go">// &#43;build example <pre class="card"><div class="card-body"><code class="language-go">// &#43;build example
package main package main
@ -214,7 +214,7 @@ func main() {
log.Fatal(err) log.Fatal(err)
} }
} }
</code></pre> </code></div></pre>
</div></main> </div></main>

22
docs/examples/rotate.html
View File

@ -9,23 +9,23 @@
<script src="../scripts/googleanalytics.js"></script> <script src="../scripts/googleanalytics.js"></script>
<header class="navbar"><div class="container"> <header class="navbar"><div class="container">
<div class="navbar-header"> <nav class="d-flex flex-row" style="width: 100%;">
<a class="navbar-brand" href="..">Ebiten</a> <div class="mr-auto">
</div> <a class="navbar-brand" href="../">Ebiten</a>
<nav class="collapse navbar-collapse"> </div>
<ul class="nav navbar-nav navbar-right"> <ul class="nav">
<li><a href="https://github.com/hajimehoshi/ebiten">GitHub</a></li> <li class="nav-item"><a class="nav-link" href="https://github.com/hajimehoshi/ebiten">GitHub</a></li>
<li><a href="https://godoc.org/github.com/hajimehoshi/ebiten">GoDoc</a></li> <li class="nav-item"><a class="nav-link" href="https://godoc.org/github.com/hajimehoshi/ebiten">GoDoc</a></li>
<li><a href="https://github.com/hajimehoshi/ebiten/wiki">Wiki</a> <li class="nav-item"><a class="nav-link" href="https://github.com/hajimehoshi/ebiten/wiki">Wiki</a>
</ul> </ul>
</nav> </nav>
</header> </div></header>
<main><div class="container"> <main><div class="container">
<h2>Ebiten example - rotate</h2> <h2>Ebiten example - rotate</h2>
<iframe src="rotate.content.html" width="640" height="480"></iframe> <iframe src="rotate.content.html" width="640" height="480"></iframe>
<pre><code class="language-go">// &#43;build example <pre class="card"><div class="card-body"><code class="language-go">// &#43;build example
package main package main
@ -72,7 +72,7 @@ func main() {
log.Fatal(err) log.Fatal(err)
} }
} }
</code></pre> </code></div></pre>
</div></main> </div></main>

22
docs/examples/sprites.html
View File

@ -9,23 +9,23 @@
<script src="../scripts/googleanalytics.js"></script> <script src="../scripts/googleanalytics.js"></script>
<header class="navbar"><div class="container"> <header class="navbar"><div class="container">
<div class="navbar-header"> <nav class="d-flex flex-row" style="width: 100%;">
<a class="navbar-brand" href="..">Ebiten</a> <div class="mr-auto">
</div> <a class="navbar-brand" href="../">Ebiten</a>
<nav class="collapse navbar-collapse"> </div>
<ul class="nav navbar-nav navbar-right"> <ul class="nav">
<li><a href="https://github.com/hajimehoshi/ebiten">GitHub</a></li> <li class="nav-item"><a class="nav-link" href="https://github.com/hajimehoshi/ebiten">GitHub</a></li>
<li><a href="https://godoc.org/github.com/hajimehoshi/ebiten">GoDoc</a></li> <li class="nav-item"><a class="nav-link" href="https://godoc.org/github.com/hajimehoshi/ebiten">GoDoc</a></li>
<li><a href="https://github.com/hajimehoshi/ebiten/wiki">Wiki</a> <li class="nav-item"><a class="nav-link" href="https://github.com/hajimehoshi/ebiten/wiki">Wiki</a>
</ul> </ul>
</nav> </nav>
</header> </div></header>
<main><div class="container"> <main><div class="container">
<h2>Ebiten example - sprites</h2> <h2>Ebiten example - sprites</h2>
<iframe src="sprites.content.html" width="640" height="480"></iframe> <iframe src="sprites.content.html" width="640" height="480"></iframe>
<pre><code class="language-go">// &#43;build example <pre class="card"><div class="card-body"><code class="language-go">// &#43;build example
package main package main
@ -167,7 +167,7 @@ func main() {
log.Fatal(err) log.Fatal(err)
} }
} }
</code></pre> </code></div></pre>
</div></main> </div></main>

140
docs/index.html
View File

@ -10,20 +10,20 @@
<script src="./scripts/googleanalytics.js"></script> <script src="./scripts/googleanalytics.js"></script>
<header class="navbar"><div class="container"> <header class="navbar"><div class="container">
<div class="navbar-header"> <nav class="d-flex flex-row" style="width: 100%;">
<a class="navbar-brand" href="./">Ebiten</a> <div>
</div> <a class="navbar-brand" href="./">Ebiten</a>
<nav class="collapse navbar-collapse"> </div>
<ul class="nav navbar-nav"> <ul class="nav mr-auto">
<li><a href="#platforms">Platforms</a></li> <li class="nav-item"><a class="nav-link" href="#platforms">Platforms</a></li>
<li><a href="#features">Features</a></li> <li class="nav-item"><a class="nav-link" href="#features">Features</a></li>
<li><a href="#examples">Examples</a></li> <li class="nav-item"><a class="nav-link" href="#examples">Examples</a></li>
<li><a href="#getting-started">Getting Started</a></li> <li class="nav-item"><a class="nav-link" href="#getting-started">Getting Started</a></li>
</ul> </ul>
<ul class="nav navbar-nav navbar-right"> <ul class="nav">
<li><a href="https://github.com/hajimehoshi/ebiten">GitHub</a></li> <li class="nav-item"><a class="nav-link" href="https://github.com/hajimehoshi/ebiten">GitHub</a></li>
<li><a href="https://godoc.org/github.com/hajimehoshi/ebiten">GoDoc</a></li> <li class="nav-item"><a class="nav-link" href="https://godoc.org/github.com/hajimehoshi/ebiten">GoDoc</a></li>
<li><a href="https://github.com/hajimehoshi/ebiten/wiki">Wiki</a> <li class="nav-item"><a class="nav-link" href="https://github.com/hajimehoshi/ebiten/wiki">Wiki</a>
</ul> </ul>
</nav> </nav>
</div></header> </div></header>
@ -34,74 +34,74 @@
<p>Stable version: v1.5.1 / Development version: v1.6.0-alpha</p> <p>Stable version: v1.5.1 / Development version: v1.6.0-alpha</p>
<h2 id="platforms">Platforms</h2> <h2 id="platforms">Platforms</h2>
<dl class="dl-horizontal"> <dl class="row">
<dt>Desktops</dt> <dt class="col-2 text-right">Desktops</dt>
<dd><a href="https://github.com/hajimehoshi/ebiten/wiki/Windows">Windows</a>, <a href="https://github.com/hajimehoshi/ebiten/wiki/macOS">macOS</a>, <a href="https://github.com/hajimehoshi/ebiten/wiki/Linux">Linux</a>, <a href="https://github.com/hajimehoshi/ebiten/wiki/FreeBSD">FreeBSD</a></dd> <dd class="col-10"><a href="https://github.com/hajimehoshi/ebiten/wiki/Windows">Windows</a>, <a href="https://github.com/hajimehoshi/ebiten/wiki/macOS">macOS</a>, <a href="https://github.com/hajimehoshi/ebiten/wiki/Linux">Linux</a>, <a href="https://github.com/hajimehoshi/ebiten/wiki/FreeBSD">FreeBSD</a></dd>
<dt>Mobiles</dt> <dt class="col-2 text-right">Mobiles</dt>
<dd><a href="https://github.com/hajimehoshi/ebiten/wiki/Android">Android</a>, <a href="https://github.com/hajimehoshi/ebiten/wiki/iOS">iOS</a></dd> <dd class="col-10"><a href="https://github.com/hajimehoshi/ebiten/wiki/Android">Android</a>, <a href="https://github.com/hajimehoshi/ebiten/wiki/iOS">iOS</a></dd>
<dt>Web browsers</dt> <dt class="col-2 text-right">Web browsers</dt>
<dd><a href="https://github.com/hajimehoshi/ebiten/wiki/Web-Browsers">Chrome, Firefox and Safari on desktops</a> (powered by <a href="http://gopherjs.org/">GopherJS</a>)</dd> <dd class="col-10"><a href="https://github.com/hajimehoshi/ebiten/wiki/Web-Browsers">Chrome, Firefox and Safari on desktops</a> (powered by <a href="http://gopherjs.org/">GopherJS</a>)</dd>
</dl> </dl>
<p><small>Note: Gamepads is not available on Safari/Android/iOS. Keyboard is not available on Android/iOS.</small></p> <p><small>Note: Gamepads is not available on Safari/Android/iOS. Keyboard is not available on Android/iOS.</small></p>
<h2 id="features">Features</h2> <h2 id="features">Features</h2>
<dl class="dl-horizontal"> <dl class="row">
<dt>2D Graphics</dt> <dt class="col-2 text-right">2D Graphics</dt>
<dd>Geometry/Color matrix transformation, Various composition modes, Offscreen rendering, Fullscreen, Text rendering</dd> <dd class="col-10">Geometry/Color matrix transformation, Various composition modes, Offscreen rendering, Fullscreen, Text rendering</dd>
<dt>Input</dt> <dt class="col-2 text-right">Input</dt>
<dd>Mouse, Keyboard, Gamepads, Touches</dd> <dd class="col-10">Mouse, Keyboard, Gamepads, Touches</dd>
<dt>Audio</dt> <dt class="col-2 text-right">Audio</dt>
<dd>MP3, Ogg/Vorbis, WAV, PCM, Syncing with game progress</dd> <dd class="col-10">MP3, Ogg/Vorbis, WAV, PCM, Syncing with game progress</dd>
</dl> </dl>
<h2 id="examples">Examples</h2> <h2 id="examples">Examples</h2>
<div class="row"> <div class="row">
<div class="col-md-3"> <div class="col-3">
<a class="thumbnail" scrolling="no" href="examples/alphablending.html"><img src="images/examples/alphablending.png" width="320" height="240" alt="Ebiten example: alphablending" class="example"></a> <a scrolling="no" href="examples/alphablending.html"><img src="images/examples/alphablending.png" width="320" height="240" alt="Ebiten example: alphablending" class="img-thumbnail example"></a>
</div><div class="col-md-3"> </div><div class="col-3">
<a class="thumbnail" scrolling="no" href="examples/audio.html"><img src="images/examples/audio.png" width="320" height="240" alt="Ebiten example: audio" class="example"></a> <a scrolling="no" href="examples/audio.html"><img src="images/examples/audio.png" width="320" height="240" alt="Ebiten example: audio" class="img-thumbnail example"></a>
</div><div class="col-md-3"> </div><div class="col-3">
<a class="thumbnail" scrolling="no" href="examples/font.html"><img src="images/examples/font.png" width="320" height="240" alt="Ebiten example: font" class="example"></a> <a scrolling="no" href="examples/font.html"><img src="images/examples/font.png" width="320" height="240" alt="Ebiten example: font" class="img-thumbnail example"></a>
</div><div class="col-md-3"> </div><div class="col-3">
<a class="thumbnail" scrolling="no" href="examples/hsv.html"><img src="images/examples/hsv.png" width="320" height="240" alt="Ebiten example: hsv" class="example"></a> <a scrolling="no" href="examples/hsv.html"><img src="images/examples/hsv.png" width="320" height="240" alt="Ebiten example: hsv" class="img-thumbnail example"></a>
</div><div class="col-md-3"> </div><div class="col-3">
<a class="thumbnail" scrolling="no" href="examples/hue.html"><img src="images/examples/hue.png" width="320" height="240" alt="Ebiten example: hue" class="example"></a> <a scrolling="no" href="examples/hue.html"><img src="images/examples/hue.png" width="320" height="240" alt="Ebiten example: hue" class="img-thumbnail example"></a>
</div><div class="col-md-3"> </div><div class="col-3">
<a class="thumbnail" scrolling="no" href="examples/gamepad.html"><img src="images/examples/gamepad.png" width="320" height="240" alt="Ebiten example: gamepad" class="example"></a> <a scrolling="no" href="examples/gamepad.html"><img src="images/examples/gamepad.png" width="320" height="240" alt="Ebiten example: gamepad" class="img-thumbnail example"></a>
</div><div class="col-md-3"> </div><div class="col-3">
<a class="thumbnail" scrolling="no" href="examples/infinitescroll.html"><img src="images/examples/infinitescroll.png" width="320" height="240" alt="Ebiten example: infinitescroll" class="example"></a> <a scrolling="no" href="examples/infinitescroll.html"><img src="images/examples/infinitescroll.png" width="320" height="240" alt="Ebiten example: infinitescroll" class="img-thumbnail example"></a>
</div><div class="col-md-3"> </div><div class="col-3">
<a class="thumbnail" scrolling="no" href="examples/keyboard.html"><img src="images/examples/keyboard.png" width="320" height="240" alt="Ebiten example: keyboard" class="example"></a> <a scrolling="no" href="examples/keyboard.html"><img src="images/examples/keyboard.png" width="320" height="240" alt="Ebiten example: keyboard" class="img-thumbnail example"></a>
</div><div class="col-md-3"> </div><div class="col-3">
<a class="thumbnail" scrolling="no" href="examples/life.html"><img src="images/examples/life.png" width="320" height="240" alt="Ebiten example: life" class="example"></a> <a scrolling="no" href="examples/life.html"><img src="images/examples/life.png" width="320" height="240" alt="Ebiten example: life" class="img-thumbnail example"></a>
</div><div class="col-md-3"> </div><div class="col-3">
<a class="thumbnail" scrolling="no" href="examples/masking.html"><img src="images/examples/masking.png" width="320" height="240" alt="Ebiten example: masking" class="example"></a> <a scrolling="no" href="examples/masking.html"><img src="images/examples/masking.png" width="320" height="240" alt="Ebiten example: masking" class="img-thumbnail example"></a>
</div><div class="col-md-3"> </div><div class="col-3">
<a class="thumbnail" scrolling="no" href="examples/mosaic.html"><img src="images/examples/mosaic.png" width="320" height="240" alt="Ebiten example: mosaic" class="example"></a> <a scrolling="no" href="examples/mosaic.html"><img src="images/examples/mosaic.png" width="320" height="240" alt="Ebiten example: mosaic" class="img-thumbnail example"></a>
</div><div class="col-md-3"> </div><div class="col-3">
<a class="thumbnail" scrolling="no" href="examples/noise.html"><img src="images/examples/noise.png" width="320" height="240" alt="Ebiten example: noise" class="example"></a> <a scrolling="no" href="examples/noise.html"><img src="images/examples/noise.png" width="320" height="240" alt="Ebiten example: noise" class="img-thumbnail example"></a>
</div><div class="col-md-3"> </div><div class="col-3">
<a class="thumbnail" scrolling="no" href="examples/paint.html"><img src="images/examples/paint.png" width="320" height="240" alt="Ebiten example: paint" class="example"></a> <a scrolling="no" href="examples/paint.html"><img src="images/examples/paint.png" width="320" height="240" alt="Ebiten example: paint" class="img-thumbnail example"></a>
</div><div class="col-md-3"> </div><div class="col-3">
<a class="thumbnail" scrolling="no" href="examples/perspective.html"><img src="images/examples/perspective.png" width="320" height="240" alt="Ebiten example: perspective" class="example"></a> <a scrolling="no" href="examples/perspective.html"><img src="images/examples/perspective.png" width="320" height="240" alt="Ebiten example: perspective" class="img-thumbnail example"></a>
</div><div class="col-md-3"> </div><div class="col-3">
<a class="thumbnail" scrolling="no" href="examples/piano.html"><img src="images/examples/piano.png" width="320" height="240" alt="Ebiten example: piano" class="example"></a> <a scrolling="no" href="examples/piano.html"><img src="images/examples/piano.png" width="320" height="240" alt="Ebiten example: piano" class="img-thumbnail example"></a>
</div><div class="col-md-3"> </div><div class="col-3">
<a class="thumbnail" scrolling="no" href="examples/rotate.html"><img src="images/examples/rotate.png" width="320" height="240" alt="Ebiten example: rotate" class="example"></a> <a scrolling="no" href="examples/rotate.html"><img src="images/examples/rotate.png" width="320" height="240" alt="Ebiten example: rotate" class="img-thumbnail example"></a>
</div><div class="col-md-3"> </div><div class="col-3">
<a class="thumbnail" scrolling="no" href="examples/sprites.html"><img src="images/examples/sprites.png" width="320" height="240" alt="Ebiten example: sprites" class="example"></a> <a scrolling="no" href="examples/sprites.html"><img src="images/examples/sprites.png" width="320" height="240" alt="Ebiten example: sprites" class="img-thumbnail example"></a>
</div><div class="col-md-3"> </div><div class="col-3">
<a class="thumbnail" scrolling="no" href="examples/2048.html"><img src="images/examples/2048.png" width="210" height="300" alt="Ebiten example: 2048" class="example"></a> <a scrolling="no" href="examples/2048.html"><img src="images/examples/2048.png" width="210" height="300" alt="Ebiten example: 2048" class="img-thumbnail example"></a>
</div><div class="col-md-3"> </div><div class="col-3">
<a class="thumbnail" scrolling="no" href="examples/blocks.html"><img src="images/examples/blocks.png" width="256" height="240" alt="Ebiten example: blocks" class="example"></a> <a scrolling="no" href="examples/blocks.html"><img src="images/examples/blocks.png" width="256" height="240" alt="Ebiten example: blocks" class="img-thumbnail example"></a>
</div> </div>
</div> </div>
<p><a href="https://blog.golang.org/go-programming-language-turns-two">The Gopher photographs by Chris Nokleberg</a> are licensed under <a href="https://creativecommons.org/licenses/by/3.0/">the Creative Commons 3.0 Attributions License</a>.</p> <p><a href="https://blog.golang.org/go-programming-language-turns-two">The Gopher photographs by Chris Nokleberg</a> are licensed under <a href="https://creativecommons.org/licenses/by/3.0/">the Creative Commons 3.0 Attributions License</a>.</p>
<h3>Execute the examples</h2> <h3>Execute the examples</h2>
<pre><code class="language-bash">:; go get github.com/hajimehoshi/ebiten/... <pre class="card"><div class="card-body"><code class="language-bash">go get github.com/hajimehoshi/ebiten/...
:; cd $GOPATH/src/github.com/hajimehoshi/ebiten/examples cd $GOPATH/src/github.com/hajimehoshi/ebiten/examples
:; go run -tags=example rotate/main.go</code></pre> go run -tags=example rotate/main.go</div></code></pre>
<p>Note that you need to add <code>-tags=example</code> to run examples.</p> <p>Note that you need to add <code>-tags=example</code> to run examples.</p>
<h2 id="getting-started">Getting Started</h2> <h2 id="getting-started">Getting Started</h2>
@ -111,7 +111,7 @@ First create a new directory (<code>mkdir hello_world</code>), and change
into it (<code>cd hello_world</code>). Type the following code into into it (<code>cd hello_world</code>). Type the following code into
the <code>main.go</code> file:</p> the <code>main.go</code> file:</p>
<pre><code class="language-go">package main <pre class="card"><div class="card-body"><code class="language-go">package main
import ( import (
"github.com/hajimehoshi/ebiten" "github.com/hajimehoshi/ebiten"
@ -126,7 +126,7 @@ func update(screen *ebiten.Image) error {
func main() { func main() {
ebiten.Run(update, 320, 240, 2, "Hello world!") ebiten.Run(update, 320, 240, 2, "Hello world!")
} }
</code></pre> </div></code></pre>
<p>Run the <code>go run</code> command to start the <p>Run the <code>go run</code> command to start the
game. There you have it, your first Ebiten game!</p> game. There you have it, your first Ebiten game!</p>

7
docs/stylesheets/bootstrap.min.css vendored
View File

File diff suppressed because one or more lines are too long

14
docs/stylesheets/ebiten.css
View File

@ -6,6 +6,10 @@ body {
font-family: 'Roboto', sans-serif; font-family: 'Roboto', sans-serif;
} }
h1, h2 {
margin-top: 1rem;
}
h1, h2, h3, h4, h5, h6, .navbar, .lead { h1, h2, h3, h4, h5, h6, .navbar, .lead {
font-family: 'Play', sans-serif; font-family: 'Play', sans-serif;
} }
@ -16,6 +20,11 @@ h1, h2, h3, h4, h5, h6, .navbar-brand {
img.example { img.example {
background-color: #000; background-color: #000;
border-color: #666;
border-style: solid;
border-width: 1px;
margin-bottom: 1rem;
padding: 0;
} }
header { header {
@ -29,8 +38,9 @@ header a {
footer { footer {
background-color: #666; background-color: #666;
color: #fff; color: #fff;
margin-top: 1.42857143em; margin-top: 1.42857143rem;
padding-top: 1em; padding-top: 1rem;
padding-bottom: 1px;
} }
footer a { footer a {