docs: Add examples

This commit is contained in:
Hajime Hoshi 2018-09-30 23:21:25 +09:00
parent 502919dea0
commit 5f87cc8acb
6 changed files with 86 additions and 0 deletions

View File

@ -135,6 +135,7 @@ var (
graphicsExamples = []example{ graphicsExamples = []example{
{Name: "airship", ThumbWidth: 320, ThumbHeight: 240}, {Name: "airship", ThumbWidth: 320, ThumbHeight: 240},
{Name: "alphablending", ThumbWidth: 320, ThumbHeight: 240}, {Name: "alphablending", ThumbWidth: 320, ThumbHeight: 240},
{Name: "blur", ThumbWidth: 320, ThumbHeight: 240},
{Name: "drag", ThumbWidth: 320, ThumbHeight: 240}, {Name: "drag", ThumbWidth: 320, ThumbHeight: 240},
{Name: "filter", ThumbWidth: 320, ThumbHeight: 240}, {Name: "filter", ThumbWidth: 320, ThumbHeight: 240},
{Name: "flood", ThumbWidth: 320, ThumbHeight: 240}, {Name: "flood", ThumbWidth: 320, ThumbHeight: 240},
@ -159,6 +160,7 @@ var (
{Name: "gamepad", ThumbWidth: 320, ThumbHeight: 240}, {Name: "gamepad", ThumbWidth: 320, ThumbHeight: 240},
{Name: "keyboard", ThumbWidth: 320, ThumbHeight: 240}, {Name: "keyboard", ThumbWidth: 320, ThumbHeight: 240},
{Name: "typewriter", ThumbWidth: 320, ThumbHeight: 240}, {Name: "typewriter", ThumbWidth: 320, ThumbHeight: 240},
{Name: "wheel", ThumbWidth: 320, ThumbHeight: 240},
} }
audioExamples = []example{ audioExamples = []example{
{Name: "audio", ThumbWidth: 320, ThumbHeight: 240}, {Name: "audio", ThumbWidth: 320, ThumbHeight: 240},

40
docs/examples/blur.html Normal file
View File

@ -0,0 +1,40 @@
<!DOCTYPE html>
<meta charset="utf-8">
<meta property="og:image" itemprop="image primaryImageOfPage" content="https://hajimehoshi.github.io/ebiten/images/examples/blur.png">
<meta name="description" content="Ebiten example - blur">
<link rel="shortcut icon" href="../favicon.png" type="image/png" >
<link rel="icon" href="../favicon.png" type="image/png" >
<title>Ebiten example - blur</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>
</ul>
</nav>
</div></nav>
<main><div class="container">
<h2>Ebiten example - blur</h2>
<iframe src="https://jsgo.io/github.com/hajimehoshi/ebiten/examples/blur" width="640" height="480" allow="autoplay"></iframe>
<p><a href="https://play.jsgo.io/github.com/hajimehoshi/ebiten/examples/blur">Go Playground page</a></p>
</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>

40
docs/examples/wheel.html Normal file
View File

@ -0,0 +1,40 @@
<!DOCTYPE html>
<meta charset="utf-8">
<meta property="og:image" itemprop="image primaryImageOfPage" content="https://hajimehoshi.github.io/ebiten/images/examples/wheel.png">
<meta name="description" content="Ebiten example - wheel">
<link rel="shortcut icon" href="../favicon.png" type="image/png" >
<link rel="icon" href="../favicon.png" type="image/png" >
<title>Ebiten example - wheel</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>
</ul>
</nav>
</div></nav>
<main><div class="container">
<h2>Ebiten example - wheel</h2>
<iframe src="https://jsgo.io/github.com/hajimehoshi/ebiten/examples/wheel" width="640" height="480" allow="autoplay"></iframe>
<p><a href="https://play.jsgo.io/github.com/hajimehoshi/ebiten/examples/wheel">Go Playground page</a></p>
</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>

Binary file not shown.

After

Width:  |  Height:  |  Size: 254 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 KiB

View File

@ -75,6 +75,8 @@
<a href="./examples/airship.html"><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"> </div><div class="col-3">
<a href="./examples/alphablending.html"><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="./examples/blur.html"><img src="images/examples/blur.png" width="320" height="240" alt="Ebiten example: blur" class="img-thumbnail"></a>
</div><div class="col-3"> </div><div class="col-3">
<a href="./examples/drag.html"><img src="images/examples/drag.png" width="320" height="240" alt="Ebiten example: drag" class="img-thumbnail"></a> <a href="./examples/drag.html"><img src="images/examples/drag.png" width="320" height="240" alt="Ebiten example: drag" class="img-thumbnail"></a>
</div><div class="col-3"> </div><div class="col-3">
@ -123,6 +125,8 @@
<a href="./examples/keyboard.html"><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"> </div><div class="col-3">
<a href="./examples/typewriter.html"><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 class="col-3">
<a href="./examples/wheel.html"><img src="images/examples/wheel.png" width="320" height="240" alt="Ebiten example: wheel" class="img-thumbnail"></a>
</div> </div>
</div> </div>
<h3>Audio</h3> <h3>Audio</h3>