Skip to content

Commit

Permalink
Install lottie-web & Complete the startup animation Hello
Browse files Browse the repository at this point in the history
  • Loading branch information
@Barry-Flynn
Barry-Flynn committed Aug 24, 2024
1 parent 0e6d0c5 commit 8fd30fa
Show file tree
Hide file tree
Showing 13 changed files with 3,801 additions and 12 deletions.
1 change: 1 addition & 0 deletions package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -13,6 +13,7 @@
"format": "prettier --write src/"
},
"dependencies": {
"lottie-web": "^5.12.2",
"mingcute_icon": "^2.9.4",
"pinia": "^2.1.7",
"vue": "^3.4.29",
Expand Down
6 changes: 6 additions & 0 deletions pnpm-lock.yaml
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

10 changes: 5 additions & 5 deletions src/App.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ import { onMounted } from 'vue'
import TheEnvironment from '@/views/environment/index.vue'
import TheScreen from '@/views/screen/index.vue'
// 鼠标样式
import cursorInit from '@/utils/cursor'
// 挂载完成时
Expand Down Expand Up @@ -66,11 +66,11 @@ onMounted(() => {
// 控制台输出 https://github.com/Barry-Flynn/visionOS
console.log(
'%cvisionOS',
'color: #fff; background: #00f; padding: 5px 10px; border-radius: 5px; font-size: 16px;'
'\n%c visionOS %c https://github.com/Barry-Flynn/visionOS \n',
'color: #ffffff; background: #0000ff; padding:5px 0; border-radius: 5px 0 0 5px;',
'background: #b9ddff; padding:5px 0;'
)
console.log('%chttps://github.com/Barry-Flynn/visionOS', 'color: #00f; font-size: 12px;')
})
</script>

<style scoped></style>
<style scoped lang="scss"></style>
327 changes: 327 additions & 0 deletions src/assets/lottie/hello-black.json
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,327 @@
{
"v": "5.5.7",
"meta": { "g": "LottieFiles AE 0.1.21", "a": "", "k": "", "d": "", "tc": "#FFFFFF" },
"fr": 120,
"ip": 0,
"op": 720,
"w": 500,
"h": 500,
"nm": "hello",
"ddd": 0,
"assets": [],
"layers": [
{
"ddd": 0,
"ind": 1,
"ty": 4,
"nm": "katman 2 Outlines",
"sr": 1,
"ks": {
"o": { "a": 0, "k": 100, "ix": 11 },
"r": { "a": 0, "k": 0, "ix": 10 },
"p": { "a": 0, "k": [250.5, 252.4, 0], "ix": 2 },
"a": { "a": 0, "k": [250, 250, 0], "ix": 1 },
"s": { "a": 0, "k": [108.654, 108.654, 100], "ix": 6 }
},
"ao": 0,
"shapes": [
{
"ty": "gr",
"it": [
{
"ind": 0,
"ty": "sh",
"ix": 1,
"ks": {
"a": 1,
"k": [
{
"i": { "x": 0.596, "y": 1 },
"o": { "x": 0.281, "y": 0.613 },
"t": 300,
"s": [
{
"i": [
[0, 0],
[-4.256, 36.426],
[2.853, -21.124],
[0, 0],
[-18.128, -1.787],
[-22.979, -0.255],
[-0.766, 11.745],
[5.66, -16.852],
[-20.044, 4.321],
[-1.453, 15.25],
[7.149, -14.297],
[-24.203, -4.498],
[-2.809, 17.873],
[8.422, -15.279],
[-32.094, 2.751],
[-25.982, 2.314],
[0.854, -11.109],
[10.851, 1.532],
[-2.587, 8.901],
[-6.236, 0.17],
[-7.915, 0.128],
[0, 0]
],
"o": [
[0, 0],
[2.427, -20.781],
[-2.331, 17.258],
[0, 0],
[19.915, 2.33],
[20.427, 0.227],
[0.883, -13.542],
[-5.204, 15.495],
[30.881, -6.659],
[1.531, -16.085],
[-6.678, 13.357],
[28.851, 5.361],
[2.716, -17.287],
[-9.068, 16.45],
[26.809, -2.298],
[11.664, -1.038],
[-0.894, 11.617],
[-9.911, -1.399],
[3.192, -10.978],
[8.868, -0.24],
[7.03, -0.113],
[0, 0]
],
"v": [
[-145.66, 43.747],
[-81.851, -26.162],
[-101.426, -23.013],
[-109.596, 40.561],
[-85.851, 1.753],
[-69, 40.305],
[-26.873, 10.943],
[-50.022, 11.966],
[-23.54, 40.581],
[23.936, -26.077],
[6.574, -29.397],
[12.958, 41.583],
[67.086, -23.779],
[50.234, -30.673],
[59.937, 41.326],
[102.898, -0.05],
[118.532, 21.029],
[95.809, 40.943],
[83.425, 17.072],
[102.898, -0.05],
[124.149, 5.199],
[138.27, -2.922]
],
"c": false
}
]
},
{
"t": 373,
"s": [
{
"i": [
[0, 0],
[-4.256, 36.426],
[2.853, -21.124],
[0, 0],
[-18.128, -1.787],
[-22.979, -0.255],
[-0.766, 11.745],
[5.66, -16.852],
[-20.044, 4.321],
[-1.453, 15.25],
[7.149, -14.297],
[-24.203, -4.498],
[-2.809, 17.873],
[8.422, -15.279],
[-32.094, 2.751],
[-25.982, 2.314],
[0.854, -11.109],
[10.851, 1.532],
[-2.587, 8.901],
[-6.236, 0.17],
[-7.915, 0.128],
[0, 0]
],
"o": [
[0, 0],
[2.427, -20.781],
[-2.331, 17.258],
[0, 0],
[19.915, 2.33],
[20.427, 0.227],
[0.883, -13.542],
[-5.204, 15.495],
[30.881, -6.659],
[1.531, -16.085],
[-6.678, 13.357],
[28.851, 5.361],
[2.716, -17.287],
[-9.068, 16.45],
[26.809, -2.298],
[11.664, -1.038],
[-0.894, 11.617],
[-9.911, -1.399],
[3.192, -10.978],
[8.868, -0.24],
[7.03, -0.113],
[0, 0]
],
"v": [
[-145.66, 43.747],
[-81.851, -26.162],
[-101.426, -23.013],
[-109.596, 40.561],
[-85.851, 1.753],
[-68.999, 40.305],
[-26.873, 10.943],
[-50.022, 11.966],
[-23.54, 40.581],
[23.936, -26.077],
[6.574, -29.397],
[12.958, 41.583],
[67.086, -23.779],
[50.234, -30.673],
[59.937, 41.326],
[102.898, -0.05],
[118.532, 21.029],
[95.809, 40.943],
[83.425, 17.072],
[102.898, -0.05],
[124.149, 5.199],
[136.66, -1.311]
],
"c": false
}
]
}
],
"ix": 2
},
"nm": "Path 1",
"mn": "ADBE Vector Shape - Group",
"hd": false
},
{
"ty": "tm",
"s": {
"a": 1,
"k": [
{
"i": { "x": [0], "y": [1] },
"o": { "x": [0.053], "y": [0] },
"t": 25,
"s": [0]
},
{
"i": { "x": [0.833], "y": [1] },
"o": { "x": [0.167], "y": [0] },
"t": 300,
"s": [1]
},
{
"i": { "x": [0.729], "y": [1] },
"o": { "x": [0.477], "y": [0] },
"t": 499,
"s": [1]
},
{ "t": 690, "s": [100] }
],
"ix": 1
},
"e": {
"a": 1,
"k": [
{
"i": { "x": [0.665], "y": [1] },
"o": { "x": [0.302], "y": [0.14] },
"t": 25,
"s": [0]
},
{ "t": 300, "s": [100] }
],
"ix": 2
},
"o": { "a": 0, "k": 0, "ix": 3 },
"m": 1,
"ix": 2,
"nm": "Trim Paths 1",
"mn": "ADBE Vector Filter - Trim",
"hd": false
},
{
"ty": "gs",
"o": { "a": 0, "k": 100, "ix": 9 },
"w": {
"a": 1,
"k": [
{
"i": { "x": [0.788], "y": [1] },
"o": { "x": [0.681], "y": [0] },
"t": 25,
"s": [9]
},
{
"i": { "x": [0.118], "y": [1] },
"o": { "x": [0.059], "y": [0] },
"t": 73,
"s": [10]
},
{ "t": 300, "s": [9] }
],
"ix": 10
},
"g": {
"p": 17,
"k": {
"a": 0,
"k": [
0, 0, 0, 0, 0.055, 0, 0, 0, 0.11, 0, 0, 0, 0.171, 0, 0, 0, 0.233, 0, 0, 0,
0.299, 0, 0, 0, 0.365, 0, 0, 0, 0.422, 0, 0, 0, 0.48, 0, 0, 0, 0.543, 0, 0, 0,
0.605, 0, 0, 0, 0.671, 0, 0, 0, 0.738, 0, 0, 0, 0.806, 0, 0, 0, 0.875, 0, 0, 0,
0.938, 0, 0, 0, 1, 0, 0, 0
],
"ix": 8
}
},
"s": { "a": 0, "k": [-135, 19], "ix": 4 },
"e": { "a": 0, "k": [134.5, -3], "ix": 5 },
"t": 1,
"lc": 2,
"lj": 2,
"bm": 0,
"nm": "Gradient Stroke 1",
"mn": "ADBE Vector Graphic - G-Stroke",
"hd": false
},
{
"ty": "tr",
"p": { "a": 0, "k": [252, 245.918], "ix": 2 },
"a": { "a": 0, "k": [0, 0], "ix": 1 },
"s": { "a": 0, "k": [100, 100], "ix": 3 },
"r": { "a": 0, "k": 0, "ix": 6 },
"o": { "a": 0, "k": 100, "ix": 7 },
"sk": { "a": 0, "k": 0, "ix": 4 },
"sa": { "a": 0, "k": 0, "ix": 5 },
"nm": "Transform"
}
],
"nm": "Group 1",
"np": 3,
"cix": 2,
"bm": 0,
"ix": 1,
"mn": "ADBE Vector Group",
"hd": false
}
],
"ip": 0,
"op": 732,
"st": 0,
"bm": 0
}
],
"markers": []
}
Loading

0 comments on commit 8fd30fa

Please sign in to comment.