v0.0.7: Added keyboard system

src/backend/document/document.go

@@ -34,6 +34,10 @@ func CreateCanvasElement() canvas {
 	return canvas{cd}
 }
 
+func AddEventListener(event string, f js.Func) {
+	js.Global().Get("document").Call("addEventListener", event, f)
+}
+
 func (e *element) Set(key string, value interface{}) {
 	e.el.Set(key, value)
 }

src/webzen/init.go

@@ -5,9 +5,11 @@ package webzen
 
 import (
 	"syscall/js"
+  "time"
 
 	"github.com/dimkauzh/webzen/src/backend/document"
 	"github.com/dimkauzh/webzen/src/backend/window"
+  "github.com/dimkauzh/webzen/src/webzen/keys"
 )
 
 func Init() {
@@ -29,4 +31,11 @@ func Init() {
 		canvas.Set("height", document.DocumentElement.ClientHeight())
 		return nil
 	}))
+
+  keys.SetupEventListeners()
+}
+
+func Update() {
+  time.Sleep(time.Millisecond * 16)
+
 }

src/webzen/keys/keys.go

@@ -0,0 +1,39 @@
+//go:build js && wasm
+// +build js,wasm
+
+package keys
+
+import (
+	"syscall/js"
+
+	"github.com/dimkauzh/webzen/src/backend/document"
+)
+
+var keyPressed = make(map[string]bool)
+
+func SetupEventListeners() {
+	// Initialize event listeners once
+	document.AddEventListener("keydown", js.FuncOf(func(this js.Value, p []js.Value) interface{} {
+		event := p[0]
+		key := event.Get("key").String()
+
+		// Set the key's state to pressed.
+		keyPressed[key] = true
+
+		return nil
+	}))
+
+	document.AddEventListener("keyup", js.FuncOf(func(this js.Value, p []js.Value) interface{} {
+		event := p[0]
+		key := event.Get("key").String()
+
+		// Set the key's state to released.
+		keyPressed[key] = false
+
+		return nil
+	}))
+}
+
+func KeyPressed(key string) bool {
+	return keyPressed[key]
+}

tests/test1/test1.go

@@ -1,14 +1,23 @@
 package main
 
 import (
+
 	"github.com/dimkauzh/webzen/src/webzen"
 	"github.com/dimkauzh/webzen/src/webzen/draw"
+	"github.com/dimkauzh/webzen/src/webzen/keys"
+	"github.com/dimkauzh/webzen/src/webzen/tools"
 )
 
 func main() {
 	webzen.Init()
-	draw.FillBackground([4]int{255, 255, 188, 255})
-	draw.DrawText("Hello under the world!", 21, 100, 100)
-	draw.DrawRect(50, 500, 400, 400, [4]int{146, 255, 123, 255})
-	draw.DrawRect(200, 200, 100, 400, [4]int{146, 255, 123, 255})
+	for {
+		draw.FillBackground([4]int{255, 255, 188, 255})
+		draw.DrawText("Hello under the world!", 21, 100, 100)
+		draw.DrawRect(50, 500, 400, 400, [4]int{146, 255, 123, 255})
+		draw.DrawRect(200, 200, 100, 400, [4]int{146, 255, 123, 255})
+		if keys.KeyPressed("a") {
+			tools.Print("A key pressed")
+		}
+    webzen.Update()
+	}
 }