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

doc: Add a link to 'Clock of Atonement'

Browse Source
This commit is contained in:
Hajime Hoshi 2017-09-10 00:24:43 +09:00
parent 45af07d08b
commit 826543bbdf
4 changed files with 37 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
_docs/index.tmpl.html
View File

@ -18,6 +18,7 @@
<li class="nav-item"><a class="nav-link" href="#platforms">Platforms</a></li> <li class="nav-item"><a class="nav-link" href="#platforms">Platforms</a></li>
<li class="nav-item"><a class="nav-link" href="#features">Features</a></li> <li class="nav-item"><a class="nav-link" href="#features">Features</a></li>
<li class="nav-item"><a class="nav-link" href="#examples">Examples</a></li> <li class="nav-item"><a class="nav-link" href="#examples">Examples</a></li>
<li class="nav-item"><a class="nav-link" href="#projects-with-ebiten">Projects with Ebiten</a></li>
<li class="nav-item"><a class="nav-link" 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"> <ul class="nav">
@ -61,7 +62,7 @@
<div class="row"> <div class="row">
{{range .Examples -}} {{range .Examples -}}
<div class="col-3"> <div class="col-3">
<a href="examples/{{.Name}}.html"><img src="images/examples/{{.Name}}.png" width="{{.ThumbWidth}}" height="{{.ThumbHeight}}" alt="Ebiten example: {{.Name}}" class="img-thumbnail example"></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> </div>
{{- end}} {{- end}}
</div> </div>
@ -73,6 +74,13 @@ cd $GOPATH/src/github.com/hajimehoshi/ebiten/examples
go run -tags=example rotate/main.go</code></pre></div> go run -tags=example rotate/main.go</code></pre></div>
<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="projects-with-ebiten">Projects with Ebiten</h2>
<div class="row">
<div class="col-3">
<a href="http://blockbros.net/tsugunai/"><img src="images/projects/clock_of_atonement.png" width="400" height="400" alt="Clock of Atonement" class="img-thumbnail"></a>
</div>
</div>
<h2 id="getting-started">Getting Started</h2> <h2 id="getting-started">Getting Started</h2>
<p>Let's build a simple "Hello world!" game to get started with Ebiten. <p>Let's build a simple "Hello world!" game to get started with Ebiten.

BIN
docs/images/projects/clock_of_atonement.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 59 KiB

46
docs/index.html
View File

