ebiten/docs/examples/hsv.html

176 lines
5.9 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/hsv.png">
<meta name="description" content="Ebiten example - hsv">
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 - hsv</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 - hsv</h2>
2016-08-26 19:28:57 +02:00
<iframe src="hsv.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
2016-04-13 18:26:31 +02:00
import (
2018-03-21 06:34:48 +01:00
&#34;bytes&#34;
2016-08-26 22:36:52 +02:00
&#34;fmt&#34;
2018-03-21 06:34:48 +01:00
&#34;image&#34;
2016-08-26 22:36:52 +02:00
_ &#34;image/jpeg&#34;
&#34;log&#34;
&#34;math&#34;
2016-04-13 18:26:31 +02:00
2016-08-26 22:36:52 +02:00
&#34;github.com/hajimehoshi/ebiten&#34;
&#34;github.com/hajimehoshi/ebiten/ebitenutil&#34;
2018-03-21 06:34:48 +01:00
&#34;github.com/hajimehoshi/ebiten/examples/resources/images&#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 (
2018-01-29 15:39:30 +01:00
hue128 = 0
saturation128 = 128
value128 = 128
inverted = false
2017-08-20 18:58:34 +02:00
prevPressedI = false
gophersImage *ebiten.Image
2016-04-13 18:26:31 +02:00
)
2018-01-29 15:39:30 +01:00
// clamp clamps v to the range [min, max].
2016-04-13 18:26:31 +02:00
func clamp(v, min, max int) int {
2016-08-26 22:36:52 +02:00
if min &gt; max {
panic(&#34;min must &lt;= max&#34;)
}
if v &lt; min {
return min
}
if max &lt; v {
return max
}
return v
2016-04-13 18:26:31 +02:00
}
func update(screen *ebiten.Image) error {
2018-01-29 15:39:30 +01:00
// Adjust HSV values along with the user&#39;s input.
2016-08-26 22:36:52 +02:00
if ebiten.IsKeyPressed(ebiten.KeyQ) {
2018-01-29 15:39:30 +01:00
hue128--
2016-08-26 22:36:52 +02:00
}
if ebiten.IsKeyPressed(ebiten.KeyW) {
2018-01-29 15:39:30 +01:00
hue128&#43;&#43;
2016-08-26 22:36:52 +02:00
}
if ebiten.IsKeyPressed(ebiten.KeyA) {
2018-01-29 15:39:30 +01:00
saturation128--
2016-08-26 22:36:52 +02:00
}
if ebiten.IsKeyPressed(ebiten.KeyS) {
2018-01-29 15:39:30 +01:00
saturation128&#43;&#43;
2016-08-26 22:36:52 +02:00
}
if ebiten.IsKeyPressed(ebiten.KeyZ) {
2018-01-29 15:39:30 +01:00
value128--
2016-08-26 22:36:52 +02:00
}
if ebiten.IsKeyPressed(ebiten.KeyX) {
2018-01-29 15:39:30 +01:00
value128&#43;&#43;
2016-08-26 22:36:52 +02:00
}
2017-08-20 18:58:34 +02:00
2018-01-29 15:39:30 +01:00
hue128 = clamp(hue128, -256, 256)
saturation128 = clamp(saturation128, 0, 256)
value128 = clamp(value128, 0, 256)
2017-08-20 18:58:34 +02:00
pressedI := ebiten.IsKeyPressed(ebiten.KeyI)
if pressedI &amp;&amp; !prevPressedI {
inverted = !inverted
}
prevPressedI = pressedI
2017-05-16 03:38:34 +02:00
if ebiten.IsRunningSlowly() {
return nil
}
2016-08-26 22:36:52 +02:00
2018-01-29 15:39:30 +01:00
// Center the image on the screen.
2016-08-26 22:36:52 +02:00
w, h := gophersImage.Size()
op := &amp;ebiten.DrawImageOptions{}
op.GeoM.Translate(float64(screenWidth-w)/2, float64(screenHeight-h)/2)
2017-08-20 18:58:34 +02:00
2018-01-29 15:39:30 +01:00
// Change HSV.
hue := float64(hue128) * 2 * math.Pi / 128
saturation := float64(saturation128) / 128
value := float64(value128) / 128
2016-08-26 22:36:52 +02:00
op.ColorM.ChangeHSV(hue, saturation, value)
2018-01-29 15:39:30 +01:00
// Invert the color.
2017-08-20 18:58:34 +02:00
if inverted {
op.ColorM.Scale(-1, -1, -1, 1)
op.ColorM.Translate(1, 1, 1, 0)
}
2017-03-04 15:27:25 +01:00
screen.DrawImage(gophersImage, op)
2016-08-26 22:36:52 +02:00
2018-01-29 15:39:30 +01:00
// Draw the text of the current status.
2017-08-20 18:58:34 +02:00
msgInverted := &#34;false&#34;
if inverted {
msgInverted = &#34;true&#34;
}
2016-08-26 22:36:52 +02:00
msg := fmt.Sprintf(`Hue: %0.2f [Q][W]
2016-04-13 18:26:31 +02:00
Saturation: %0.2f [A][S]
2017-08-20 18:58:34 +02:00
Value: %0.2f [Z][X]
Inverted: %s [I]`, hue, saturation, value, msgInverted)
2017-03-04 15:27:25 +01:00
ebitenutil.DebugPrint(screen, msg)
2016-08-26 22:36:52 +02:00
return nil
2016-04-13 18:26:31 +02:00
}
func main() {
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))
2016-08-26 22:36:52 +02:00
if err != nil {
log.Fatal(err)
}
2018-03-21 06:34:48 +01:00
gophersImage, _ = ebiten.NewImageFromImage(img, ebiten.FilterDefault)
2016-08-26 22:36:52 +02:00
if err := ebiten.Run(update, screenWidth, screenHeight, 2, &#34;HSV (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>