Skip to content

Commit 63586e3

Browse files
hepengweihepengwei
committed
first commit
0 parents  commit 63586e3

File tree

128 files changed

+6631
-0
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

128 files changed

+6631
-0
lines changed

‎.gitignore

+23
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
# dependencies
2+
/node_modules
3+
/.pnp
4+
.pnp.js
5+
6+
# testing
7+
/coverage
8+
9+
# production
10+
/docs
11+
12+
# misc
13+
.DS_Store
14+
.env.local
15+
.env.development.local
16+
.env.test.local
17+
.env.production.local
18+
19+
npm-debug.log*
20+
yarn-debug.log*
21+
yarn-error.log*
22+
23+
package-lock.json

‎.vscode/extensions.json

+3
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
{
2+
"recommendations": ["Vue.volar", "Vue.vscode-typescript-vue-plugin"]
3+
}

‎.vscode/settings.json

+18
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
{
2+
"workbench.colorTheme": "Default Dark+",
3+
"[scss]": {
4+
"editor.defaultFormatter": "esbenp.prettier-vscode"
5+
},
6+
"[typescriptreact]": {
7+
"editor.defaultFormatter": "esbenp.prettier-vscode"
8+
},
9+
"[typescript]": {
10+
"editor.defaultFormatter": "esbenp.prettier-vscode"
11+
},
12+
"[html]": {
13+
"editor.defaultFormatter": "esbenp.prettier-vscode"
14+
},
15+
"[javascript]": {
16+
"editor.defaultFormatter": "esbenp.prettier-vscode"
17+
}
18+
}

‎LICENSE

+21
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
MIT License
2+
3+
Copyright (c) 2022 River
4+
5+
Permission is hereby granted, free of charge, to any person obtaining a copy
6+
of this software and associated documentation files (the "Software"), to deal
7+
in the Software without restriction, including without limitation the rights
8+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9+
copies of the Software, and to permit persons to whom the Software is
10+
furnished to do so, subject to the following conditions:
11+
12+
The above copyright notice and this permission notice shall be included in all
13+
copies or substantial portions of the Software.
14+
15+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21+
SOFTWARE.

‎README.md

+34
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
1+
<h1 align="center">visualization-collection-vue</h1>
2+
<div align="center">
3+
一个专注于前端视觉效果的集合应用，包含CSS动效、Canvas动画、人工智能应用等上百个案例（Vue版本）
4+
</div>
5+
6+
## 在线体验(PC端)
7+
#### 体验地址：[http://hepengwei.cn](http://hepengwei.cn)
8+
9+
#### React版本：[https://github.com/hepengwei/visualization-collection](https://github.com/hepengwei/visualization-collection)
10+
<br/>
11+
12+
## 应用展示(部分效果)
13+
* 视觉设计
14+
<img src="./src/images/readme/visualDesign.gif" alt="" width={1200}/>
15+
16+
* 交互设计
17+
<img src="./src/images/readme/interactiveDesign1.gif" alt="" width={1200}/>
18+
19+
<img src="./src/images/readme/interactiveDesign2.gif" alt="" width={1200}/>
20+
21+
<img src="./src/images/readme/interactiveDesign3.gif" alt="" width={1200}/>
22+
23+
* Canvas动效
24+
<img src="./src/images/readme/canvas1.gif" alt="" width={1200}/>
25+
26+
<img src="./src/images/readme/canvas2.gif" alt="" width={1200}/>
27+
28+
<img src="./src/images/readme/canvas3.gif" alt="" width={1200}/>
29+
30+
<img src="./src/images/readme/canvas4.gif" alt="" width={1200}/>
31+
32+
<img src="./src/images/readme/canvas5.gif" alt="" width={1200}/>
33+
34+
## 持续更新，敬请关注

‎components.d.ts

+21
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
/* eslint-disable */
2+
/* prettier-ignore */
3+
// @ts-nocheck
4+
// Generated by unplugin-vue-components
5+
// Read more: https://github.com/vuejs/core/pull/3399
6+
export {}
7+
8+
declare module 'vue' {
9+
export interface GlobalComponents {
10+
AButton: typeof import('ant-design-vue/es')['Button']
11+
AMenu: typeof import('ant-design-vue/es')['Menu']
12+
ATooltip: typeof import('ant-design-vue/es')['Tooltip']
13+
ComingSoon: typeof import('./src/components/ComingSoon.vue')['default']
14+
GridBox: typeof import('./src/components/GridBox.vue')['default']
15+
GridContent: typeof import('./src/components/GridContent.vue')['default']
16+
HelloWorld: typeof import('./src/components/HelloWorld.vue')['default']
17+
RouterLink: typeof import('vue-router')['RouterLink']
18+
RouterView: typeof import('vue-router')['RouterView']
19+
SvgIcon: typeof import('./src/components/SvgIcon.vue')['default']
20+
}
21+
}

‎index.html

+30
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<link rel="icon" href="public/favicon.ico" />
6+
<meta name="keywords" content="visualization,collection,css3,canvas,前端" />
7+
<meta
8+
name="description"
9+
content="一个专注于前端视觉效果的集合应用，包含丰富的CSS3动效、Canvas动画等"
10+
/>
11+
<meta name="author" content="River,[email protected]" />
12+
<meta name="copyright" content="River" />
13+
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
14+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
15+
<meta name="renderer" content="webkit" />
16+
<meta http-equiv="cache-control" content="no-cache" />
17+
<title>Visualization Collection</title>
18+
<style>
19+
#app {
20+
width: 100%;
21+
height: 100%;
22+
overflow: hidden;
23+
}
24+
</style>
25+
</head>
26+
<body>
27+
<div id="app"></div>
28+
<script type="module" src="/src/main.ts"></script>
29+
</body>
30+
</html>

‎package.json

+33
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,33 @@
1+
{
2+
"name": "visualization-collection-vue",
3+
"version": "1.0.0",
4+
"description": "",
5+
"type": "module",
6+
"scripts": {
7+
"dev": "vite",
8+
"build": "vue-tsc && vite build",
9+
"preview": "vite preview"
10+
},
11+
"license": "MIT",
12+
"author": "River",
13+
"dependencies": {
14+
"@ant-design/icons-vue": "^6.1.0",
15+
"ant-design-vue": "^4.0.0-rc.5",
16+
"classnames": "^2.3.2",
17+
"sphere-collision": "^1.1.6",
18+
"vue": "^3.3.0",
19+
"vue-i18n": "9",
20+
"vue-router": "4"
21+
},
22+
"devDependencies": {
23+
"@types/node": "^20.3.1",
24+
"@vitejs/plugin-vue": "^4.1.0",
25+
"sass": "^1.63.3",
26+
"sass-loader": "^13.3.2",
27+
"typescript": "^5.0.2",
28+
"unplugin-vue-components": "^0.25.1",
29+
"vite": "^4.3.9",
30+
"vite-plugin-svg-icons": "^2.0.1",
31+
"vue-tsc": "^1.4.2"
32+
}
33+
}

‎public/dance.mp4

3.82 MB
Binary file not shown.

‎public/draco/gltf/draco_decoder.js

+33
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎public/draco/gltf/draco_decoder.wasm

188 KB
Binary file not shown.

‎public/draco/gltf/draco_encoder.js

+33
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)