beet 0.0.4-rc.2

A very flexible AI behavior library for games and robotics.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127

<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="utf-8">
	<title>A Cool Site</title>
	<meta name="description" content="An amazing website">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<style>
		body {
			margin: 0;
			background-color: black;
			overflow: hidden;
		}

		canvas {
			width: 100dvw;
			height: 100dvh;
		}
	</style>
</head>

<body>
	<script>

		const replicationRegistry =
		{
			"beetmash_net::events::common_events::AppStartup": 0,
			"beetmash_net::events::common_events::AppReady": 1,
			"beetmash_net::events::spawn_scene_file::SpawnSceneFile": 2,
			"beetmash_net::events::spawn_scene_file::SpawnSceneFileResponse": 3,
			"beet_examples::net::example_replicate_plugin::OnUserMessage": 4
		}

		async function loadScene(name) {
			const response = await fetch(`/target/scenes/${name}.json`)
			const json = await response.text()
			let hashmap = await sendMessage(
				"beetmash_net::events::spawn_scene_file::SpawnSceneFile",
				json,
				"beetmash_net::events::spawn_scene_file::SpawnSceneFileResponse"
			)
			console.log('hashmap received')
			console.dir(hashmap)
		}

		function sendUserMessage(message) {
			sendMessage("beet_examples::net::example_replicate_plugin::OnUserMessage", message)
		}

		async function sendMessage(key, payload, awaitKey) {
			const detail = JSON.stringify([{
				SendEvent: {
					reg_id: replicationRegistry[key],
					payload: {
						Json: JSON.stringify(payload)
					}
				}
			}])
			let awaiter = awaitKey
				? awaitMessage(awaitKey)
				: null
			window.dispatchEvent(new CustomEvent('js-message', { detail }))
			if (awaiter) {
				return await awaiter
			}
		}

		function awaitMessage(key) {
			return new Promise((resolve) => {
				const listener = (event) => {
					const messages = JSON.parse(event.detail)
					for (const message of messages) {
						if (message?.SendEvent?.reg_id === replicationRegistry[key]) {
							resolve(message.SendEvent.payload.Json)
							window.removeEventListener('wasm-message', listener)
						}
					}
				}
				window.addEventListener('wasm-message', listener)
			})
		}

		window.addEventListener('wasm-message', async (event) => {
			const messages = JSON.parse(event.detail)
			for (const message of messages) {
				if (message?.SendEvent?.reg_id === replicationRegistry["beetmash_net::events::common_events::AppStartup"]) {
					console.log('AppStartup')
					await loadScene('beet-debug')
					await loadScene('camera-2d')
					// await new Promise(resolve => setTimeout(resolve, 1000))
					await loadScene('ui-terminal-input')
					await loadScene('hello-world')
					// await loadScene('sentence-selector')
					console.log('All scenes sent')
					sendUserMessage('loud and clear')
				}
				// console.log(`message received: ${JSON.stringify(message)}`)
				// if (message?.SendEvent?.payload?.Json) {
				// 	const payload = JSON.parse(message.SendEvent.payload.Json)
				// 	console.log(`payload received: ${JSON.stringify(payload)}`)
				// 	sendUserMessage('loud and clear')
				// }
			}
		})
	</script>


	<script type="module">
		// import init from 'https://storage.googleapis.com/beet-examples/hello_ml/main.js'
		// import init from 'https://storage.googleapis.com/beet-examples/hello_world/main.js'
		// import init from 'https://storage.googleapis.com/beet-examples/app_basics/main.js'
		// import init from 'https://storage.googleapis.com/beet-examples/app_full/main.js'
		import init from './target/web-examples/app_full/main.js'
		// import init from './target/web-examples/hello_ml/main.js'
		// init()
		// init('https://storage.googleapis.com/beet-examples/app_full/main_bg.wasm')
		init('./target/web-examples/app_full/main_bg.wasm')
			.catch((error) => {
				if (!error.message.startsWith("Using exceptions for control flow,"))
					throw error
			})
	</script>
	<canvas id="beet-canvas"></canvas>
</body>

</html>