-
Notifications
You must be signed in to change notification settings - Fork 0
/
728.html
123 lines (111 loc) · 4.46 KB
/
728.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
<!DOCTYPE html>
<!--
代码的注释多少我都能写出来。但对你我该说些什么。
-->
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--
ななからはちへ
-->
<title>~ 7 2 8 ~</title>
<!--
I choose anime.js 100% because of their fancy animated documentation.
でも、わたしにとて、あなたのことがもとすきです。
-->
<script src="anime.min.js"></script>
<!--
我没什么 style 可言。我大脑中的一切都是抽象、单调与黑白的。
You are the only color of my life.
-->
<link rel="stylesheet" type="text/css" href="style.css"/>
</head>
<body>
<!--
"bkgd" obviouslly stands for "background".
君はあほですか?いいね!
-->
<div id="bkgd"></div>
<!--
天空的容器,装着星空与流星。
神様を見たことは多分ないと思う。
もし神様にも願いごとがあるとしたら、それは何に願えばいいのだろう?
願いを胸に夜毎星空を仰ぎ見ても、流れ星はいつ落ちてくるかわからない。
だから、流れ星に願いごとをすれば叶うっていうのは、つまり、叶わないってことでしょ?
けれど、私の願いはきっとかなう。だって私は……だって私は、この流れ星を待っていたのだから!!
-->
<div id="skyContainer">
<div id="shootingStars">
<p class="shootingStar" style="left: -20%; top:50%; opacity: 0"/>
<p class="shootingStar" style="left: 0; top:45%; opacity: 0"/>
<p class="shootingStar" style="left: -10%; top:35%; opacity: 0"/>
</div>
<div id="nightSky" class="transparent">
<div id="stars1"></div>
<div id="stars2"></div>
<div id="stars3"></div>
</div>
</div>
<!--
もう言ったのに!
-->
<svg id="title_728" viewBox="0 0 100 100">
<polyline id="title_7"
points="30 42.08 38 42.08 33 54.08"/>
<path id="title_2"
d="M47,43.26c3-3,9-1,5,5l-5,6h7"/>
<path id="title_8"
d="M64,44.62c0-3.95,7-3.95,7,0,0,2-7,4.94-7,6.91,0,3.95,7,3.95,7,0C71,49.56,64,46.6,64,44.62Z" />
</svg>
<!--
死缠烂打的月球!
-->
<div id="sphereMoon" class="sphere transparent">
<div id="sphereMoonTexture" class="sphereMaterial sphereTexture"></div>
</div>
<!--
自以为是的地球!
-->
<div id="sphereEarth" class="sphere transparent">
<div id="sphereEarthTexture" class="sphereMaterial sphereTexture"></div>
</div>
<!--
光与影!
-->
<div id="sphereLighting" class="sphere transparent">
<div id="sphereShadow" class="sphereMaterial"></div>
<div id="sphereHalo" class="sphereMaterial"></div>
</div>
<!--
月球想挡住地球的太阳!癞蛤蟆想吃天鹅肉!
-->
<div id="eclipse" class="sphere transparent">
<div id="eclipseSun" class="eclipseSun paused"></div>
<div id="eclipseMoon" class="eclipseMoon paused"></div>
</div>
<svg viewBox="0 0 100 100">
<text id="tapToContinue" class="phrase" transform="translate(33 50)">tap to continue</text>
<text id="我是月球" class="phrase" transform="translate(26 51.63)">我是月球 </text>
<text id="单调而黑白" class="phrase" transform="translate(51 51.63)">单调而黑白</text>
<text id="你是地球" class="phrase" transform="translate(26 51.63)">你是地球</text>
<text id="复杂而多彩" class="phrase" transform="translate(51 51.63)">复杂而多彩</text>
<text id="我在你的星空中绕圈" class="phrase" transform="translate(28 48.25)">我在你的星空中绕圈</text>
<text id="阴晴圆缺" class="phrase" transform="translate(28 55.63)">阴晴圆缺</text>
<text id="忽明忽暗" class="phrase" transform="translate(53 55.63)">忽明忽暗</text>
<text id="我不能生产阳光" class="phrase" transform="translate(31.63 51.75)">我不能生产阳光</text>
<text id="也不够制造黑暗" class="phrase" transform="translate(31.63 51.75)">也不够制造黑暗</text>
<text id="却总希望你会想我" class="phrase" transform="translate(29 51.75)">却总希望你会想我</text>
<text id="在没有月的夜晚" class="phrase" transform="translate(30.88 51.75)">在没有月的夜晚</text>
</svg>
<!--
完结散花!
-->
<canvas class="fireworks"></canvas>
<script src="fireworks.js"></script>
<!--
让一切动起来的代码!
-->
<script src="animation.js"></script>
</body>
</html>