anatolykopyl/vue-three-d-mockup
1
0
Fork 0
mirror of https://github.com/anatolykopyl/vue-three-d-mockup.git synced 2026-03-26 12:55:08 +00:00
Code Issues Projects Releases Wiki Activity

New model

Browse Source
This commit is contained in:
Anatoly Kopyl
2022-02-06 17:08:26 +03:00
parent 8590f61ba1
commit e0016c9a04
4 changed files with 13838 additions and 72243 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
bundle/vue-three-d-mockup.esm.js
View File

File diff suppressed because one or more lines are too long

2
package.json
View File

@@ -1,6 +1,6 @@
{ {
"name": "vue-three-d-mockup", "name": "vue-three-d-mockup",
"version": "0.1.4", "version": "0.2.0",
"description": "📱 A 3D phone mockup component to showcase your apps", "description": "📱 A 3D phone mockup component to showcase your apps",
"author": "Anatoly Kopyl <akopyl@radner.ru>", "author": "Anatoly Kopyl <akopyl@radner.ru>",
"keywords": ["vue", "mockup-generator", "threejs", "design", "mockup"], "keywords": ["vue", "mockup-generator", "threejs", "design", "mockup"],

3
src/Mockup.vue
View File

@@ -142,6 +142,9 @@ export default {
child.material = new THREE.MeshLambertMaterial({ color: props.phoneClr }); child.material = new THREE.MeshLambertMaterial({ color: props.phoneClr });
child.geometry.center(); child.geometry.center();
const mesh = new THREE.Mesh(child.geometry, child.material); const mesh = new THREE.Mesh(child.geometry, child.material);
const scale = 8.6;
mesh.rotateX(Math.PI / 2);
mesh.scale.set(-scale, scale, scale);
bodyGroup.add(mesh); bodyGroup.add(mesh);
} }
}); });

86061
src/assets/iphone.obj
View File

File diff suppressed because it is too large Load Diff