@dcl/sdk 7.0.0-3548419522.commit-ddcf4b7 → 7.0.0

package/dist/ecs7/proto-definitions/ui_transform.proto

@@ -1,141 +0,0 @@
-syntax = "proto3";
-
-package decentraland.sdk.components;
-
-import "decentraland/sdk/components/common/id.proto";
-
-option (common.ecs_component_id) = 1050;
-
-enum YGPositionType {
-  YGPT_RELATIVE = 0;
-  YGPT_ABSOLUTE = 1;
-}
-
-enum YGAlign {
-  YGA_AUTO = 0;
-  YGA_FLEX_START = 1;
-  YGA_CENTER = 2;
-  YGA_FLEX_END = 3;
-  YGA_STRETCH = 4;
-  YGA_BASELINE = 5;
-  YGA_SPACE_BETWEEN = 6;
-  YGA_SPACE_AROUND = 7;
-}
-
-enum YGUnit {
-  YGU_UNDEFINED = 0;
-  YGU_POINT = 1;
-  YGU_PERCENT = 2;
-  YGU_AUTO = 3;
-}
-
-enum YGFlexDirection {
-  YGFD_ROW = 0;
-  YGFD_COLUMN = 1;
-  YGFD_COLUMN_REVERSE = 2;
-  YGFD_ROW_REVERSE = 3;
-}
-
-enum YGWrap {
-  YGW_NO_WRAP = 0;
-  YGW_WRAP = 1;
-  YGW_WRAP_REVERSE = 2;
-}
-
-enum YGJustify {
-  YGJ_FLEX_START = 0;
-  YGJ_CENTER = 1;
-  YGJ_FLEX_END = 2;
-  YGJ_SPACE_BETWEEN = 3;
-  YGJ_SPACE_AROUND = 4;
-  YGJ_SPACE_EVENLY = 5;
-}
-
-enum YGOverflow {
-  YGO_VISIBLE = 0;
-  YGO_HIDDEN = 1;
-  YGO_SCROLL = 2;
-}
-
-enum YGDisplay {
-  YGD_FLEX = 0;
-  YGD_NONE = 1;
-}
-
-enum YGEdge {
-  YGE_LEFT = 0;
-  YGE_TOP = 1;
-  YGE_RIGHT = 2;
-  YGE_BOTTOM = 3;
-  YGE_START = 4;
-  YGE_END = 5;
-  YGE_HORIZONTAL = 6;
-  YGE_VERTICAL = 7;
-  YGE_ALL = 8;
-}
-
-message PBUiTransform {
-  int32 parent = 1;
-  int32 right_of = 2;
-
-  optional YGAlign align_content = 3; // default: YGAlign.YGA_FLEX_START
-  optional YGAlign align_items = 4; // default: YGAlign.YGA_STRETCH
-  optional YGWrap flex_wrap = 5; // default: YGWrap.YGW_WRAP
-  optional float flex_shrink = 6; // default: 1
-
-  YGPositionType position_type = 7; // YGPositionType.YGPT_RELATIVE
-
-  YGAlign align_self = 8; // YGAlign.YGA_AUTO
-  YGFlexDirection flex_direction = 9; // YGFlexDirection.YGFD_ROW
-  YGJustify justify_content = 10; // YGJustify.YGJ_FLEX_START
-
-  YGOverflow overflow = 11; // YGOverflow.YGO_VISIBLE
-  YGDisplay display = 12; // YGDisplay.YGD_FLEX
-
-  YGUnit flex_basis_unit = 13; // YGUnit.YGU_UNDEFINED
-  float flex_basis = 14;
-
-  float flex_grow = 15;
-
-  YGUnit width_unit = 16; // YGUnit.YGU_UNDEFINED
-  float width = 17;
-  YGUnit height_unit = 18; // YGUnit.YGU_UNDEFINED
-  float height = 19;
-
-  YGUnit min_width_unit = 20; // YGUnit.YGU_UNDEFINED
-  float min_width = 21;
-  YGUnit min_height_unit = 22; // YGUnit.YGU_UNDEFINED
-  float min_height = 23;
-
-  YGUnit max_width_unit = 24; // YGUnit.YGU_UNDEFINED
-  float max_width = 25;
-  YGUnit max_height_unit = 26; // YGUnit.YGU_UNDEFINED
-  float max_height = 27;
-
-  YGUnit position_left_unit = 28; // YGUnit.YGU_UNDEFINED
-  float position_left = 29;
-  YGUnit position_top_unit = 30; // YGUnit.YGU_UNDEFINED
-  float position_top = 31;
-  YGUnit position_right_unit = 32; // YGUnit.YGU_UNDEFINED
-  float position_right = 33;
-  YGUnit position_bottom_unit = 34; // YGUnit.YGU_UNDEFINED
-  float position_bottom = 35;
-
-  YGUnit margin_left_unit = 36; // YGUnit.YGU_UNDEFINED
-  float margin_left = 37;
-  YGUnit margin_top_unit = 38; // YGUnit.YGU_UNDEFINED
-  float margin_top = 39;
-  YGUnit margin_right_unit = 40; // YGUnit.YGU_UNDEFINED
-  float margin_right = 41;
-  YGUnit margin_bottom_unit = 42; // YGUnit.YGU_UNDEFINED
-  float margin_bottom = 43;
-
-  YGUnit padding_left_unit = 44; // YGUnit.YGU_UNDEFINED
-  float padding_left = 45;
-  YGUnit padding_top_unit = 46; // YGUnit.YGU_UNDEFINED
-  float padding_top = 47;
-  YGUnit padding_right_unit = 48; // YGUnit.YGU_UNDEFINED
-  float padding_right = 49;
-  YGUnit padding_bottom_unit = 50; // YGUnit.YGU_UNDEFINED
-  float padding_bottom = 51;
-}

