@dcl/sdk 7.0.0-3244243254.commit-d5804ee → 7.0.0-3252840030.commit-001810b

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

@@ -1,11 +1,17 @@
 syntax = "proto3";
+
 package decentraland.sdk.components;
 
 import "decentraland/sdk/components/common/id.proto";
+
 option (common.ecs_component_id) = 1090;
 
+enum BillboardMode {
+  BM_ALL_AXES = 0;
+  BM_Y_AXE = 1;
+}
+
 message PBBillboard {
-  optional bool x = 1; // default=true
-  optional bool y = 2; // default=true
-  optional bool z = 3; // default=true
-}
+  optional BillboardMode billboard_mode = 1; // default=BM_ALL_AXES
+  optional bool opposite_direction = 2; // default=false
+}

package/dist/ecs7/proto-definitions/common/texts.proto

@@ -3,9 +3,15 @@ syntax = "proto3";
 package decentraland.sdk.components.common;
 
 enum TextAlignMode {
-  TAM_CENTER = 0;
-  TAM_LEFT = 1;
-  TAM_RIGHT = 2;
+  TAM_TOP_LEFT = 0;
+  TAM_TOP_CENTER = 1;
+  TAM_TOP_RIGHT = 2;
+  TAM_MIDDLE_LEFT = 3;
+  TAM_MIDDLE_CENTER = 4;
+  TAM_MIDDLE_RIGHT = 5;
+  TAM_BOTTOM_LEFT = 6;
+  TAM_BOTTOM_CENTER = 7;
+  TAM_BOTTOM_RIGHT = 8;
 }
 
 enum Font {

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

@@ -4,33 +4,30 @@ package decentraland.sdk.components;
 
 import "decentraland/common/colors.proto";
 import "decentraland/sdk/components/common/id.proto";
+import "decentraland/sdk/components/common/texts.proto";
 
 option (common.ecs_component_id) = 1030;
 
 message PBTextShape {
   string text = 1;
-  // @deprecated use HiddenComponent instead https://github.com/decentraland/sdk/issues/353
-  optional bool visible = 2; // default=true
-  optional string font = 3;
-  optional float opacity = 4; // default=1.0f
-  optional float font_size = 5; // default=10
-  optional bool font_auto_size = 6;
-  optional string h_text_align = 7; // default='center'
-  optional string v_text_align = 8; // default='center'
-  optional float width = 9; // default=1
-  optional float height = 10; // default=1
-  optional float padding_top = 11;
-  optional float padding_right = 12;
-  optional float padding_bottom = 13;
-  optional float padding_left = 14;
-  optional float line_spacing = 15;
-  optional int32 line_count = 16;
-  optional bool text_wrapping = 17;
-  optional float shadow_blur = 18;
-  optional float shadow_offset_x = 19;
-  optional float shadow_offset_y = 20;
-  optional float outline_width = 21;
-  optional decentraland.common.Color3 shadow_color = 22; // default=(1.0,1.0,1.0)
-  optional decentraland.common.Color3 outline_color = 23; // default=(1.0,1.0,1.0)
-  optional decentraland.common.Color3 text_color = 24; // default=(1.0,1.0,1.0)
+  optional common.Font font = 2; // default=F_SANS_SERIF
+  optional float font_size = 3; // default=10
+  optional bool font_auto_size = 4;
+  optional common.TextAlignMode text_align = 5; // default=TAM_CENTER_CENTER
+  optional float width = 6; // default=1
+  optional float height = 7; // default=1
+  optional float padding_top = 8;
+  optional float padding_right = 9;
+  optional float padding_bottom = 10;
+  optional float padding_left = 11;
+  optional float line_spacing = 12;
+  optional int32 line_count = 13;
+  optional bool text_wrapping = 14;
+  optional float shadow_blur = 15;
+  optional float shadow_offset_x = 16;
+  optional float shadow_offset_y = 17;
+  optional float outline_width = 18;
+  optional decentraland.common.Color3 shadow_color = 19; // default=(1.0,1.0,1.0)
+  optional decentraland.common.Color3 outline_color = 20; // default=(1.0,1.0,1.0)
+  optional decentraland.common.Color4 text_color = 21; // default=(1.0,1.0,1.0)
 }

package/dist/playground/snippets/billboard.ts

@@ -0,0 +1,87 @@
+function createPlaneTexture(x: number, y: number, z: number): Entity {
+  const meshEntity = engine.addEntity()
+
+  Material.create(meshEntity, {
+    texture: { src: 'models/polaroid2.png' }
+  })
+  Transform.create(meshEntity, {
+    position: { x, y, z },
+    scale: Vector3.create(2, 2, 2)
+  })
+  MeshRenderer.create(meshEntity, {
+    plane: {
+      uvs: [...Array.from({ length: 40 }, () => 0), 0, 1, 1, 1, 1, 0, 0, 0]
+    }
+  })
+  return meshEntity
+}
+
+function createBillboards() {
+  Billboard.create(createPlaneTexture(8, 3, 1), {
+    billboardMode: BillboardMode.BM_Y_AXE
+  })
+  Billboard.create(createPlaneTexture(12, 3, 1))
+  createPlaneTexture(4, 3, 1)
+
+  Billboard.create(createPlaneTexture(8, 3, 8), {
+    oppositeDirection: true,
+    billboardMode: BillboardMode.BM_Y_AXE
+  })
+  Billboard.create(createPlaneTexture(12, 3, 8), {
+    oppositeDirection: true,
+    billboardMode: BillboardMode.BM_ALL_AXES
+  })
+  createPlaneTexture(4, 3, 8)
+}
+
+function createTextShape(text: string, position: Vector3.ReadonlyVector3) {
+  const entity = engine.addEntity()
+  Transform.create(entity, { position })
+  return TextShape.create(entity, { text })
+}
+
+function createTextShapes() {
+  const text1 = createTextShape(
+    'Regular, only Y-rotation',
+    Vector3.create(8, 1, 1)
+  )
+  text1.fontSize = 3
+  text1.textColor = { r: 1, g: 0.2, b: 0.8, a: 0.8 }
+  text1.outlineColor = { r: 0, g: 0, b: 0 }
+  text1.outlineWidth = 0.1
+
+  const text2 = createTextShape('Regular', Vector3.create(12, 1, 1))
+  text2.fontSize = 3
+  text2.textColor = { r: 1, g: 0.2, b: 0.8, a: 0.8 }
+  text2.outlineColor = { r: 0, g: 0, b: 0 }
+  text2.outlineWidth = 0.1
+
+  const text3 = createTextShape('Without billboard', Vector3.create(4, 1, 1))
+  text3.fontSize = 3
+  text3.textColor = { r: 1, g: 0.2, b: 0.8, a: 0.8 }
+  text3.outlineColor = { r: 0, g: 0, b: 0 }
+  text3.outlineWidth = 0.1
+
+  const text4 = createTextShape('Opposite, only Y', Vector3.create(8, 1, 8))
+  text4.fontSize = 3
+  text4.textColor = { r: 0.8, g: 0.2, b: 1.0, a: 0.8 }
+  text4.outlineColor = { r: 0, g: 0, b: 0 }
+  text4.outlineWidth = 0.1
+
+  const text5 = createTextShape('Opposite', Vector3.create(12, 1, 8))
+  text5.fontSize = 3
+  text5.textColor = { r: 0.8, g: 0.2, b: 1.0, a: 0.8 }
+  text5.outlineColor = { r: 0, g: 0, b: 0 }
+  text5.outlineWidth = 0.1
+
+  const text6 = createTextShape('Without billboard', Vector3.create(4, 1, 8))
+  text6.fontSize = 3
+  text6.textColor = { r: 0.8, g: 0.2, b: 1.0, a: 0.8 }
+  text6.outlineColor = { r: 0, g: 0, b: 0 }
+  text6.outlineWidth = 0.1
+}
+
+createBillboards()
+createTextShapes()
+
+

package/dist/playground/snippets/info.json

@@ -1 +1 @@
-[{"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":"Raycast Hit Oscilator","category":"sample","path":"raycast-hit-oscilator.ts"},{"name":"Container","category":"ui","path":"ui.tsx"}]
+[{"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":"Raycast Hit Oscilator","category":"sample","path":"raycast-hit-oscilator.ts"},{"name":"Container","category":"ui","path":"ui.tsx"}]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dcl/sdk",
-  "version": "7.0.0-3244243254.commit-d5804ee",
+  "version": "7.0.0-3252840030.commit-001810b",
   "description": "",
   "main": "dist/src/index.js",
   "typings": "dist/index.d.ts",
@@ -27,8 +27,8 @@
     "src/cli/**/*.js"
   ],
   "dependencies": {
-    "@dcl/amd": "6.11.9-3244243254.commit-d5804ee",
-    "@dcl/build-ecs": "6.11.9-3244243254.commit-d5804ee",
+    "@dcl/amd": "6.11.9-3252840030.commit-001810b",
+    "@dcl/build-ecs": "6.11.9-3252840030.commit-001810b",
     "@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": "d5804ee7585088b786140ad2cee51d99851d11e5"
+  "commit": "001810bb0d4daec0e5271dfc6fc9bac338d13dcc"
 }

