haselkern/Minecraft-ArmorStand
1
0
Fork 0
mirror of https://github.com/haselkern/Minecraft-ArmorStand.git synced 2025-05-17 15:05:33 +00:00
Code Activity

Added armorstand model

Browse source
This commit is contained in:
Lars Martens 2020-12-17 23:01:00 +01:00
parent cb781e94eb
commit 11eec45515
2 changed files with 88 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

19
src/App.vue
View file

@ -1,15 +1,14 @@
<template> <template>
<div class="grid grid-cols-5 min-h-screen bg-gray-700"> <div class="grid grid-cols-5 min-h-screen bg-gray-700">
<div ref="rendererwrapper" class="col-span-3"> <div ref="rendererwrapper" class="col-span-3">
<renderer :obj="renderer" :size="{w: 400, h: 400}"> <renderer :obj="renderer" :size="{w: 400, h: 400}">
<scene> <scene>
<camera :obj="camera" :position="{ z: 5 }"></camera> <orbit-controls :position="{z: 3}"
<light :hex="0xEEEEEE" :position="{x: 10, y: 10, z: 10}"></light> :rotation="{x: 2, y: 0, z: 3}">
<light :obj="ambientLight"></light> <camera :obj="camera"></camera>
<mesh :rotation="rotationInRad"> <light :hex="0xFFFFFF" :position="{x: 100, y: 200, z: 300}"></light>
<geometry type="Box" :args="[1, 1, 1]"></geometry> </orbit-controls>
<material type="MeshLambert" :obj="testMaterial"></material> <armorstand></armorstand>
</mesh>
</scene> </scene>
</renderer> </renderer>
</div> </div>
@ -50,15 +49,15 @@
<script> <script>
import Card from "./components/Card"; import Card from "./components/Card";
import Armorstand from "./components/Armorstand";
import * as THREE from "three"; import * as THREE from "three";
export default { export default {
components: {Card}, components: {Card, Armorstand},
data() { data() {
return { return {
renderer: new THREE.WebGLRenderer({alpha: true, antialias: true}), renderer: new THREE.WebGLRenderer({alpha: true, antialias: true}),
camera: new THREE.PerspectiveCamera(70, 400 / 400, 0.1, 100), camera: new THREE.PerspectiveCamera(70, 400 / 400, 0.1, 100),
testMaterial: new THREE.MeshLambertMaterial({color: 0x826841}),
ambientLight: new THREE.AmbientLight(0x333333), ambientLight: new THREE.AmbientLight(0x333333),
rotation: {x: 30, y: 40, z: 0}, rotation: {x: 30, y: 40, z: 0},
}; };

81
src/components/Armorstand.vue
View file

@ -1,5 +1,81 @@
<template> <template>
<!-- Armorstand -->
<object3d :position="{y: -1}">
<!-- BasePlate -->
<mesh :position="{x: 0, y: -1/32, z: 0}">
<material type="MeshPhong" :color="colorStone"></material>
<geometry type="Box" :args="[12/16, 1/16, 12/16]"></geometry>
</mesh>
<!-- Little direction indicator for the baseplate -->
<mesh :position="{x: 0, y: -1/32, z: 10/16}">
<material type="MeshPhong" :color="colorStone"></material>
<geometry type="Box" :args="[2/16, 1/16, 4/16]"></geometry>
</mesh>
<!-- Left leg -->
<object3d :position="{x: 2/16, y: 11/16, z: 0}">
<mesh :position="{x: 0, y: -5.5/16, z: 0}">
<material type="MeshPhong" :color="colorWood"></material>
<geometry type="Box" :args="[2/16, 11/16, 2/16]"></geometry>
</mesh>
</object3d>
<!-- Right leg -->
<object3d :position="{x: -2/16, y: 11/16, z: 0}">
<mesh :position="{x: 0, y: -5.5/16, z: 0}">
<material type="MeshPhong" :color="colorWood"></material>
<geometry type="Box" :args="[2/16, 11/16, 2/16]"></geometry>
</mesh>
</object3d>
<!-- Left arm -->
<object3d :position="{x: 6/16, y: 21/16, z: 0}">
<mesh :position="{x: 0, y: -4/16, z: 0}">
<material type="MeshPhong" :color="colorWood"></material>
<geometry type="Box" :args="[2/16, 12/16, 2/16]"></geometry>
</mesh>
</object3d>
<!-- Right arm -->
<object3d :position="{x: -6/16, y: 21/16, z: 0}">
<mesh :position="{x: 0, y: -4/16, z: 0}">
<material type="MeshPhong" :color="colorWood"></material>
<geometry type="Box" :args="[2/16, 12/16, 2/16]"></geometry>
</mesh>
</object3d>
<!-- Body -->
<object3d :position="{x: 0, y: 23/16, z: 0}">
<!-- Hip -->
<mesh :position="{x: 0, y: -11/16, z: 0}">
<material type="MeshPhong" :color="colorWood"></material>
<geometry type="Box" :args="[8/16, 2/16, 2/16]"></geometry>
</mesh>
<!-- Left side -->
<mesh :position="{x: 2/16, y: -6.5/16, z: 0}">
<material type="MeshPhong" :color="colorWood"></material>
<geometry type="Box" :args="[2/16, 7/16, 2/16]"></geometry>
</mesh>
<!-- Right side -->
<mesh :position="{x: -2/16, y: -6.5/16, z: 0}">
<material type="MeshPhong" :color="colorWood"></material>
<geometry type="Box" :args="[2/16, 7/16, 2/16]"></geometry>
</mesh>
<!-- Shoulders -->
<mesh :position="{x: 0, y: -1.5/16, z: 0}">
<material type="MeshPhong" :color="colorWood"></material>
<geometry type="Box" :args="[12/16, 3/16, 3/16]"></geometry>
</mesh>
</object3d>
<!-- Head -->
<object3d :position="{x: 0, y: 22/16, z: 0}">
<!-- Neck -->
<mesh :position="{x: 0, y: 3.5/16, z: 0}">
<material type="MeshPhong" :color="colorWood"></material>
<geometry type="Box" :args="[2/16, 7/16, 2/16]"></geometry>
</mesh>
<!-- Skull -->
<mesh :position="{x: 0, y: 5/16, z: 0}">
<material type="MeshPhong" :color="colorStone"></material>
<geometry type="Box" :args="[10/16, 10/16, 10/16]"></geometry>
</mesh>
</object3d>
</object3d>
</template> </template>
<script> <script>
@ -7,7 +83,8 @@ export default {
data() { data() {
// TODO This should be a prop "pose" to allow external modification // TODO This should be a prop "pose" to allow external modification
return { return {
colorWood: 0xCC933D,
colorStone: 0x888888,
}; };
}, },
} }