package/dist/ecs7/proto-definitions/visibility_component.proto

@@ -1,9 +0,0 @@
-syntax = "proto3";
-package decentraland.sdk.components;
-
-import "decentraland/sdk/components/common/id.proto";
-option (common.ecs_component_id) = 1081;
-
-message PBVisibilityComponent {
-    optional bool visible = 1; // default=true
-}

package/dist/playground/snippets/billboard.ts

@@ -1,108 +0,0 @@
-function createPlaneTexture(x: number, y: number, z: number): Entity {
-  const meshEntity = engine.addEntity()
-
-  Material.create(meshEntity, {
-    material: {
-      $case: 'pbr',
-      pbr: {
-        texture: {
-          tex: {
-            $case: 'texture',
-            texture: { src: 'models/polaroid2.png' }
-          }
-        }
-      }
-    }
-  })
-  Transform.create(meshEntity, {
-    position: { x, y, z },
-    scale: Vector3.create(2, 2, 2)
-  })
-  MeshRenderer.create(meshEntity, {
-    mesh: {
-      $case: 'plane',
-      plane: {
-        uvs: [...Array.from({ length: 40 }, () => 0), 0, 1, 1, 1, 1, 0, 0, 0]
-      }
-    }
-  })
-  return meshEntity
-}
-
-function createBillboards() {
-  const plane1 = createPlaneTexture(8, 3, 1)
-  const plane2 = createPlaneTexture(12, 3, 1)
-  createPlaneTexture(4, 3, 1)
-
-  const plane5 = createPlaneTexture(8, 3, 8)
-  const plane4 = createPlaneTexture(12, 3, 8)
-  createPlaneTexture(4, 3, 8)
-
-  Billboard.create(plane1, {
-    billboardMode: BillboardMode.BM_Y_AXE
-  })
-  Billboard.create(plane2)
-  Billboard.create(plane4, {
-    oppositeDirection: true,
-    billboardMode: BillboardMode.BM_ALL_AXES
-  })
-  Billboard.create(plane5, {
-    oppositeDirection: true,
-    billboardMode: BillboardMode.BM_Y_AXE
-  })
-}
-
-function createTextShape(text: string, position: Vector3, textColor: Color4) {
-  const entity = engine.addEntity()
-  Transform.create(entity, { position })
-  return TextShape.create(entity, {
-    text,
-    fontSize: 3,
-    outlineWidth: 0.1,
-    outlineColor: Color3.Black(),
-    textColor
-  })
-}
-
-function createTextShapes() {
-  const regularColor = Color4.create(1, 0.2, 0.8, 0.8)
-  const oppositeColor = Color4.create(0.8, 0.2, 1, 0.8)
-
-  createTextShape(
-    'Regular, only Y-rotation',
-    Vector3.create(8, 1, 1),
-    regularColor
-  )
-  createTextShape('Regular', Vector3.create(12, 1, 1), regularColor)
-  createTextShape('Without billboard', Vector3.create(4, 1, 1), regularColor)
-  createTextShape('Opposite, only Y', Vector3.create(8, 1, 8), oppositeColor)
-  createTextShape('Opposite', Vector3.create(12, 1, 8), oppositeColor)
-  createTextShape('Without billboard', Vector3.create(4, 1, 8), oppositeColor)
-}
-
-createBillboards()
-createTextShapes()
-
-const BouncingBillboard = engine.defineComponent(
-  {
-    t: Schemas.Number,
-    originalPosition: Schemas.Vector3
-  },
-  123123
-)
-
-engine.addSystem((dt: number) => {
-  for (const [entity] of engine.getEntitiesWith(Billboard, Transform)) {
-    if (BouncingBillboard.getOrNull(entity) === null) {
-      BouncingBillboard.create(entity, {
-        originalPosition: Transform.get(entity).position
-      })
-    }
-
-    const bounce = BouncingBillboard.getMutable(entity)
-    bounce.t += dt
-
-    Transform.getMutable(entity).position.y =
-      bounce.originalPosition.y + 0.05 * Math.sin(10 * bounce.t)
-  }
-})

