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

More pronounced notch

Browse Source
This commit is contained in:
Anatoly Kopyl
2022-07-24 01:34:07 +03:00
parent be82125e5a
commit 9bc1f73e26
4 changed files with 18 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -90,15 +90,19 @@ function roundedPlane(width, height, radius) {
shape.quadraticCurveTo(x, y + height, x + radius, y + height); shape.quadraticCurveTo(x, y + height, x + radius, y + height);
shape.lineTo(width / 2 - nW / 2 - nH, y + height); shape.lineTo(width / 2 - nW / 2 - nH, y + height);
shape.quadraticCurveTo(width / 2 - nW / 2, y + height, width / 2 - nW / 2, y + height - nH / 2); shape.quadraticCurveTo(
width / 2 - nW / 2, y + height, width / 2 - nW / 2, y + height - nH / 10,
);
shape.quadraticCurveTo( shape.quadraticCurveTo(
width / 2 - nW / 2, y + height - nH, width / 2 - nW / 2 + nH, y + height - nH, width / 2 - nW / 2, y + height - nH, width / 2 - nW / 2 + nH, y + height - nH,
); );
shape.lineTo(width / 2 + nW / 2 - nH, y + height - nH); shape.lineTo(width / 2 + nW / 2 - nH, y + height - nH);
shape.quadraticCurveTo( shape.quadraticCurveTo(
width / 2 + nW / 2, y + height - nH, width / 2 + nW / 2, y + height - nH / 2, width / 2 + nW / 2, y + height - nH, width / 2 + nW / 2, y + height - nH / 10,
);
shape.quadraticCurveTo(
width / 2 + nW / 2, y + height, width / 2 + nW / 2 + nH, y + height,
); );
shape.quadraticCurveTo(width / 2 + nW / 2, y + height, width / 2 + nW / 2 + nH, y + height);
shape.lineTo(x + width - radius, y + height); shape.lineTo(x + width - radius, y + height);
shape.quadraticCurveTo(x + width, y + height, x + width, y + height - radius); shape.quadraticCurveTo(x + width, y + height, x + width, y + height - radius);

5
package-lock.json generated
View File

@@ -1,11 +1,12 @@
{ {
"name": "vue-three-d-mockup", "name": "vue-three-d-mockup",
"version": "0.1.0", "version": "0.2.1",
"lockfileVersion": 2, "lockfileVersion": 2,
"requires": true, "requires": true,
"packages": { "packages": {
"": { "": {
"version": "0.1.0", "name": "vue-three-d-mockup",
"version": "0.2.1",
"license": "GPL-3.0", "license": "GPL-3.0",
"dependencies": { "dependencies": {
"core-js": "^3.6.5", "core-js": "^3.6.5",

2
package.json
View File

@@ -1,6 +1,6 @@
{ {
"name": "vue-three-d-mockup", "name": "vue-three-d-mockup",
"version": "0.2.1", "version": "0.2.2",
"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"],

10
src/utils/roundedPlane.js
View File

@@ -11,15 +11,19 @@ export default function roundedPlane(width, height, radius) {
shape.quadraticCurveTo(x, y + height, x + radius, y + height); shape.quadraticCurveTo(x, y + height, x + radius, y + height);
shape.lineTo(width / 2 - nW / 2 - nH, y + height); shape.lineTo(width / 2 - nW / 2 - nH, y + height);
shape.quadraticCurveTo(width / 2 - nW / 2, y + height, width / 2 - nW / 2, y + height - nH / 2); shape.quadraticCurveTo(
width / 2 - nW / 2, y + height, width / 2 - nW / 2, y + height - nH / 10,
);
shape.quadraticCurveTo( shape.quadraticCurveTo(
width / 2 - nW / 2, y + height - nH, width / 2 - nW / 2 + nH, y + height - nH, width / 2 - nW / 2, y + height - nH, width / 2 - nW / 2 + nH, y + height - nH,
); );
shape.lineTo(width / 2 + nW / 2 - nH, y + height - nH); shape.lineTo(width / 2 + nW / 2 - nH, y + height - nH);
shape.quadraticCurveTo( shape.quadraticCurveTo(
width / 2 + nW / 2, y + height - nH, width / 2 + nW / 2, y + height - nH / 2, width / 2 + nW / 2, y + height - nH, width / 2 + nW / 2, y + height - nH / 10,
);
shape.quadraticCurveTo(
width / 2 + nW / 2, y + height, width / 2 + nW / 2 + nH, y + height,
); );
shape.quadraticCurveTo(width / 2 + nW / 2, y + height, width / 2 + nW / 2 + nH, y + height);
shape.lineTo(x + width - radius, y + height); shape.lineTo(x + width - radius, y + height);
shape.quadraticCurveTo(x + width, y + height, x + width, y + height - radius); shape.quadraticCurveTo(x + width, y + height, x + width, y + height - radius);