@ -18,6 +18,7 @@
<li class="nav-item"><a class="nav-link" href="#platforms">Platforms</a></li> <li class="nav-item"><a class="nav-link" href="#platforms">Platforms</a></li>
<li class="nav-item"><a class="nav-link" href="#features">Features</a></li> <li class="nav-item"><a class="nav-link" href="#features">Features</a></li>
<li class="nav-item"><a class="nav-link" href="#examples">Examples</a></li> <li class="nav-item"><a class="nav-link" href="#examples">Examples</a></li>
<li class="nav-item"><a class="nav-link" href="#projects-with-ebiten">Projects with Ebiten</a></li>
<li class="nav-item"><a class="nav-link" 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"> <ul class="nav">
@ -60,43 +61,43 @@
<h2 id="examples">Examples</h2> <h2 id="examples">Examples</h2>
<div class="row"> <div class="row">
<div class="col-3"> <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 example"></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"> </div><div class="col-3">
<a href="examples/audio.html"><img src="images/examples/audio.png" width="320" height="240" alt="Ebiten example: audio" class="img-thumbnail example"></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"> </div><div class="col-3">
<a href="examples/font.html"><img src="images/examples/font.png" width="320" height="240" alt="Ebiten example: font" class="img-thumbnail example"></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"> </div><div class="col-3">
<a href="examples/hsv.html"><img src="images/examples/hsv.png" width="320" height="240" alt="Ebiten example: hsv" class="img-thumbnail example"></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"> </div><div class="col-3">
<a href="examples/hue.html"><img src="images/examples/hue.png" width="320" height="240" alt="Ebiten example: hue" class="img-thumbnail example"></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"> </div><div class="col-3">
<a href="examples/gamepad.html"><img src="images/examples/gamepad.png" width="320" height="240" alt="Ebiten example: gamepad" class="img-thumbnail example"></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"> </div><div class="col-3">
<a href="examples/infinitescroll.html"><img src="images/examples/infinitescroll.png" width="320" height="240" alt="Ebiten example: infinitescroll" class="img-thumbnail example"></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"> </div><div class="col-3">
<a href="examples/keyboard.html"><img src="images/examples/keyboard.png" width="320" height="240" alt="Ebiten example: keyboard" class="img-thumbnail example"></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/life.html"><img src="images/examples/life.png" width="320" height="240" alt="Ebiten example: life" class="img-thumbnail example"></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"> </div><div class="col-3">
<a href="examples/masking.html"><img src="images/examples/masking.png" width="320" height="240" alt="Ebiten example: masking" class="img-thumbnail example"></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"> </div><div class="col-3">
<a href="examples/mosaic.html"><img src="images/examples/mosaic.png" width="320" height="240" alt="Ebiten example: mosaic" class="img-thumbnail example"></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"> </div><div class="col-3">
<a href="examples/noise.html"><img src="images/examples/noise.png" width="320" height="240" alt="Ebiten example: noise" class="img-thumbnail example"></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"> </div><div class="col-3">
<a href="examples/paint.html"><img src="images/examples/paint.png" width="320" height="240" alt="Ebiten example: paint" class="img-thumbnail example"></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"> </div><div class="col-3">
<a href="examples/perspective.html"><img src="images/examples/perspective.png" width="320" height="240" alt="Ebiten example: perspective" class="img-thumbnail example"></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"> </div><div class="col-3">
<a href="examples/piano.html"><img src="images/examples/piano.png" width="320" height="240" alt="Ebiten example: piano" class="img-thumbnail example"></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"> </div><div class="col-3">
<a href="examples/rotate.html"><img src="images/examples/rotate.png" width="320" height="240" alt="Ebiten example: rotate" class="img-thumbnail example"></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"> </div><div class="col-3">
<a href="examples/sprites.html"><img src="images/examples/sprites.png" width="320" height="240" alt="Ebiten example: sprites" class="img-thumbnail example"></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"> </div><div class="col-3">
<a href="examples/2048.html"><img src="images/examples/2048.png" width="210" height="300" alt="Ebiten example: 2048" class="img-thumbnail example"></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"> </div><div class="col-3">
<a href="examples/blocks.html"><img src="images/examples/blocks.png" width="256" height="240" alt="Ebiten example: blocks" class="img-thumbnail example"></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>
</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>
@ -107,6 +108,13 @@ cd $GOPATH/src/github.com/hajimehoshi/ebiten/examples
go run -tags=example rotate/main.go</code></pre></div> go run -tags=example rotate/main.go</code></pre></div>
<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="projects-with-ebiten">Projects with Ebiten</h2>
<div class="row">
<div class="col-3">
<a href="http://blockbros.net/tsugunai/"><img src="images/projects/clock_of_atonement.png" width="400" height="400" alt="Clock of Atonement" class="img-thumbnail"></a>
</div>
</div>
<h2 id="getting-started">Getting Started</h2> <h2 id="getting-started">Getting Started</h2>
<p>Let's build a simple "Hello world!" game to get started with Ebiten. <p>Let's build a simple "Hello world!" game to get started with Ebiten.

2
docs/stylesheets/ebiten.css
View File

@ -19,7 +19,7 @@ dt {
font-weight: normal; font-weight: normal;
} }
img.example { .img-thumbnail {
background-color: #000; background-color: #000;
border-color: #657378; border-color: #657378;
border-style: solid; border-style: solid;