소스 검색

。。。

zhishenguoke 3 년 전
부모
커밋
3b4081c43a
5개의 변경된 파일109개의 추가작업 그리고 1개의 파일을 삭제
  1. 33 0
      src/components/AssetsInspector.vue
  2. 33 0
      src/components/AssetsItem.vue
  3. 38 0
      src/components/AssetsList.vue
  4. 1 0
      src/main.ts
  5. 4 1
      src/webgl/assets/marmosets/MviewFiles/Mesh.ts

+ 33 - 0
src/components/AssetsInspector.vue

@@ -0,0 +1,33 @@
+<template>
+    <div class="assets-inspector">
+        {{ asset.name }}
+    </div>
+</template>
+
+<script lang="ts">
+import { Component, Vue, Prop } from 'vue-property-decorator';
+import { MeshMaterial } from '../webgl/materials/marmoset'
+
+@Component
+export default class AssetInspector extends Vue {
+
+  @Prop()
+  asset!: any  
+
+  mounted() {
+
+    
+  }
+
+}
+</script>
+<style lang="less" scoped>
+
+    .assets-item {
+
+        width: 100px;
+        height: 100px;
+        border: 1px solid red;
+
+    }
+</style>

+ 33 - 0
src/components/AssetsItem.vue

@@ -0,0 +1,33 @@
+<template>
+    <div class="assets-item">
+        {{ asset.name }}
+    </div>
+</template>
+
+<script lang="ts">
+import { Component, Vue, Prop } from 'vue-property-decorator';
+import { MeshMaterial } from '../webgl/materials/marmoset'
+
+@Component
+export default class AssetItem extends Vue {
+
+  @Prop()
+  asset!: any  
+
+  mounted() {
+
+    
+  }
+
+}
+</script>
+<style lang="less" scoped>
+
+    .assets-item {
+
+        width: 100px;
+        height: 100px;
+        border: 1px solid red;
+
+    }
+</style>

+ 38 - 0
src/components/AssetsList.vue

@@ -0,0 +1,38 @@
+<template>
+    <div class="assets-list">
+        <assets-item v-for="item in assets" :key="item.id" :asset="item"> {{item.name}} </assets-item>
+    </div>
+</template>
+
+<script lang="ts">
+import { Component, Vue, Prop } from 'vue-property-decorator';
+import AssetItem from '../components/AssetsItem.vue'
+
+
+
+@Component({
+    components: {
+        'assets-item': AssetItem
+    }
+})
+export default class AssetList extends Vue {
+
+  @Prop({ default: []})
+  assets!: [] 
+
+  mounted() {
+
+    
+  }
+
+}
+</script>
+<style lang="less" scoped>
+
+    .assets-list {
+
+        display: flex;
+        flex-wrap: wrap;
+
+    }
+</style>

+ 1 - 0
src/main.ts

@@ -11,3 +11,4 @@ new Vue({
   router,
   render: h => h(App)
 }).$mount('#app')
+

+ 4 - 1
src/webgl/assets/marmosets/MviewFiles/Mesh.ts

@@ -20,7 +20,10 @@ interface Mesh {
 
     subMeshes: SubMesh[]
 
-    transform: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number]
+    transform: [number, number, number, number, 
+                number, number, number, number, 
+                number, number, number, number, 
+                number, number, number, number]
 
     file: string
 }