From 0f830f1b010f2e739e59acb7df1d1e81519a4bc0 Mon Sep 17 00:00:00 2001
From: Kevin Levron <kevin.levron@gmail.com>
Date: Sat, 3 Oct 2020 11:19:03 +0200
Subject: [PATCH] wip

---
 src/components/demos/Demo3.vue | 9 ++++++---
 src/components/demos/Demo4.vue | 2 +-
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/components/demos/Demo3.vue b/src/components/demos/Demo3.vue
index c14a99c..a68681d 100644
--- a/src/components/demos/Demo3.vue
+++ b/src/components/demos/Demo3.vue
@@ -1,15 +1,16 @@
 <template>
   <Renderer ref="renderer" :auto-clear="false" :orbit-ctrl="{ enableDamping: true, dampingFactor: 0.05 }" mouse-move="body" :mouse-raycast="true">
     <Camera :position="{ z: 200 }" />
-    <StandardMaterial id="material" :transparent="true" :opacity="0.9" :metalness="0.8" :roughness="0.5" />
-    <PhongMaterial id="material1" />
     <Scene>
       <AmbientLight color="#808080" />
       <PointLight color="#ff6000" />
       <PointLight ref="light" color="#0060ff" :intensity="0.5" />
+
       <InstancedMesh ref="imesh" material-id="material" :count="NUM_INSTANCES">
         <BoxGeometry :width="2" :height="2" :depth="10" />
+        <StandardMaterial :transparent="true" :opacity="0.9" :metalness="0.8" :roughness="0.5" />
       </InstancedMesh>
+
       <Text
         text="TroisJS"
         font-src="helvetiker_regular.typeface.json"
@@ -19,7 +20,9 @@
         :height="5"
         :position="{ x: 0, y: 0, z: 0 }"
         :cast-shadow="true"
-      />
+      >
+        <PhongMaterial />
+      </Text>
     </Scene>
     <EffectComposer>
       <RenderPass />
diff --git a/src/components/demos/Demo4.vue b/src/components/demos/Demo4.vue
index 0316e83..73416d1 100644
--- a/src/components/demos/Demo4.vue
+++ b/src/components/demos/Demo4.vue
@@ -1,12 +1,12 @@
 <template>
   <Renderer ref="renderer" :orbit-ctrl="{ enableDamping: true, dampingFactor: 0.05 }" :shadow="true">
     <Camera :position="{ z: 100 }" />
-    <PhongMaterial id="material" color="#ffffff" />
     <Scene>
       <SpotLight color="#ffffff" :intensity="0.5" :position="{ y: 150, z: 0 }" :cast-shadow="true" :shadow-map-size="{ width: 1024, height: 1024 }" />
       <SpotLight color="#ff0000" :intensity="0.5" :position="{ y: -150, z: 0 }" :cast-shadow="true" :shadow-map-size="{ width: 1024, height: 1024 }" />
       <InstancedMesh ref="imesh" material-id="material" :count="NUM_INSTANCES" :cast-shadow="true" :receive-shadow="true">
         <SphereGeometry :radius="5" />
+        <PhongMaterial />
       </InstancedMesh>
     </Scene>
     <EffectComposer>