create-bloop 0.0.26 → 0.0.28
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export const moveSpeed =
|
|
1
|
+
export const moveSpeed = 10;
|
|
@@ -1,6 +1,13 @@
|
|
|
1
1
|
import { Colors, type Toodle } from "@bloopjs/toodle";
|
|
2
2
|
import type { game } from "../src/game";
|
|
3
3
|
|
|
4
|
+
export async function loadAssets(g: typeof game, toodle: Toodle) {
|
|
5
|
+
await toodle.assets.loadFont(
|
|
6
|
+
"default",
|
|
7
|
+
new URL("https://toodle.gg/fonts/Roboto-Regular-msdf.json"),
|
|
8
|
+
);
|
|
9
|
+
}
|
|
10
|
+
|
|
4
11
|
export function draw(g: typeof game, toodle: Toodle) {
|
|
5
12
|
const { bag } = g.context;
|
|
6
13
|
toodle.startFrame();
|
|
@@ -22,5 +29,10 @@ export function draw(g: typeof game, toodle: Toodle) {
|
|
|
22
29
|
color: Colors.web.lightGreen,
|
|
23
30
|
}),
|
|
24
31
|
);
|
|
32
|
+
toodle.draw(
|
|
33
|
+
toodle.Text("default", "Move with WASD\nPress ESC for debug view", {
|
|
34
|
+
color: Colors.web.black,
|
|
35
|
+
}),
|
|
36
|
+
);
|
|
25
37
|
toodle.endFrame();
|
|
26
38
|
}
|
|
@@ -1,19 +1,22 @@
|
|
|
1
1
|
import "./style.css";
|
|
2
2
|
import { Toodle } from "@bloopjs/toodle";
|
|
3
3
|
import { start } from "@bloopjs/web";
|
|
4
|
-
import { draw as drawFn } from "./draw";
|
|
4
|
+
import { draw as drawFn, loadAssets } from "./draw";
|
|
5
5
|
import { game } from "./game";
|
|
6
6
|
|
|
7
7
|
// 1. Set up simulation
|
|
8
8
|
const app = await start({
|
|
9
9
|
game,
|
|
10
|
+
debugUi: true,
|
|
10
11
|
});
|
|
11
12
|
|
|
12
13
|
// 2. Set up rendering
|
|
13
14
|
let draw = drawFn;
|
|
14
|
-
const canvas =
|
|
15
|
+
const canvas = app.canvas;
|
|
15
16
|
if (!canvas) throw new Error("Canvas element not found");
|
|
16
17
|
const toodle = await Toodle.attach(canvas);
|
|
18
|
+
await loadAssets(app.game, toodle);
|
|
19
|
+
|
|
17
20
|
requestAnimationFrame(function frame() {
|
|
18
21
|
draw(app.game, toodle);
|
|
19
22
|
requestAnimationFrame(frame);
|