explored a lot with troisjs except for models

Author: lindazha0

.DS_Store

@@ -8,6 +8,7 @@
  "lint": "vue-cli-service lint"
  },
  "dependencies": {
+ "@element-plus/icons-vue": "^1.1.4",
  "core-js": "^3.8.3",
  "element-plus": "^2.1.7",
  "troisjs": "^0.3.4",

three-js-tutorials/package-lock.json

@@ -1,20 +1,22 @@
 <template>
  <div>
  <el-row>
- <img alt="Vue logo" src="./assets/logo.png" :width="100" />
+ <img alt="Vue logo" src="./assets/logo.png" width="1000" height="10"/>
  </el-row>
  <el-row :gutter="20">
- <el-col :span="6">
- <HelloWorld msg="Welcome to Your Vue.js App" />
+ <el-col :span="12">
+  <troisInternal msg="Welcome to Your Vue.js App" />
  </el-col>
- <el-col :span="6">
- <SpinningCube />
+ <el-col :span="12">
+  <troisModel />
  </el-col>
- <el-col :span="6">
- <HelloWorld msg="Welcome to Your Vue.js App" />
+ </el-row>
+ <el-row :gutter="20">
+ <el-col :span="12">
+ <threeJS />
  </el-col>
- <el-col :span="6">
- <HelloWorld msg="Welcome to Your Vue.js App" />
+ <el-col :span="12">
+ <threeModel />
  </el-col>
  </el-row>
  </div>
@@ -23,14 +25,19 @@
 
 <script>
 /* eslint-disable */
-import HelloWorld from "./components/HelloWorld.vue";
-import SpinningCube from "./components/SpinningCube.vue";
+import HelloWorld from "./components/TroisCube.vue";
+import troisModel from "./components/TroisLoadModel.vue";
+import ThreeJS from "./components/ThreeJS.vue";
+import ThreeJSModel from "./components/ThreeJSModel.vue";
 
 export default {
+ components: { ThreeJS },
  name: "App",
  components: {
- HelloWorld,
- SpinningCube,
+ troisInternal: HelloWorld,
+ troisModel,
+ threeJS: ThreeJS,
+ threeModel: ThreeJSModel,
  },
 };
 </script>