package/dist/playground/snippets/cube-spawner.ts

@@ -1,39 +0,0 @@
-// Cube factory
-function createCube(x: number, y: number, z: number): Entity {
-  const meshEntity = engine.addEntity()
-  Transform.create(meshEntity, { position: { x, y, z } })
-  MeshRenderer.create(meshEntity, { mesh: { $case: 'box', box: { uvs: [] } } })
-  MeshCollider.create(meshEntity, { mesh: { $case: 'box', box: {} } })
-
-  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())
-    )
-  }
-}
-
-// Init
-const initEntity = createCube(8, 1, 8)
-EventsSystem.onPointerDown(
-  initEntity,
-  () => {
-    createCube(1 + Math.random() * 8, Math.random() * 8, 1 + Math.random() * 8)
-  },
-  { button: InputAction.IA_PRIMARY, hoverText: 'Press E to spawn' }
-)
-
-engine.addSystem(circularSystem)
-
-

package/dist/playground/snippets/info.json

@@ -1 +0,0 @@
-[{"name":"Billboard","category":"sample","path":"billboard.ts"},{"name":"Cube Spawner","category":"sample","path":"cube-spawner.ts"},{"name":"Material","category":"component","path":"material.ts"},{"name":"Mesh","category":"component","path":"mesh.ts"},{"name":"Pointer Events","category":"sample","path":"pointer-events.ts"},{"name":"Raycast Hit","category":"component","path":"raycast-hit.ts"},{"name":"Raycast Hit many","category":"sample","path":"raycast-hit-many.ts"},{"name":"Container","category":"ui","path":"ui.tsx"}]

package/dist/playground/snippets/material.ts

@@ -1,48 +0,0 @@
-function createSphere(x: number, y: number, z: number): Entity {
-  const meshEntity = engine.addEntity()
-  Transform.create(meshEntity, { position: { x, y, z } })
-  MeshRenderer.create(meshEntity, { mesh: { $case: 'sphere', sphere: {} } })
-  return meshEntity
-}
-
-Material.create(createSphere(15, 1, 15), {
-  material: {
-    $case: 'pbr',
-    pbr: {
-      albedoColor: { r: 0, g: 0, b: 1 },
-      reflectivityColor: { r: 0.5, g: 0.5, b: 0.5 },
-      metallic: 0.8,
-      roughness: 0.1
-    }
-  }
-})
-
-Material.create(createSphere(13, 1, 15), {
-  material: {
-    $case: 'pbr',
-    pbr: {
-      albedoColor: { r: 1, g: 1, b: 0 },
-      reflectivityColor: { r: 0.5, g: 0.5, b: 0.5 },
-      metallic: 0.1,
-      roughness: 0.8,
-
-      alphaTest: 0.2,
-      transparencyMode: MaterialTransparencyMode.MTM_ALPHA_TEST
-    }
-  }
-})
-
-Material.create(createSphere(11, 1, 15), {
-  material: {
-    $case: 'pbr',
-    pbr: {
-      albedoColor: { r: 0, g: 0, b: 1 },
-      reflectivityColor: { r: 0.5, g: 0.5, b: 0.5 },
-      metallic: 0.1,
-      roughness: 0.1
-    }
-  }
-})
-
-// add textures
-

