@dcl/sdk 7.0.0-3244103998.commit-74d3f83 → 7.0.0-3250968661.commit-2850bf7

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-3244103998.commit-74d3f83",
+  "version": "7.0.0-3250968661.commit-2850bf7",
   "description": "",
   "main": "dist/src/index.js",
   "typings": "dist/index.d.ts",
@@ -27,8 +27,8 @@
     "src/cli/**/*.js"
   ],
   "dependencies": {
-    "@dcl/amd": "6.11.9-3244103998.commit-74d3f83",
-    "@dcl/build-ecs": "6.11.9-3244103998.commit-74d3f83",
+    "@dcl/amd": "6.11.9-3250968661.commit-2850bf7",
+    "@dcl/build-ecs": "6.11.9-3250968661.commit-2850bf7",
     "@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": "74d3f83cd5983e1e00143bc9b583dd91ede60eb5"
+  "commit": "2850bf7d7147d59f352d33bf6617aa3ec14baef1"
 }

package/types/ecs7/index.d.ts

@@ -10,8 +10,7 @@ declare const enum AvatarAnchorPointType {
     AAPT_POSITION = 0,
     AAPT_NAME_TAG = 1,
     AAPT_LEFT_HAND = 2,
-    AAPT_RIGHT_HAND = 3,
-    UNRECOGNIZED = -1
+    AAPT_RIGHT_HAND = 3
 }
 
 /** @public */
@@ -22,8 +21,7 @@ declare const AvatarModifierArea: ComponentDefinition<ISchema<PBAvatarModifierAr
 
 declare const enum AvatarModifierType {
     AMT_HIDE_AVATARS = 0,
-    AMT_DISABLE_PASSPORTS = 1,
-    UNRECOGNIZED = -1
+    AMT_DISABLE_PASSPORTS = 1
 }
 
 /** @public */
@@ -32,6 +30,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
  */