package/types/ecs7/index.d.ts

@@ -6,6 +6,9 @@ declare const Animator: ComponentDefinition<ISchema<PBAnimator>, PBAnimator>;
 /** @public */
 declare const AudioSource: ComponentDefinition<ISchema<PBAudioSource>, PBAudioSource>;
 
+/** @public */
+declare const AudioStream: ComponentDefinition<ISchema<PBAudioStream>, PBAudioStream>;
+
 declare const enum AvatarAnchorPointType {
     AAPT_POSITION = 0,
     AAPT_NAME_TAG = 1,
@@ -30,6 +33,11 @@ declare const AvatarShape: ComponentDefinition<ISchema<PBAvatarShape>, PBAvatarS
 /** @public */
 declare const Billboard: ComponentDefinition<ISchema<PBBillboard>, PBBillboard>;
 
+declare const enum BillboardMode {
+    BM_ALL_AXES = 0,
+    BM_Y_AXE = 1
+}
+
 /**
  * @public
  */
@@ -200,6 +208,8 @@ declare namespace Components {
     /** @public */
     const AudioSource: ComponentDefinition<ISchema<PBAudioSource>, PBAudioSource>;
     /** @public */
+    const AudioStream: ComponentDefinition<ISchema<PBAudioStream>, PBAudioStream>;
+    /** @public */
     const AvatarAttach: ComponentDefinition<ISchema<PBAvatarAttach>, PBAvatarAttach>;
     /** @public */
     const AvatarModifierArea: ComponentDefinition<ISchema<PBAvatarModifierArea>, PBAvatarModifierArea>;
@@ -438,6 +448,7 @@ declare function defineSdkComponents(engine: PreEngine): {
     MeshCollider: ComponentDefinition<ISchema<PBMeshCollider>, Partial<PBMeshCollider>>;
     Animator: ComponentDefinition<ISchema<PBAnimator>, PBAnimator>;
     AudioSource: ComponentDefinition<ISchema<PBAudioSource>, PBAudioSource>;
+    AudioStream: ComponentDefinition<ISchema<PBAudioStream>, PBAudioStream>;
     AvatarAttach: ComponentDefinition<ISchema<PBAvatarAttach>, PBAvatarAttach>;
     AvatarModifierArea: ComponentDefinition<ISchema<PBAvatarModifierArea>, PBAvatarModifierArea>;
     AvatarShape: ComponentDefinition<ISchema<PBAvatarShape>, PBAvatarShape>;
@@ -1833,6 +1844,13 @@ declare interface PBAudioSource {
     audioClipUrl: string;
 }
 
+declare interface PBAudioStream {
+    playing?: boolean | undefined;
+    /** default=1.0f */
+    volume?: number | undefined;
+    url: string;
+}
+
 declare interface PBAvatarAttach {
     avatarId: string;
     anchorPointId: AvatarAnchorPointType;
@@ -1875,12 +1893,10 @@ declare interface PBAvatarShape {
 }
 
 declare interface PBBillboard {
-    /** default=true */
-    x?: boolean | undefined;
-    /** default=true */
-    y?: boolean | undefined;
-    /** default=true */
-    z?: boolean | undefined;
+    /** default=BM_ALL_AXES */
+    billboardMode?: BillboardMode | undefined;
+    /** default=false */
+    oppositeDirection?: boolean | undefined;
 }
 
 declare interface PBCameraMode {
@@ -2057,18 +2073,13 @@ declare interface PBRaycastResult {
 
 declare interface PBTextShape {
     text: string;
-    /** @deprecated use HiddenComponent instead https://github.com/decentraland/sdk/issues/353 */
-    visible?: boolean | undefined;
-    font?: string | undefined;
-    /** default=1.0f */
-    opacity?: number | undefined;
+    /** default=F_SANS_SERIF */
+    font?: Font | undefined;
     /** default=10 */
     fontSize?: number | undefined;
     fontAutoSize?: boolean | undefined;
-    /** default='center' */
-    hTextAlign?: string | undefined;
-    /** default='center' */
-    vTextAlign?: string | undefined;
+    /** default=TAM_CENTER_CENTER */
+    textAlign?: TextAlignMode | undefined;
     /** default=1 */
     width?: number | undefined;
     /** default=1 */
@@ -2089,7 +2100,7 @@ declare interface PBTextShape {
     /** default=(1.0,1.0,1.0) */
     outlineColor?: Color3 | undefined;
     /** default=(1.0,1.0,1.0) */
-    textColor?: Color3 | undefined;
+    textColor?: Color4 | undefined;
 }
 
 declare interface PBUiBackground {
@@ -2614,9 +2625,15 @@ declare interface Spec {
 declare type SystemFn = (dt: number) => void;
 
 declare const enum TextAlignMode {
-    TAM_CENTER = 0,
-    TAM_LEFT = 1,
-    TAM_RIGHT = 2
+    TAM_TOP_LEFT = 0,
+    TAM_TOP_CENTER = 1,
+    TAM_TOP_RIGHT = 2,
+    TAM_MIDDLE_LEFT = 3,
+    TAM_MIDDLE_CENTER = 4,
+    TAM_MIDDLE_RIGHT = 5,
+    TAM_BOTTOM_LEFT = 6,
+    TAM_BOTTOM_CENTER = 7,
+    TAM_BOTTOM_RIGHT = 8
 }
 
 /** @public */