package/dist/playground/snippets/mesh.ts

@@ -1,68 +0,0 @@
-enum Mesh {
-  BOX,
-  CYLINDER,
-  SPHERE,
-  CONE
-}
-
-function createMesh(
-  x: number,
-  y: number,
-  z: number,
-  mesh: Mesh,
-  withCollider: boolean = false
-) {
-  const meshEntity = engine.addEntity()
-  Transform.create(meshEntity, { position: { x, y, z } })
-
-  switch (mesh) {
-    case Mesh.BOX:
-      MeshRenderer.create(meshEntity, {
-        mesh: { $case: 'box', box: { uvs: [] } }
-      })
-      if (withCollider)
-        MeshCollider.create(meshEntity, { mesh: { $case: 'box', box: {} } })
-      break
-    case Mesh.SPHERE:
-      MeshRenderer.create(meshEntity, { mesh: { $case: 'sphere', sphere: {} } })
-      if (withCollider)
-        MeshCollider.create(meshEntity, {
-          mesh: { $case: 'sphere', sphere: {} }
-        })
-      break
-    case Mesh.CONE:
-    case Mesh.CYLINDER:
-      MeshRenderer.create(meshEntity, {
-        mesh: {
-          $case: 'cylinder',
-          cylinder: {
-            radiusBottom: 1,
-            radiusTop: mesh === Mesh.CONE ? 0 : 1
-          }
-        }
-      })
-      if (withCollider)
-        MeshCollider.create(meshEntity, {
-          mesh: {
-            $case: 'cylinder',
-            cylinder: {
-              radiusBottom: 1,
-              radiusTop: mesh === Mesh.CONE ? 0 : 1
-            }
-          }
-        })
-      break
-  }
-  return meshEntity
-}
-
-createMesh(15, 1, 15, Mesh.BOX)
-createMesh(12, 1, 15, Mesh.CONE)
-createMesh(9, 1, 15, Mesh.SPHERE)
-createMesh(6, 1, 15, Mesh.CYLINDER)
-createMesh(15, 1, 1, Mesh.BOX, true)
-createMesh(12, 1, 1, Mesh.CONE, true)
-createMesh(9, 1, 1, Mesh.SPHERE, true)
-createMesh(6, 1, 1, Mesh.CYLINDER, true)
-
-

package/dist/playground/snippets/pointer-events.ts

@@ -1,50 +0,0 @@
-// Cube factory
-function createCube(
-  x: number,
-  y: number,
-  z: number,
-  pointerEvents: PBPointerHoverFeedback_Entry[]
-): Entity {
-  const meshEntity = engine.addEntity()
-  Transform.create(meshEntity, { position: { x, y, z } })
-  MeshRenderer.create(meshEntity, { mesh: { $case: 'box', box: { uvs: [] } } })
-  MeshCollider.create(meshEntity, { mesh: { $case: 'box', box: {} } })
-  PointerHoverFeedback.create(meshEntity, { pointerEvents })
-  return meshEntity
-}
-
-createCube(15, 1, 15, [
-  {
-    eventType: PointerEventType.PET_DOWN,
-    eventInfo: {
-      button: InputAction.IA_PRIMARY,
-      hoverText: 'PrimaryDown',
-      maxDistance: 5,
-      showFeedback: true
-    }
-  }
-])
-
-createCube(13, 1, 15, [
-  {
-    eventType: PointerEventType.PET_UP,
-    eventInfo: {
-      button: InputAction.IA_SECONDARY,
-      hoverText: 'Secondary Up',
-      maxDistance: 5,
-      showFeedback: true
-    }
-  }
-])
-
-createCube(11, 1, 15, [
-  {
-    eventType: PointerEventType.PET_HOVER_ENTER,
-    eventInfo: {
-      button: InputAction.IA_ANY,
-      hoverText: 'Infinity Hover',
-      maxDistance: 10000000,
-      showFeedback: true
-    }
-  }
-])

package/dist/playground/snippets/raycast-hit-many.ts

