@almadar/std 3.1.4 → 3.2.0
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/behaviors/exports/atoms/std-game-canvas2d.orb +120 -12
- package/behaviors/exports/validation-report.json +0 -975
- package/dist/behaviors/exports/atoms/std-game-canvas2d.orb +120 -12
- package/dist/behaviors/exports/validation-report.json +0 -975
- package/dist/behaviors/functions/index.js +26 -5
- package/dist/behaviors/functions/index.js.map +1 -1
- package/dist/behaviors/index.js +26 -5
- package/dist/behaviors/index.js.map +1 -1
- package/dist/exports/atoms/std-game-canvas2d.orb +120 -12
- package/dist/exports/validation-report.json +0 -975
- package/dist/index.js +26 -5
- package/dist/index.js.map +1 -1
- package/package.json +3 -2
package/dist/behaviors/index.js
CHANGED
|
@@ -6836,17 +6836,38 @@ function buildEntity41(c) {
|
|
|
6836
6836
|
}
|
|
6837
6837
|
function buildTrait42(c) {
|
|
6838
6838
|
const { width, height, fps } = c;
|
|
6839
|
-
const
|
|
6839
|
+
const canvasConfig = {
|
|
6840
6840
|
type: "game-canvas2-d",
|
|
6841
6841
|
width,
|
|
6842
6842
|
height,
|
|
6843
6843
|
fps
|
|
6844
6844
|
};
|
|
6845
|
+
const idleView = {
|
|
6846
|
+
type: "stack",
|
|
6847
|
+
direction: "vertical",
|
|
6848
|
+
gap: "md",
|
|
6849
|
+
children: [
|
|
6850
|
+
{ type: "stack", direction: "horizontal", gap: "sm", align: "center", children: [
|
|
6851
|
+
{ type: "icon", name: "monitor", size: "md" },
|
|
6852
|
+
{ type: "typography", content: `${c.entityName} Canvas`, variant: "h3" }
|
|
6853
|
+
] },
|
|
6854
|
+
{ type: "typography", content: `${width}x${height} @ ${fps}fps`, variant: "caption", color: "muted" },
|
|
6855
|
+
canvasConfig,
|
|
6856
|
+
{ type: "button", label: "Start", event: "START", variant: "primary", icon: "play" }
|
|
6857
|
+
]
|
|
6858
|
+
};
|
|
6845
6859
|
const renderingView = {
|
|
6846
|
-
type: "
|
|
6847
|
-
|
|
6848
|
-
|
|
6849
|
-
|
|
6860
|
+
type: "stack",
|
|
6861
|
+
direction: "vertical",
|
|
6862
|
+
gap: "md",
|
|
6863
|
+
children: [
|
|
6864
|
+
{ type: "stack", direction: "horizontal", gap: "sm", align: "center", children: [
|
|
6865
|
+
{ type: "icon", name: "monitor", size: "md" },
|
|
6866
|
+
{ type: "typography", content: `${c.entityName} Canvas`, variant: "h3" }
|
|
6867
|
+
] },
|
|
6868
|
+
canvasConfig,
|
|
6869
|
+
{ type: "button", label: "Stop", event: "STOP", variant: "ghost", icon: "square" }
|
|
6870
|
+
]
|
|
6850
6871
|
};
|
|
6851
6872
|
return {
|
|
6852
6873
|
name: c.traitName,
|