ebiten/docs/examples/masking.html

155 lines
5.5 KiB
HTML
Raw Normal View History

2016-04-13 18:26:31 +02: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/masking.png">
<meta name="description" content="Ebiten example - masking">
2016-04-13 18:26:31 +02:00
<link rel="shortcut icon" href="../favicon.png" type="image/png" >
<link rel="icon" href="../favicon.png" type="image/png" >
<title>Ebiten example - masking</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>
2016-04-13 18:26:31 +02:00
2016-08-26 19:28:57 +02:00
<main><div class="container">
2016-08-26 20:18:16 +02:00
<h2>Ebiten example - masking</h2>
2016-08-26 19:28:57 +02:00
<iframe src="masking.content.html" width="640" height="480"></iframe>
2017-08-18 16:26:17 +02:00
<div class="card"><pre class="card-body"><code class="language-go">// &#43;build example
2016-08-26 16:33:36 +02:00
package main
2016-04-13 18:26:31 +02:00
import (
2016-08-26 22:36:52 +02:00
&#34;image&#34;
&#34;image/color&#34;
_ &#34;image/jpeg&#34;
&#34;log&#34;
&#34;math&#34;
&#34;github.com/hajimehoshi/ebiten&#34;
&#34;github.com/hajimehoshi/ebiten/ebitenutil&#34;
2016-04-13 18:26:31 +02:00
)
const (
2016-08-26 22:36:52 +02:00
screenWidth = 320
screenHeight = 240
2016-04-13 18:26:31 +02:00
)
var (
2016-08-26 22:36:52 +02:00
gophersImage *ebiten.Image
fiveyearsImage *ebiten.Image
maskImage *ebiten.Image
spotLightImage *ebiten.Image
spotLightX = 0
spotLightY = 0
spotLightVX = 1
spotLightVY = 1
2016-04-13 18:26:31 +02:00
)
func update(screen *ebiten.Image) error {
2016-08-26 22:36:52 +02:00
spotLightX &#43;= spotLightVX
spotLightY &#43;= spotLightVY
if spotLightX &lt; 0 {
spotLightX = -spotLightX
spotLightVX = -spotLightVX
}
if spotLightY &lt; 0 {
spotLightY = -spotLightY
spotLightVY = -spotLightVY
}
w, h := spotLightImage.Size()
maxX, maxY := screenWidth-w, screenHeight-h
if maxX &lt; spotLightX {
spotLightX = -spotLightX &#43; 2*maxX
spotLightVX = -spotLightVX
}
if maxY &lt; spotLightY {
spotLightY = -spotLightY &#43; 2*maxY
spotLightVY = -spotLightVY
}
2017-05-16 03:38:34 +02:00
if ebiten.IsRunningSlowly() {
return nil
}
2017-03-04 15:27:25 +01:00
maskImage.Clear()
2016-08-26 22:36:52 +02:00
op := &amp;ebiten.DrawImageOptions{}
op.GeoM.Translate(float64(spotLightX), float64(spotLightY))
2017-03-04 15:27:25 +01:00
maskImage.DrawImage(spotLightImage, op)
2016-08-26 22:36:52 +02:00
op = &amp;ebiten.DrawImageOptions{}
op.CompositeMode = ebiten.CompositeModeSourceOut
2017-03-04 15:27:25 +01:00
maskImage.DrawImage(fiveyearsImage, op)
2016-08-26 22:36:52 +02:00
2017-03-04 15:27:25 +01:00
screen.Fill(color.RGBA{0x00, 0x00, 0x80, 0xff})
screen.DrawImage(gophersImage, &amp;ebiten.DrawImageOptions{})
screen.DrawImage(maskImage, &amp;ebiten.DrawImageOptions{})
2016-08-26 22:36:52 +02:00
return nil
2016-04-13 18:26:31 +02:00
}
func max(a, b int) int {
2016-08-26 22:36:52 +02:00
if a &lt; b {
return b
}
return a
2016-04-13 18:26:31 +02:00
}
func min(a, b int) int {
2016-08-26 22:36:52 +02:00
if a &lt; b {
return a
}
return b
2016-04-13 18:26:31 +02:00
}
func main() {
2016-08-26 22:36:52 +02:00
var err error
2018-01-05 18:59:32 +01:00
gophersImage, _, err = ebitenutil.NewImageFromFile(ebitenutil.JoinStringsIntoFilePath(&#34;_resources&#34;, &#34;images&#34;, &#34;gophers.jpg&#34;), ebiten.FilterNearest)
2016-08-26 22:36:52 +02:00
if err != nil {
log.Fatal(err)
}
2018-01-05 18:59:32 +01:00
fiveyearsImage, _, err = ebitenutil.NewImageFromFile(ebitenutil.JoinStringsIntoFilePath(&#34;_resources&#34;, &#34;images&#34;, &#34;fiveyears.jpg&#34;), ebiten.FilterNearest)
2016-08-26 22:36:52 +02:00
if err != nil {
log.Fatal(err)
}
2017-03-04 15:27:25 +01:00
maskImage, _ = ebiten.NewImage(screenWidth, screenHeight, ebiten.FilterNearest)
2016-08-26 22:36:52 +02:00
as := image.Point{128, 128}
a := image.NewAlpha(image.Rectangle{image.ZP, as})
for j := 0; j &lt; as.Y; j&#43;&#43; {
for i := 0; i &lt; as.X; i&#43;&#43; {
r := as.X / 2
d := math.Sqrt(float64((i-r)*(i-r) &#43; (j-r)*(j-r)))
b := uint8(max(0, min(0xff, 3*0xff-int(d*3*0xff)/r)))
a.SetAlpha(i, j, color.Alpha{b})
}
}
2017-03-04 15:27:25 +01:00
spotLightImage, _ = ebiten.NewImageFromImage(a, ebiten.FilterNearest)
2016-08-26 22:36:52 +02:00
if err := ebiten.Run(update, screenWidth, screenHeight, 2, &#34;Masking (Ebiten Demo)&#34;); err != nil {
log.Fatal(err)
}
2016-04-13 18:26:31 +02:00
}
2017-08-18 16:26:17 +02:00
</code></pre></div>
2016-04-13 18:26:31 +02: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>
2016-04-13 18:26:31 +02: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>