@@ -1,63 +0,0 @@
-function createCube(
-  x: number,
-  y: number,
-  z: number,
-  scaleMultiplier: number = 1
-) {
-  const cubeEntity = engine.addEntity()
-
-  Transform.create(cubeEntity, {
-    position: { x, y, z },
-    scale: { x: scaleMultiplier, y: scaleMultiplier, z: scaleMultiplier }
-  })
-
-  MeshRenderer.create(cubeEntity, { mesh: { $case: 'box', box: { uvs: [] } } })
-  MeshCollider.create(cubeEntity, { mesh: { $case: 'box', box: {} } })
-
-  return cubeEntity
-}
-
-// Create cube to hit
-const cubeEntity = createCube(8, 1, 8)
-const _cubeEntity2 = createCube(8, 1, 13)
-const raycastEntity = engine.addEntity()
-
-// Add OnPointerDown component to cube entity to trigger ray casting on interaction
-EventsSystem.onPointerDown(
-  cubeEntity,
-  () => {
-    Raycast.createOrReplace(raycastEntity, {
-      origin: Vector3.create(8, 1, 0.1),
-      direction: Vector3.create(0, 0, 1),
-      maxDistance: 16,
-      queryType: RaycastQueryType.RQT_QUERY_ALL
-    })
-  },
-  {
-    button: InputAction.IA_POINTER,
-    hoverText: 'CAST RAY'
-  }
-)
-
-// System to detect new raycast responses and instantiate a cube where the ray hits
-let lastRaycastTimestamp = -1
-engine.addSystem(() => {
-  for (const [_entity, result] of engine.getEntitiesWith(RaycastResult)) {
-    if (result.hits?.length === 0 || result.timestamp <= lastRaycastTimestamp)
-      continue
-    lastRaycastTimestamp = result.timestamp
-
-    if (result.hits[0] && result.hits[0].position) {
-      createCube(
-        result.hits[0].position.x,
-        result.hits[0].position.y,
-        result.hits[0].position.z,
-        0.3
-      )
-    }
-
-    log(`Hits (this should be '2' the first time): '${result.hits.length}'`)
-  }
-})
-
-

package/dist/playground/snippets/raycast-hit.ts

@@ -1,62 +0,0 @@
-function createCube(
-  x: number,
-  y: number,
-  z: number,
-  scaleMultiplier: number = 1
-) {
-  const cubeEntity = engine.addEntity()
-
-  Transform.create(cubeEntity, {
-    position: { x, y, z },
-    scale: { x: scaleMultiplier, y: scaleMultiplier, z: scaleMultiplier }
-  })
-
-  MeshRenderer.create(cubeEntity, { mesh: { $case: 'box', box: { uvs: [] } } })
-  MeshCollider.create(cubeEntity, { mesh: { $case: 'box', box: {} } })
-
-  return cubeEntity
-}
-
-// Create cube to hit
-const cubeEntity = createCube(8, 1, 8)
-const raycastEntity = engine.addEntity()
-
-// Add OnPointerDown component to cube entity to trigger ray casting on interaction
-EventsSystem.onPointerDown(
-  cubeEntity,
-  () => {
-    Raycast.createOrReplace(raycastEntity, {
-      origin: Vector3.create(8, 1, 0.1),
-      direction: Vector3.create(0, 0, 1),
-      maxDistance: 16,
-      queryType: RaycastQueryType.RQT_HIT_FIRST
-    })
-  },
-  {
-    button: InputAction.IA_POINTER,
-    hoverText: 'CAST RAY'
-  }
-)
-
-// System to detect new raycast responses and instantiate a cube where the ray hits
-let lastRaycastTimestamp = -1
-engine.addSystem(() => {
-  for (const [_entity, result] of engine.getEntitiesWith(RaycastResult)) {
-    if (result.hits?.length === 0 || result.timestamp <= lastRaycastTimestamp)
-      continue
-    lastRaycastTimestamp = result.timestamp
-
-    if (result.hits[0] && result.hits[0].position) {
-      createCube(
-        result.hits[0].position.x,
-        result.hits[0].position.y,
-        result.hits[0].position.z,
-        0.3
-      )
-    }
-
-    log(`Hits (this should be '1'): '${result.hits.length}'`)
-  }
-})
-
-