@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/index.js
CHANGED
|
@@ -10348,17 +10348,38 @@ function buildEntity41(c) {
|
|
|
10348
10348
|
}
|
|
10349
10349
|
function buildTrait42(c) {
|
|
10350
10350
|
const { width, height, fps } = c;
|
|
10351
|
-
const
|
|
10351
|
+
const canvasConfig = {
|
|
10352
10352
|
type: "game-canvas2-d",
|
|
10353
10353
|
width,
|
|
10354
10354
|
height,
|
|
10355
10355
|
fps
|
|
10356
10356
|
};
|
|
10357
|
+
const idleView = {
|
|
10358
|
+
type: "stack",
|
|
10359
|
+
direction: "vertical",
|
|
10360
|
+
gap: "md",
|
|
10361
|
+
children: [
|
|
10362
|
+
{ type: "stack", direction: "horizontal", gap: "sm", align: "center", children: [
|
|
10363
|
+
{ type: "icon", name: "monitor", size: "md" },
|
|
10364
|
+
{ type: "typography", content: `${c.entityName} Canvas`, variant: "h3" }
|
|
10365
|
+
] },
|
|
10366
|
+
{ type: "typography", content: `${width}x${height} @ ${fps}fps`, variant: "caption", color: "muted" },
|
|
10367
|
+
canvasConfig,
|
|
10368
|
+
{ type: "button", label: "Start", event: "START", variant: "primary", icon: "play" }
|
|
10369
|
+
]
|
|
10370
|
+
};
|
|
10357
10371
|
const renderingView = {
|
|
10358
|
-
type: "
|
|
10359
|
-
|
|
10360
|
-
|
|
10361
|
-
|
|
10372
|
+
type: "stack",
|
|
10373
|
+
direction: "vertical",
|
|
10374
|
+
gap: "md",
|
|
10375
|
+
children: [
|
|
10376
|
+
{ type: "stack", direction: "horizontal", gap: "sm", align: "center", children: [
|
|
10377
|
+
{ type: "icon", name: "monitor", size: "md" },
|
|
10378
|
+
{ type: "typography", content: `${c.entityName} Canvas`, variant: "h3" }
|
|
10379
|
+
] },
|
|
10380
|
+
canvasConfig,
|
|
10381
|
+
{ type: "button", label: "Stop", event: "STOP", variant: "ghost", icon: "square" }
|
|
10382
|
+
]
|
|
10362
10383
|
};
|
|
10363
10384
|
return {
|
|
10364
10385
|
name: c.traitName,
|