@dcl/sdk 7.0.0-3277074139.commit-6059d49 → 7.0.0-3290193397.commit-3ca136b

package/dist/playground/snippets/ui.tsx

@@ -6,32 +6,123 @@ import ReactEcs, {
   YGJustify
 } from '@dcl/react-ecs'
 
+let counter = 0
+
 export const uiComponent = () => (
   <UiEntity
     uiTransform={{
-      width: 500,
-      height: 500,
-      padding: { top: 10, right: 10, bottom: 10, left: 10 }
+      width: 700,
+      height: 400,
+      margin: { top: '35px', left: '500px' }
     }}
-    uiBackground={{ backgroundColor: { r: 10, g: 10, b: 10, a: 0.2 } }}
+    uiBackground={{ backgroundColor: Color4.create(0.5, 0.8, 0.1, 0.6) }}
   >
     <UiEntity
       uiTransform={{
-        width: 100,
-        height: 100,
-        display: YGDisplay.YGD_FLEX,
+        width: '100%',
+        height: '20%',
         justifyContent: YGJustify.YGJ_CENTER,
-        alignItems: YGAlign.YGA_CENTER
+        alignItems: YGAlign.YGA_CENTER,
+        display: YGDisplay.YGD_FLEX
       }}
-      uiBackground={{ backgroundColor: { r: 255, g: 45, b: 85, a: 0.2 } }}
     >
       <UiEntity
-        uiTransform={{ width: 80, height: 20 }}
-        uiText={{ value: 'Boedo', textAlign: 0, fontSize: 12 }}
-        uiBackground={{ backgroundColor: { r: 255, g: 45, b: 85, a: 1 } }}
+        uiText={{ value: 'SDK 7', fontSize: 80 }}
+        uiBackground={{ backgroundColor: Color4.fromHexString('#fbf0f0') }}
+      />
+    </UiEntity>
+    <UiEntity
+      uiTransform={{
+        width: '100%',
+        height: '20%',
+        justifyContent: YGJustify.YGJ_CENTER,
+        alignItems: YGAlign.YGA_CENTER,
+        display: YGDisplay.YGD_FLEX
+      }}
+    >
+      <UiEntity
+        uiText={{ value: `Counter: ${counter}`, fontSize: 60 }}
+        uiBackground={{ backgroundColor: Color4.fromHexString('#fbf0f0') }}
+      />
+    </UiEntity>
+    <UiEntity
+      uiTransform={{
+        width: '100%',
+        height: '100px',
+        justifyContent: YGJustify.YGJ_CENTER,
+        alignItems: YGAlign.YGA_CENTER,
+        display: YGDisplay.YGD_FLEX
+      }}
+    >
+      <UiEntity
+        uiText={{ value: `Player: ${getPlayerPosition()}`, fontSize: 40 }}
+        uiBackground={{ backgroundColor: Color4.fromHexString('#fbf0f0') }}
       />
     </UiEntity>
   </UiEntity>
 )
 
+function getPlayerPosition() {
+  const playerPosition = Transform.getOrNull(engine.PlayerEntity)
+  if (!playerPosition) return ''
+  const { x, y, z } = playerPosition.position
+  return `{x: ${x.toFixed(2)}, y: ${y.toFixed(2)}, z: ${z.toFixed(2)} }`
+}
+
 renderUi(uiComponent)
