docs: Add 'animation' example

This commit is contained in:
Hajime Hoshi 2018-10-11 01:39:47 +09:00
parent e6d385133a
commit 4813650735
4 changed files with 43 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: "animation", ThumbWidth: 320, ThumbHeight: 240},
{Name: "blur", 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},

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/animation.png">
<meta name="description" content="Ebiten example - animation">
<link rel="shortcut icon" href="../favicon.png" type="image/png" >
<link rel="icon" href="../favicon.png" type="image/png" >
<title>Ebiten example - animation</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 - animation</h2>
<iframe src="https://jsgo.io/github.com/hajimehoshi/ebiten/examples/animation" width="640" height="480" allow="autoplay"></iframe>
<p><a href="https://play.jsgo.io/github.com/hajimehoshi/ebiten/examples/animation">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: 1.2 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/animation.html"><img src="images/examples/animation.png" width="320" height="240" alt="Ebiten example: animation" class="img-thumbnail"></a>
</div><div class="col-3"> </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> <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">