forked from whxaxes/canvas-test
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmenu.html
149 lines (123 loc) · 11 KB
/
menu.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>html索引</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1, target-densitydpi=medium-dpi, user-scalable=no">
</head>
<style>
*{font:16px "微软雅黑","宋体";margin: 0;padding: 0;}
.view{padding:30px;}
h2{ text-align:center; clear:both; font-size:18px; margin:0;}
.main{ list-style: none;}
.main:after { clear: both; display: block; visibility: hidden; height: 0; content: ""; }
p{margin: 5px 0;font-size: 20px;}
.main li{display: inline-block;text-align: center;margin:8px;}
.main a{ display:inline-block; font-size:15px; line-height:36px; color:#333; text-decoration:none;border: 1px solid #ccc;padding: 5px 10px;}
.main a:hover{color:#47A0DC;}
.main .demo-source{
margin-left: -1px;
background-color: transparent;
}
h3{ clear:both;}
</style>
<body><div class="view"><p>Funny-demo</p><ul class='main'>
<li>
<a href='src/Funny-demo/coolClock/index2.html' target='_blank' class='demo-name' title='效果预览'>线条时钟</a><a href='https://github.com/whxaxes/canvas-test/tree/master/src/Funny-demo/coolClock' class='demo-source' target='_blank' title='点击查看源码'>源码</a>
</li>
<li>
<a href='src/Funny-demo/coolClock/index.html' target='_blank' class='demo-name' title='效果预览'>粒子时钟</a><a href='https://github.com/whxaxes/canvas-test/tree/master/src/Funny-demo/coolClock' class='demo-source' target='_blank' title='点击查看源码'>源码</a>
</li>
<li>
<a href='src/Funny-demo/clip/clip.html' target='_blank' class='demo-name' title='效果预览'>橡皮擦效果</a><a href='https://github.com/whxaxes/canvas-test/tree/master/src/Funny-demo/clip' class='demo-source' target='_blank' title='点击查看源码'>源码</a>
</li>
<li>
<a href='src/Funny-demo/lowpoly/index.html' target='_blank' class='demo-name' title='效果预览'>LOW POLY（图片三角化）</a><a href='https://github.com/whxaxes/canvas-test/tree/master/src/Funny-demo/lowpoly' class='demo-source' target='_blank' title='点击查看源码'>源码</a>
</li>
<li>
<a href='src/Funny-demo/musicPlayer/index.html' target='_blank' class='demo-name' title='效果预览'>可视化音乐播放器</a><a href='https://github.com/whxaxes/canvas-test/tree/master/src/Funny-demo/musicPlayer' class='demo-source' target='_blank' title='点击查看源码'>源码</a>
</li>
<li>
<a href='src/Funny-demo/shotFire/shotFire.html' target='_blank' class='demo-name' title='效果预览'>放烟花模拟</a><a href='https://github.com/whxaxes/canvas-test/tree/master/src/Funny-demo/shotFire' class='demo-source' target='_blank' title='点击查看源码'>源码</a>
</li>
<li>
<a href='src/Funny-demo/netparticle/net_1.html' target='_blank' class='demo-name' title='效果预览'>网状粒子效果1</a><a href='https://github.com/whxaxes/canvas-test/tree/master/src/Funny-demo/netparticle' class='demo-source' target='_blank' title='点击查看源码'>源码</a>
</li>
<li>
<a href='src/Funny-demo/netparticle/net_2.html' target='_blank' class='demo-name' title='效果预览'>网状粒子效果2</a><a href='https://github.com/whxaxes/canvas-test/tree/master/src/Funny-demo/netparticle' class='demo-source' target='_blank' title='点击查看源码'>源码</a>
</li>
<li>
<a href='src/Funny-demo/transform/demo1.html' target='_blank' class='demo-name' title='效果预览'>图像拉扯变形</a><a href='https://github.com/whxaxes/canvas-test/tree/master/src/Funny-demo/transform' class='demo-source' target='_blank' title='点击查看源码'>源码</a>
</li>
<li>
<a href='src/Funny-demo/transform/demo2.html' target='_blank' class='demo-name' title='效果预览'>图像3d变形</a><a href='https://github.com/whxaxes/canvas-test/tree/master/src/Funny-demo/transform' class='demo-source' target='_blank' title='点击查看源码'>源码</a>
</li>
</ul><p>Particle-demo</p><ul class='main'>
<li>
<a href='src/Particle-demo/blackhole/blackhole.html' target='_blank' class='demo-name' title='效果预览'>黑洞吸引</a><a href='https://github.com/whxaxes/canvas-test/tree/master/src/Particle-demo/blackhole' class='demo-source' target='_blank' title='点击查看源码'>源码</a>
</li>
<li>
<a href='src/Particle-demo/imgdata/controlImgData.html' target='_blank' class='demo-name' title='效果预览'>操控文字图片的数据</a><a href='https://github.com/whxaxes/canvas-test/tree/master/src/Particle-demo/imgdata' class='demo-source' target='_blank' title='点击查看源码'>源码</a>
</li>
<li>
<a href='src/Particle-demo/imgdata/controlImgData2.html' target='_blank' class='demo-name' title='效果预览'>操控字体的数据</a><a href='https://github.com/whxaxes/canvas-test/tree/master/src/Particle-demo/imgdata' class='demo-source' target='_blank' title='点击查看源码'>源码</a>
</li>
<li>
<a href='src/Particle-demo/orangutan/index.html' target='_blank' class='demo-name' title='效果预览'>粒子成像demo</a><a href='https://github.com/whxaxes/canvas-test/tree/master/src/Particle-demo/orangutan' class='demo-source' target='_blank' title='点击查看源码'>源码</a>
</li>
<li>
<a href='src/Particle-demo/animateStep/index.html' target='_blank' class='demo-name' title='效果预览'>粒子动画</a><a href='https://github.com/whxaxes/canvas-test/tree/master/src/Particle-demo/animateStep' class='demo-source' target='_blank' title='点击查看源码'>源码</a>
</li>
</ul><p>Game-demo</p><ul class='main'>
<li>
<a href='src/Game-demo/planGame/index.html' target='_blank' class='demo-name' title='效果预览'>飞机游戏</a><a href='https://github.com/whxaxes/canvas-test/tree/master/src/Game-demo/planGame' class='demo-source' target='_blank' title='点击查看源码'>源码</a>
</li>
<li>
<a href='src/Game-demo/connectPipe/easyPipes.html' target='_blank' class='demo-name' title='效果预览'>接水管游戏</a><a href='https://github.com/whxaxes/canvas-test/tree/master/src/Game-demo/connectPipe' class='demo-source' target='_blank' title='点击查看源码'>源码</a>
</li>
<li>
<a href='src/Game-demo/FlppyPeople/index.html' target='_blank' class='demo-name' title='效果预览'>FlyppyPeople</a><a href='https://github.com/whxaxes/canvas-test/tree/master/src/Game-demo/FlppyPeople' class='demo-source' target='_blank' title='点击查看源码'>源码</a>
</li>
<li>
<a href='src/Game-demo/runningMan/index.html' target='_blank' class='demo-name' title='效果预览'>简单跑酷游戏</a><a href='https://github.com/whxaxes/canvas-test/tree/master/src/Game-demo/runningMan' class='demo-source' target='_blank' title='点击查看源码'>源码</a>
</li>
<li>
<a href='src/Game-demo/snooker/snooker.html' target='_blank' class='demo-name' title='效果预览'>简易桌球游戏</a><a href='https://github.com/whxaxes/canvas-test/tree/master/src/Game-demo/snooker' class='demo-source' target='_blank' title='点击查看源码'>源码</a>
</li>
<li>
<a href='src/Game-demo/vedioPintu.html' target='_blank' class='demo-name' title='效果预览'>视频拼图</a><a href='https://github.com/whxaxes/canvas-test/tree/master/src/Game-demo' class='demo-source' target='_blank' title='点击查看源码'>源码</a>
</li>
</ul><p>3D-demo</p><ul class='main'>
<li>
<a href='src/3D-demo/3Dball.html' target='_blank' class='demo-name' title='效果预览'>3D旋转球</a><a href='https://github.com/whxaxes/canvas-test/tree/master/src/3D-demo' class='demo-source' target='_blank' title='点击查看源码'>源码</a>
</li>
<li>
<a href='src/3D-demo/3Dcube.html' target='_blank' class='demo-name' title='效果预览'>3d立方体</a><a href='https://github.com/whxaxes/canvas-test/tree/master/src/3D-demo' class='demo-source' target='_blank' title='点击查看源码'>源码</a>
</li>
<li>
<a href='src/3D-demo/3Dcubes.html' target='_blank' class='demo-name' title='效果预览'>3d多立方体</a><a href='https://github.com/whxaxes/canvas-test/tree/master/src/3D-demo' class='demo-source' target='_blank' title='点击查看源码'>源码</a>
</li>
<li>
<a href='src/3D-demo/3Dtag.html' target='_blank' class='demo-name' title='效果预览'>3D标签云</a><a href='https://github.com/whxaxes/canvas-test/tree/master/src/3D-demo' class='demo-source' target='_blank' title='点击查看源码'>源码</a>
</li>
</ul><p>Other-demo</p><ul class='main'>
<li>
<a href='src/Other-demo/shotBall.html' target='_blank' class='demo-name' title='效果预览'>仿重力小球</a><a href='https://github.com/whxaxes/canvas-test/tree/master/src/Other-demo' class='demo-source' target='_blank' title='点击查看源码'>源码</a>
</li>
<li>
<a href='src/Other-demo/cache/test.html' target='_blank' class='demo-name' title='效果预览'>缓存测试(有缓存)</a><a href='https://github.com/whxaxes/canvas-test/tree/master/src/Other-demo/cache' class='demo-source' target='_blank' title='点击查看源码'>源码</a>
</li>
<li>
<a href='src/Other-demo/cache/test2.html' target='_blank' class='demo-name' title='效果预览'>缓存测试(无缓存)</a><a href='https://github.com/whxaxes/canvas-test/tree/master/src/Other-demo/cache' class='demo-source' target='_blank' title='点击查看源码'>源码</a>
</li>
<li>
<a href='src/Other-demo/clock.html' target='_blank' class='demo-name' title='效果预览'>Canvas时钟</a><a href='https://github.com/whxaxes/canvas-test/tree/master/src/Other-demo' class='demo-source' target='_blank' title='点击查看源码'>源码</a>
</li>
<li>
<a href='src/Other-demo/duobianxing.html' target='_blank' class='demo-name' title='效果预览'>绘制多边形</a><a href='https://github.com/whxaxes/canvas-test/tree/master/src/Other-demo' class='demo-source' target='_blank' title='点击查看源码'>源码</a>
</li>
<li>
<a href='src/Other-demo/stopWatch.html' target='_blank' class='demo-name' title='效果预览'>秒表</a><a href='https://github.com/whxaxes/canvas-test/tree/master/src/Other-demo' class='demo-source' target='_blank' title='点击查看源码'>源码</a>
</li>
</ul></div></body>
</html>