Noah Petherbridge
af67b20d9b
* Initial WebAssembly build target for Doodle in the wasm/ folder.
* Add a new render.Engine implementation, lib/render/canvas that uses
the HTML 5 Canvas API instead of SDL2 for the WebAssembly target.
* Ported the basic DrawLine(), DrawBox() etc. functions from SDL2 to
Canvas context2d API.
* Fonts are handled with CSS embedded fonts named after the font
filename and defined in wasm/index.html
* `make wasm` builds the WASM program, and `make wasm-serve` runs a dev
Go server that hosts the WASM file for development. The server also
watches the dev tree for *.go files and rebuilds the WASM binary
automatically on change.
* This build "basically" runs the game. UI and fonts all work and mouse
movements and clicks are detected. No wallpaper support yet or texture
caching (which will crash the game as soon as you click and draw a
pixel in your map!)
67 lines
1.5 KiB
Go
67 lines
1.5 KiB
Go
package canvas
|
|
|
|
import (
|
|
"syscall/js"
|
|
|
|
"git.kirsle.net/apps/doodle/lib/render"
|
|
)
|
|
|
|
// Methods here implement the drawing functions of the render.Engine
|
|
|
|
// Clear the canvas to a certain color.
|
|
func (e *Engine) Clear(color render.Color) {
|
|
e.canvas.ctx2d.Set("fillStyle", color.ToHex())
|
|
e.canvas.ctx2d.Call("fillRect", 0, 0, e.width, e.height)
|
|
}
|
|
|
|
// SetTitle sets the window title.
|
|
func (e *Engine) SetTitle(title string) {
|
|
js.Global().Get("document").Set("title", title)
|
|
}
|
|
|
|
// DrawPoint draws a pixel.
|
|
func (e *Engine) DrawPoint(color render.Color, point render.Point) {
|
|
e.canvas.ctx2d.Set("fillStyle", color.ToHex())
|
|
e.canvas.ctx2d.Call("fillRect",
|
|
int(point.X),
|
|
int(point.Y),
|
|
1,
|
|
1,
|
|
)
|
|
}
|
|
|
|
// DrawLine draws a line between two points.
|
|
func (e *Engine) DrawLine(color render.Color, a, b render.Point) {
|
|
e.canvas.ctx2d.Set("fillStyle", color.ToHex())
|
|
for pt := range render.IterLine2(a, b) {
|
|
e.canvas.ctx2d.Call("fillRect",
|
|
int(pt.X),
|
|
int(pt.Y),
|
|
1,
|
|
1,
|
|
)
|
|
}
|
|
}
|
|
|
|
// DrawRect draws a rectangle.
|
|
func (e *Engine) DrawRect(color render.Color, rect render.Rect) {
|
|
e.canvas.ctx2d.Set("strokeStyle", color.ToHex())
|
|
e.canvas.ctx2d.Call("strokeRect",
|
|
int(rect.X),
|
|
int(rect.Y),
|
|
int(rect.W),
|
|
int(rect.H),
|
|
)
|
|
}
|
|
|
|
// DrawBox draws a filled rectangle.
|
|
func (e *Engine) DrawBox(color render.Color, rect render.Rect) {
|
|
e.canvas.ctx2d.Set("fillStyle", color.ToHex())
|
|
e.canvas.ctx2d.Call("fillRect",
|
|
int(rect.X),
|
|
int(rect.Y),
|
|
int(rect.W),
|
|
int(rect.H),
|
|
)
|
|
}
|