2015-01-08 18:39:20 +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/paint.png" >
< meta name = "description" content = "Ebiten example - paint" >
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 - paint< / 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 >
2017-11-09 18:07:16 +01:00
< 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 18:39:20 +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 - paint< / h2 >
2016-08-26 19:28:57 +02:00
< iframe src = "paint.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" > // + build example jsgo
2016-08-26 16:33:36 +02:00
package main
2015-01-08 18:39:20 +01:00
import (
2016-08-26 22:36:52 +02:00
" fmt"
" image"
" image/color"
" log"
" math"
" github.com/hajimehoshi/ebiten"
" github.com/hajimehoshi/ebiten/ebitenutil"
2015-01-08 18:39:20 +01:00
)
const (
2016-08-26 22:36:52 +02:00
screenWidth = 320
screenHeight = 240
2015-01-08 18:39:20 +01:00
)
var (
2016-08-26 22:36:52 +02:00
count int
brushImage *ebiten.Image
canvasImage *ebiten.Image
2015-01-08 18:39:20 +01:00
)
2018-01-30 17:18:33 +01:00
func init() {
const (
a0 = 0x40
a1 = 0xc0
a2 = 0xff
)
pixels := []uint8{
a0, a1, a1, a0,
a1, a2, a2, a1,
a1, a2, a2, a1,
a0, a1, a1, a0,
}
brushImage, _ = ebiten.NewImageFromImage(& image.Alpha{
Pix: pixels,
Stride: 4,
Rect: image.Rect(0, 0, 4, 4),
2018-02-13 18:59:22 +01:00
}, ebiten.FilterDefault)
2018-01-30 17:18:33 +01:00
2018-02-13 18:59:22 +01:00
canvasImage, _ = ebiten.NewImage(screenWidth, screenHeight, ebiten.FilterDefault)
2018-01-30 17:18:33 +01:00
canvasImage.Fill(color.White)
}
// paint draws the brush on the given canvas image at the position (x, y).
func paint(canvas *ebiten.Image, x, y int) {
2016-08-26 22:36:52 +02:00
op := & ebiten.DrawImageOptions{}
op.GeoM.Translate(float64(x), float64(y))
2018-01-30 17:18:33 +01:00
// Scale the color and rotate the hue so that colors vary on each frame.
2016-08-26 22:36:52 +02:00
op.ColorM.Scale(1.0, 0.50, 0.125, 1.0)
2017-06-09 04:43:50 +02:00
theta := 2.0 * math.Pi * float64(count%ebiten.FPS) / ebiten.FPS
2016-08-26 22:36:52 +02:00
op.ColorM.RotateHue(theta)
2018-01-30 17:18:33 +01:00
canvas.DrawImage(brushImage, op)
2016-06-23 05:16:27 +02:00
}
2015-01-08 18:39:20 +01:00
2016-06-23 05:16:27 +02:00
func update(screen *ebiten.Image) error {
2016-08-26 22:36:52 +02:00
drawn := false
2018-01-30 17:18:33 +01:00
// Paint the brush by mouse dragging
2016-08-26 22:36:52 +02:00
mx, my := ebiten.CursorPosition()
if ebiten.IsMouseButtonPressed(ebiten.MouseButtonLeft) {
2018-01-30 17:18:33 +01:00
paint(canvasImage, mx, my)
2016-08-26 22:36:52 +02:00
drawn = true
}
2018-01-30 17:18:33 +01:00
// Paint the brush by touches
2016-08-26 22:36:52 +02:00
for _, t := range ebiten.Touches() {
x, y := t.Position()
2018-01-30 17:18:33 +01:00
paint(canvasImage, x, y)
2016-08-26 22:36:52 +02:00
drawn = true
}
if drawn {
count+ +
}
2018-01-30 17:18:33 +01:00
2017-05-16 03:38:34 +02:00
if ebiten.IsRunningSlowly() {
return nil
}
2018-01-30 17:18:33 +01:00
2017-03-04 15:27:25 +01:00
screen.DrawImage(canvasImage, nil)
2016-08-26 22:36:52 +02:00
msg := fmt.Sprintf(" (%d, %d)" , mx, my)
for _, t := range ebiten.Touches() {
x, y := t.Position()
msg + = fmt.Sprintf(" \n(%d, %d) touch %d" , x, y, t.ID())
2016-06-23 05:16:27 +02:00
}
2017-03-04 15:27:25 +01:00
ebitenutil.DebugPrint(screen, msg)
2016-08-26 22:36:52 +02:00
return nil
2015-01-08 18:39:20 +01:00
}
func main() {
2016-08-26 22:36:52 +02:00
if err := ebiten.Run(update, screenWidth, screenHeight, 2, " Paint (Ebiten Demo)" ); err != nil {
log.Fatal(err)
}
2015-01-08 18:39:20 +01:00
}
2017-08-18 16:26:17 +02:00
< / code > < / pre > < / div >
2015-01-08 18:39:20 +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 18:39:20 +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 >
