diff --git a/src/components/Test1.vue b/src/components/Test1.vue
index 420c166..8242a50 100644
--- a/src/components/Test1.vue
+++ b/src/components/Test1.vue
@@ -1,10 +1,10 @@
 <template>
   <Renderer ref="renderer">
-    <Camera :position="{ z: 100 }"></Camera>
+    <Camera :position="{ z: 10 }"></Camera>
     <LambertMaterial id="material"></LambertMaterial>
     <Scene>
       <PointLight :position="{ y: 50, z: 50 }"></PointLight>
-      <Box ref="box" :size="10" :rotation="{ y: Math.PI / 4, z: Math.PI / 4 }" material="material"></Box>
+      <Box ref="box" :size="1" :rotation="{ y: Math.PI / 4, z: Math.PI / 4 }" material-id="material"></Box>
     </Scene>
   </Renderer>
 </template>
diff --git a/src/components/Test2.vue b/src/components/Test2.vue
index 0cc6d32..5f9b78f 100644
--- a/src/components/Test2.vue
+++ b/src/components/Test2.vue
@@ -6,7 +6,7 @@
       <AmbientLight color="#808080"></AmbientLight>
       <PointLight color="#ff6000"></PointLight>
       <PointLight ref="light" color="#0060ff" :intensity="0.5"></PointLight>
-      <InstancedMesh ref="imesh" material="material" :count="NUM_INSTANCES">
+      <InstancedMesh ref="imesh" material-id="material" :count="NUM_INSTANCES">
         <BoxGeometry :width="2" :height="2" :depth="10"></BoxGeometry>
       </InstancedMesh>
     </Scene>
diff --git a/src/components/Test3.vue b/src/components/Test3.vue
index 2adfa00..27778ee 100644
--- a/src/components/Test3.vue
+++ b/src/components/Test3.vue
@@ -5,7 +5,7 @@
     <Scene>
       <SpotLight color="#ffffff" :intensity="0.5" :position="{ y: 150, z: 0 }" :cast-shadow="true" :shadow-map-size="{ width: 1024, height: 1024 }"></SpotLight>
       <SpotLight color="#ff0000" :intensity="0.5" :position="{ y: -150, z: 0 }" :cast-shadow="true" :shadow-map-size="{ width: 1024, height: 1024 }"></SpotLight>
-      <InstancedMesh ref="imesh" material="material" :count="NUM_INSTANCES" :cast-shadow="true" :receive-shadow="true">
+      <InstancedMesh ref="imesh" material-id="material" :count="NUM_INSTANCES" :cast-shadow="true" :receive-shadow="true">
         <SphereGeometry :radius="5"></SphereGeometry>
       </InstancedMesh>
     </Scene>
diff --git a/src/components/Test4.vue b/src/components/Test4.vue
index 7308dcc..3c35486 100644
--- a/src/components/Test4.vue
+++ b/src/components/Test4.vue
@@ -7,7 +7,7 @@
         ref="text"
         text="TroisJS"
         font-src="helvetiker_regular.typeface.json"
-        material="material"
+        material-id="material"
         align="center"
         @ready="anim"
       ></Text>
@@ -19,7 +19,6 @@
 export default {
   methods: {
     anim() {
-      console.log('anim');
       this.$refs.renderer.onBeforeRender(() => {
         this.$refs.text.mesh.rotation.x += 0.01;
       });