Added a prop to control the phones color

2026-03-26 12:55:08 +00:00 · 2022-01-30 00:03:05 +03:00
parent d497bfca8d
commit 3dccc62f9c
3 changed files with 13 additions and 4 deletions
--- a/src/Mockup.vue
+++ b/src/Mockup.vue
@@ -24,7 +24,11 @@ export default {
    },
    lightClr: {
      type: String,
-      default: 'hsl(0, 100%, 100%)',
+      default: 'white',
+    },
+    phoneClr: {
+      type: String,
+      default: 'white',
    },
  },
  setup(props) {
@@ -115,7 +119,7 @@ export default {
            (body) => {
              body.traverse((child) => {
                if (child instanceof THREE.Mesh) {
-                  child.material = new THREE.MeshLambertMaterial();
+                  child.material = new THREE.MeshLambertMaterial({ color: props.phoneClr });
                }
              });