+
+// Cube factory
+function createCube(x: number, y: number, z: number, spawner = true): Entity {
+  const meshEntity = engine.addEntity()
+  Transform.create(meshEntity, { position: { x, y, z } })
+  MeshRenderer.create(meshEntity, { box: { uvs: [] } })
+  MeshCollider.create(meshEntity, { box: {} })
+  if (spawner) {
+    PointerEvents.create(meshEntity, {
+      pointerEvents: [
+        {
+          eventType: PointerEventType.PET_DOWN,
+          eventInfo: {
+            button: InputAction.IA_PRIMARY,
+            hoverText: 'Press E to spawn',
+            maxDistance: 100,
+            showFeedback: true
+          }
+        }
+      ]
+    })
+  }
+  return meshEntity
+}
+
+// Systems
+function circularSystem(dt: number) {
+  const entitiesWithMeshRenderer = engine.getEntitiesWith(
+    MeshRenderer,
+    Transform
+  )
+  for (const [entity, _meshRenderer, _transform] of entitiesWithMeshRenderer) {
+    const mutableTransform = Transform.getMutable(entity)
+
+    mutableTransform.rotation = Quaternion.multiply(
+      mutableTransform.rotation,
+      Quaternion.fromAngleAxis(dt * 10, Vector3.Up())
+    )
+  }
+}
+
+function spawnerSystem() {
+  const clickedCubes = engine.getEntitiesWith(PointerEvents)
+  for (const [entity] of clickedCubes) {
+    if (wasEntityClicked(entity, InputAction.IA_PRIMARY)) {
+      counter++
+    }
+  }
+}
+
+// Init
+createCube(8, 1, 8)
+engine.addSystem(circularSystem)
+engine.addSystem(spawnerSystem)
+
+

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dcl/sdk",
-  "version": "7.0.0-3277074139.commit-6059d49",
+  "version": "7.0.0-3290193397.commit-3ca136b",
   "description": "",
   "main": "dist/src/index.js",
   "typings": "dist/index.d.ts",
@@ -27,8 +27,8 @@
     "src/cli/**/*.js"
   ],
   "dependencies": {
-    "@dcl/amd": "6.11.9-3277074139.commit-6059d49",
-    "@dcl/build-ecs": "6.11.9-3277074139.commit-6059d49",
+    "@dcl/amd": "6.11.9-3290193397.commit-3ca136b",
+    "@dcl/build-ecs": "6.11.9-3290193397.commit-3ca136b",
     "@dcl/kernel": "1.0.0-2994874542.commit-c3ae489",
     "@dcl/posix": "^1.0.4",
     "@dcl/schemas": "4.8.0",
@@ -38,5 +38,5 @@
     "ignore": "^5.1.8"
   },
   "minCliVersion": "3.10.2",
-  "commit": "6059d491b1dcc382a88775d5c532e6b84fe79538"
+  "commit": "3ca136b3d2dc1145d3abbe3811086970a56f7c6f"
 }

package/types/ecs7/index.d.ts

@@ -1190,6 +1190,8 @@ declare type ExcludeUndefined<T> = {
     [P in keyof T]: undefined extends T[P] ? never : P;
 }[keyof T];
 
+declare const executeTask: (task: Task<unknown>) => void;
+
 /** @public */
 declare type FloatArray = number[];
 
@@ -1372,14 +1374,7 @@ declare type ISchema<T = any> = {
     create(): T;
 };
 
-/**
- * Check if a pointer event has been emited in the last tick-update.
- * @param entity the entity to query, for global clicks use `engine.RootEntity`
- * @param actionButton
- * @param pointerEventType
- * @returns
- */
-declare function isPointerEventActive(entity: Entity, actionButton: InputAction, pointerEventType: PointerEventType): boolean;
+declare const isPointerEventActive: (entity: Entity, actionButton: InputAction, pointerEventType: PointerEventType) => boolean;
 
 declare function isPointerEventActiveGenerator(engine: IEngine): (entity: Entity, actionButton: InputAction, pointerEventType: PointerEventType) => boolean;
 
@@ -3564,6 +3559,8 @@ declare interface Spec {
  */
 declare type SystemFn = (dt: number) => void;
 
+declare type Task<T = unknown> = () => Promise<T>;
+
 declare const enum TextAlignMode {
     TAM_TOP_LEFT = 0,
     TAM_TOP_CENTER = 1,
@@ -4248,13 +4245,7 @@ declare interface Vector3_2 {
 /** @public */
 declare const VisibilityComponent: ComponentDefinition<ISchema<PBVisibilityComponent>, PBVisibilityComponent>;
 
-/**
- * Check if an entity emitted a clicked event
- * @param entity the entity to query, for global clicks use `engine.RootEntity`
- * @param actionButton
- * @returns true if the entity was clicked in the last tick-update
- */
-declare function wasEntityClicked(entity: Entity, actionButton: InputAction): boolean;
+declare const wasEntityClicked: (entity: Entity, actionButton: InputAction) => boolean;
 
 declare function wasEntityClickedGenerator(engine: IEngine): (entity: Entity, actionButton: InputAction) => boolean;