@@ -45,15 +48,13 @@ declare const CameraModeArea: ComponentDefinition<ISchema<PBCameraModeArea>, PBC
 
 declare const enum CameraType {
     CT_FIRST_PERSON = 0,
-    CT_THIRD_PERSON = 1,
-    UNRECOGNIZED = -1
+    CT_THIRD_PERSON = 1
 }
 
 declare const enum ColliderLayer {
     CL_NONE = 0,
     CL_POINTER = 1,
-    CL_PHYSICS = 2,
-    UNRECOGNIZED = -1
+    CL_PHYSICS = 2
 }
 
 declare interface Color3 {
@@ -502,8 +503,7 @@ declare type FloatArray = number[];
 
 declare const enum Font {
     F_LIBERATION_SANS = 0,
-    F_SANS_SERIF = 1,
-    UNRECOGNIZED = -1
+    F_SANS_SERIF = 1
 }
 
 /** @public */
@@ -663,8 +663,7 @@ declare const enum InputAction {
     IA_ACTION_3 = 10,
     IA_ACTION_4 = 11,
     IA_ACTION_5 = 12,
-    IA_ACTION_6 = 13,
-    UNRECOGNIZED = -1
+    IA_ACTION_6 = 13
 }
 
 /**
@@ -721,8 +720,7 @@ declare const enum MaterialTransparencyMode {
     MTM_ALPHA_TEST = 1,
     MTM_ALPHA_BLEND = 2,
     MTM_ALPHA_TEST_AND_ALPHA_BLEND = 3,
-    MTM_AUTO = 4,
-    UNRECOGNIZED = -1
+    MTM_AUTO = 4
 }
 
 /**
@@ -1499,8 +1497,7 @@ declare const enum NftFrameType {
     NFT_WOOD_WIDE = 19,
     NFT_WOOD_TWIGS = 20,
     NFT_CANVAS = 21,
-    NFT_NONE = 22,
-    UNRECOGNIZED = -1
+    NFT_NONE = 22
 }
 
 /** @public */
@@ -1883,12 +1880,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 {
@@ -2065,18 +2060,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 */
@@ -2097,7 +2087,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 {
@@ -2311,8 +2301,7 @@ declare const enum PointerEventType {
     PET_UP = 0,
     PET_DOWN = 1,
     PET_HOVER_ENTER = 2,
-    PET_HOVER_LEAVE = 3,
-    UNRECOGNIZED = -1
+    PET_HOVER_LEAVE = 3
 }
 
 /** @public */
@@ -2550,8 +2539,7 @@ declare interface RaycastHit {
 
 declare const enum RaycastQueryType {
     RQT_HIT_FIRST = 0,
-    RQT_QUERY_ALL = 1,
-    UNRECOGNIZED = -1
+    RQT_QUERY_ALL = 1
 }
 
 /** @public */
@@ -2624,10 +2612,15 @@ declare interface Spec {
 declare type SystemFn = (dt: number) => void;
 
 declare const enum TextAlignMode {
-    TAM_CENTER = 0,
-    TAM_LEFT = 1,
-    TAM_RIGHT = 2,
-    UNRECOGNIZED = -1
+    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 */
@@ -2636,16 +2629,14 @@ declare const TextShape: ComponentDefinition<ISchema<PBTextShape>, PBTextShape>;
 declare const enum TextureFilterMode {
     TFM_POINT = 0,
     TFM_BILINEAR = 1,
-    TFM_TRILINEAR = 2,
-    UNRECOGNIZED = -1
+    TFM_TRILINEAR = 2
 }
 
 declare const enum TextureWrapMode {
     TWM_REPEAT = 0,
     TWM_CLAMP = 1,
     TWM_MIRROR = 2,
-    TWM_MIRROR_ONCE = 3,
-    UNRECOGNIZED = -1
+    TWM_MIRROR_ONCE = 3
 }
 
 declare type ToOptional<T> = OnlyOptionalUndefinedTypes<T> & OnlyNonUndefinedTypes<T>;
@@ -3303,29 +3294,25 @@ declare const enum YGAlign {
     YGA_STRETCH = 4,
     YGA_BASELINE = 5,
     YGA_SPACE_BETWEEN = 6,
-    YGA_SPACE_AROUND = 7,
-    UNRECOGNIZED = -1
+    YGA_SPACE_AROUND = 7
 }
 
 declare const enum YGDirection {
     YGD_INHERIT = 0,
     YGD_LTR = 1,
-    YGD_RTL = 2,
-    UNRECOGNIZED = -1
+    YGD_RTL = 2
 }
 
 declare const enum YGDisplay {
     YGD_FLEX = 0,
-    YGD_NONE = 1,
-    UNRECOGNIZED = -1
+    YGD_NONE = 1
 }
 
 declare const enum YGFlexDirection {
     YGFD_COLUMN = 0,
     YGFD_COLUMN_REVERSE = 1,
     YGFD_ROW = 2,
-    YGFD_ROW_REVERSE = 3,
-    UNRECOGNIZED = -1
+    YGFD_ROW_REVERSE = 3
 }
 
 declare const enum YGJustify {
@@ -3334,37 +3321,32 @@ declare const enum YGJustify {
     YGJ_FLEX_END = 2,
     YGJ_SPACE_BETWEEN = 3,
     YGJ_SPACE_AROUND = 4,
-    YGJ_SPACE_EVENLY = 5,
-    UNRECOGNIZED = -1
+    YGJ_SPACE_EVENLY = 5
 }
 
 declare const enum YGOverflow {
     YGO_VISIBLE = 0,
     YGO_HIDDEN = 1,
-    YGO_SCROLL = 2,
-    UNRECOGNIZED = -1
+    YGO_SCROLL = 2
 }
 
 declare const enum YGPositionType {
     YGPT_STATIC = 0,
     YGPT_RELATIVE = 1,
-    YGPT_ABSOLUTE = 2,
-    UNRECOGNIZED = -1
+    YGPT_ABSOLUTE = 2
 }
 
 declare const enum YGUnit {
     YGU_UNDEFINED = 0,
     YGU_POINT = 1,
     YGU_PERCENT = 2,
-    YGU_AUTO = 3,
-    UNRECOGNIZED = -1
+    YGU_AUTO = 3
 }
 
 declare const enum YGWrap {
     YGW_NO_WRAP = 0,
     YGW_WRAP = 1,
-    YGW_WRAP_REVERSE = 2,
-    UNRECOGNIZED = -1
+    YGW_WRAP_REVERSE = 2
 }