fix m-light cast-shadows (#196)

Co-authored-by: Marcus Longmuir <[email protected]>

packages/mml-web/src/elements/Light.ts

@@ -27,7 +27,7 @@ const defaultLightAngle = 45;
 const defaultLightEnabled = true;
 const defaultLightDebug = false;
 const defaultLightDistance = 0;
-const defaultLightCastShadow = true;
+const defaultLightCastShadows = true;
 const defaultLightType = lightTypes.spotlight;
 
 export class Light extends TransformableElement {
@@ -63,7 +63,7 @@ export class Light extends TransformableElement {
     enabled: defaultLightEnabled,
     angleDeg: defaultLightAngle,
     distance: defaultLightDistance,
-    castShadow: defaultLightCastShadow,
+    castShadows: defaultLightCastShadows,
     debug: defaultLightDebug,
     type: defaultLightType as lightTypes,
   };
@@ -104,9 +104,9 @@ export class Light extends TransformableElement {
         (instance.light as THREE.PointLight).distance = instance.props.distance;
       }
     },
-    "cast-shadow": (instance, newValue) => {
-      instance.props.castShadow = parseBoolAttribute(newValue, defaultLightCastShadow);
-      instance.light.castShadow = instance.props.castShadow;
+    "cast-shadows": (instance, newValue) => {
+      instance.props.castShadows = parseBoolAttribute(newValue, defaultLightCastShadows);
+      instance.light.castShadow = instance.props.castShadows;
     },
     debug: (instance, newValue) => {
       instance.props.debug = parseBoolAttribute(newValue, defaultLightDebug);
@@ -210,7 +210,7 @@ export class Light extends TransformableElement {
     }
 
     if (this.light.shadow) {
-      this.light.castShadow = this.props.castShadow;
+      this.light.castShadow = this.props.castShadows;
       this.light.shadow.mapSize.width = 512;
       this.light.shadow.mapSize.height = 512;
       if (this.light.shadow.camera instanceof THREE.PerspectiveCamera) {

packages/schema/src/schema-src/mml.xsd

@@ -564,7 +564,7 @@
               </xs:documentation>
             </xs:annotation>
           </xs:attribute>
-          <xs:attribute name="cast-shadow" type="xs:boolean">
+          <xs:attribute name="cast-shadows" type="xs:boolean">
             <xs:annotation>
               <xs:documentation>
                 Whether the light cast shadows (true) or not (false). Default value is true.