ebiten/docs/examples/mosaic.html

110 lines
4.1 KiB
HTML
Raw Normal View History

2015-01-05 16:44:39 +01:00
<!DOCTYPE html>
2017-08-18 16:26:17 +02:00
<meta charset="utf-8">
2017-08-18 16:43:08 +02:00
<meta property="og:image" itemprop="image primaryImageOfPage" content="https://hajimehoshi.github.io/ebiten/images/examples/mosaic.png">
<meta name="description" content="Ebiten example - mosaic">
2015-01-08 18:48:25 +01:00
<link rel="shortcut icon" href="../favicon.png" type="image/png" >
<link rel="icon" href="../favicon.png" type="image/png" >
2015-01-08 19:29:59 +01:00
<title>Ebiten example - mosaic</title>
2017-08-18 16:26:17 +02:00
2016-08-27 17:48:15 +02:00
<link rel="stylesheet" href="../stylesheets/bootstrap.min.css">
<link rel="stylesheet" href="../stylesheets/highlight-github.css">
<link rel="stylesheet" href="../stylesheets/ebiten.css">
2016-09-02 18:55:07 +02:00
<script src="../scripts/googleanalytics.js"></script>
2016-08-26 19:28:57 +02:00
2017-08-17 20:00:05 +02:00
<nav class="navbar"><div class="container">
2017-08-17 18:22:19 +02:00
<nav class="d-flex flex-row" style="width: 100%;">
2017-08-17 20:00:05 +02:00
<div class="nav mr-auto"><a class="navbar-brand" href="../"><img src="../images/logo_white.svg" alt="EBITEN"></a></div>
2017-08-17 18:22:19 +02:00
<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>
<li class="nav-item"><a class="nav-link" href="https://ebiten-playground.github.io/">Playground</a>
2016-08-26 19:37:08 +02:00
</ul>
</nav>
2017-08-17 20:00:05 +02:00
</div></nav>
2015-01-08 15:45:30 +01:00
2016-08-26 19:28:57 +02:00
<main><div class="container">
2016-08-26 20:18:16 +02:00
<h2>Ebiten example - mosaic</h2>
2016-08-26 19:28:57 +02:00
<iframe src="mosaic.content.html" width="640" height="480"></iframe>
2018-03-21 06:34:48 +01:00
<div class="card"><pre class="card-body"><code class="language-go">// &#43;build example jsgo
2016-08-26 16:33:36 +02:00
package main
2015-01-08 15:45:30 +01:00
import (
2018-03-21 06:34:48 +01:00
&#34;bytes&#34;
&#34;image&#34;
2016-08-26 22:36:52 +02:00
_ &#34;image/jpeg&#34;
&#34;log&#34;
2016-02-15 17:13:04 +01:00
2016-08-26 22:36:52 +02:00
&#34;github.com/hajimehoshi/ebiten&#34;
2018-03-21 06:34:48 +01:00
&#34;github.com/hajimehoshi/ebiten/examples/resources/images&#34;
2015-01-08 15:45:30 +01:00
)
const (
2016-08-26 22:36:52 +02:00
screenWidth = 320
screenHeight = 240
2015-01-08 15:45:30 +01:00
)
const mosaicRatio = 16
var (
2016-08-26 22:36:52 +02:00
gophersImage *ebiten.Image
gophersRenderTarget *ebiten.Image
2015-01-08 15:45:30 +01:00
)
2018-01-29 15:39:30 +01:00
func init() {
2018-03-21 06:34:48 +01:00
// Decode image from a byte slice instead of a file so that
// this example works in any working directory.
// If you want to use a file, there are some options:
// 1) Use os.Open and pass the file to the image decoder.
// This is a very regular way, but doesn&#39;t work on browsers.
// 2) Use ebitenutil.OpenFile and pass the file to the image decoder.
// This works even on browsers.
// 3) Use ebitenutil.NewImageFromFile to create an ebiten.Image directly from a file.
// This also works on browsers.
img, _, err := image.Decode(bytes.NewReader(images.Gophers_jpg))
2018-01-29 15:39:30 +01:00
if err != nil {
log.Fatal(err)
}
2018-03-21 06:34:48 +01:00
gophersImage, _ = ebiten.NewImageFromImage(img, ebiten.FilterDefault)
2018-01-29 15:39:30 +01:00
}
2015-01-08 15:45:30 +01:00
func update(screen *ebiten.Image) error {
2017-05-16 03:38:34 +02:00
if ebiten.IsRunningSlowly() {
return nil
}
2018-01-29 15:39:30 +01:00
// Shrink the image once.
2016-08-26 22:36:52 +02:00
op := &amp;ebiten.DrawImageOptions{}
op.GeoM.Scale(1.0/mosaicRatio, 1.0/mosaicRatio)
2017-03-04 15:27:25 +01:00
gophersRenderTarget.DrawImage(gophersImage, op)
2018-01-29 15:39:30 +01:00
// Enlarge the shrunk image.
// The filter is the nearest filter, so the result will be mosaic.
2016-08-26 22:36:52 +02:00
op = &amp;ebiten.DrawImageOptions{}
op.GeoM.Scale(mosaicRatio, mosaicRatio)
2017-03-04 15:27:25 +01:00
screen.DrawImage(gophersRenderTarget, op)
2016-08-26 22:36:52 +02:00
return nil
2015-01-08 15:45:30 +01:00
}
func main() {
2016-08-26 22:36:52 +02:00
w, h := gophersImage.Size()
2018-02-13 18:59:22 +01:00
gophersRenderTarget, _ = ebiten.NewImage(w/mosaicRatio, h/mosaicRatio, ebiten.FilterDefault)
2016-08-26 22:36:52 +02:00
if err := ebiten.Run(update, screenWidth, screenHeight, 2, &#34;Mosaic (Ebiten Demo)&#34;); err != nil {
log.Fatal(err)
}
2015-01-08 15:45:30 +01:00
}
2017-08-18 16:26:17 +02:00
</code></pre></div>
2015-01-08 15:45:30 +01:00
2016-08-26 19:28:57 +02:00
</div></main>
<footer><div class="container">
<p>© 2013 Hajime Hoshi</p>
2016-08-28 00:10:41 +02:00
<p>Code is licensed under <a href="https://github.com/hajimehoshi/ebiten/blob/master/LICENSE">the Apache License 2.0</a>.</p>
2016-08-26 19:28:57 +02:00
<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>
2015-01-08 15:45:30 +01:00
2016-08-27 17:48:15 +02:00
<script src="../scripts/highlight.pack.js"></script>
2016-08-27 07:00:06 +02:00
<script>hljs.initHighlightingOnLoad();</script>