-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
executable file
·208 lines (171 loc) · 12.4 KB
/
index.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
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=13)" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>细胞进化(Cell Evolution)</title>
<link href="https://fonts.googleapis.com/css?family=Barlow:400,500,700|Playfair+Display" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/base.css" />
<link rel="stylesheet" type="text/css" href="css/demo1.css" />
<script>document.documentElement.className="js";var supportsCssVars=function(){var e,t=document.createElement("style");return t.innerHTML="root: { --tmp-var: bold; }",document.head.appendChild(t),e=!!(window.CSS&&window.CSS.supports&&window.CSS.supports("font-weight","var(--tmp-var)")),t.parentNode.removeChild(t),e};supportsCssVars()||alert("Please view this demo in a modern browser that supports CSS Variables.");</script>
</head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-119669423-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-119669423-1');
</script>
<body class="bg">
<svg class="hidden">
<symbol id="icon-arrow" viewBox="0 0 24 24">
<polygon points="6.3,12.8 20.9,12.8 20.9,11.2 6.3,11.2 10.2,7.2 9,6 3.1,12 9,18 10.2,16.8 "/>
</symbol>
<symbol id="icon-drop" viewBox="0 0 24 24">
<path d="M12,21c-3.6,0-6.6-3-6.6-6.6C5.4,11,10.8,4,11.4,3.2C11.6,3.1,11.8,3,12,3s0.4,0.1,0.6,0.3c0.6,0.8,6.1,7.8,6.1,11.2C18.6,18.1,15.6,21,12,21zM12,4.8c-1.8,2.4-5.2,7.4-5.2,9.6c0,2.9,2.3,5.2,5.2,5.2s5.2-2.3,5.2-5.2C17.2,12.2,13.8,7.3,12,4.8z"/><path d="M12,18.2c-0.4,0-0.7-0.3-0.7-0.7s0.3-0.7,0.7-0.7c1.3,0,2.4-1.1,2.4-2.4c0-0.4,0.3-0.7,0.7-0.7c0.4,0,0.7,0.3,0.7,0.7C15.8,16.5,14.1,18.2,12,18.2z"/>
</symbol>
<path d="M16.3,0C7.3,0,0,7.3,0,16.3c0,7.2,4.7,13.3,11.1,15.5c0.8,0.1,1.1-0.4,1.1-0.8c0-0.4,0-1.4,0-2.8c-4.5,1-5.5-2.2-5.5-2.2c-0.7-1.9-1.8-2.4-1.8-2.4c-1.5-1,0.1-1,0.1-1c1.6,0.1,2.5,1.7,2.5,1.7c1.5,2.5,3.8,1.8,4.7,1.4c0.1-1.1,0.6-1.8,1-2.2c-3.6-0.4-7.4-1.8-7.4-8.1c0-1.8,0.6-3.2,1.7-4.4C7.4,10.7,6.8,9,7.7,6.8c0,0,1.4-0.4,4.5,1.7c1.3-0.4,2.7-0.5,4.1-0.5c1.4,0,2.8,0.2,4.1,0.5c3.1-2.1,4.5-1.7,4.5-1.7c0.9,2.2,0.3,3.9,0.2,4.3c1,1.1,1.7,2.6,1.7,4.4c0,6.3-3.8,7.6-7.4,8c0.6,0.5,1.1,1.5,1.1,3c0,2.2,0,3.9,0,4.5c0,0.4,0.3,0.9,1.1,0.8c6.5-2.2,11.1-8.3,11.1-15.5C32.6,7.3,25.3,0,16.3,0z"/>
</symbol>
<symbol id="icon-keyboard" viewBox="0 0 100 70">
<path d="M 60.94,1.83 39.22,1.83 C 36.71,1.83 34.67,3.86 34.67,6.376 L 34.67,28.1 C 34.67,30.61 36.71,32.65 39.22,32.65 L 60.94,32.65 C 63.45,32.65 65.5,30.61 65.5,28.1 L 65.5,6.376 C 65.5,3.86 63.45,1.83 60.94,1.83 Z M 44.79,18.63 50.08,11.74 55.37,18.63 Z" opacity="0.2"/>
<path d="M 60.86,36.75 39.14,36.75 C 36.63,36.75 34.59,38.79 34.59,41.3 L 34.59,63.02 C 34.59,65.53 36.63,67.57 39.14,67.57 L 60.86,67.57 C 63.38,67.57 65.41,65.53 65.41,63.02 L 65.41,41.3 C 65.42,38.79 63.38,36.75 60.86,36.75 Z M 50.08,57.45 44.79,50.55 55.37,50.55 Z" opacity="0.2" />
<path d="M 95.45,36.75 73.73,36.75 C 71.22,36.75 69.18,38.79 69.18,41.3 L 69.18,63.02 C 69.18,65.53 71.22,67.57 73.73,67.57 L 95.45,67.57 C 97.97,67.57 100,65.53 100,63.02 L 100,41.3 C 100,38.79 97.97,36.75 95.45,36.75 Z M 83.4,57.45 83.4,46.86 90.3,52.16 Z" />
<path d="M 26.27,36.75 4.55,36.75 C 2.037,36.75 0,38.79 0,41.3 L 0,63.02 C 0,65.53 2.037,67.57 4.55,67.57 L 26.27,67.57 C 28.78,67.57 30.82,65.53 30.82,63.02 L 30.82,41.3 C 30.82,38.79 28.78,36.75 26.27,36.75 Z M 16.69,57.45 9.79,52.16 16.69,46.86 Z" />
</symbol>
</svg>
<main>
<div class="content content--fixed">
<!-- <a class="github" href="https://github.com/Mamboleoo/DecorativeBackgrounds/" title="Find this project on GitHub" target="_blank"><svg class="icon icon--github"><use xlink:href="#icon-github"></use></svg></a>-->
</div>
<div class="content">
<canvas class="scene scene--full" id="scene"></canvas>
<script type="x-shader/x-vertex" id="wrapVertexShader">
attribute float size;
attribute vec3 color;
varying vec3 vColor;
void main() {
vColor = color;
vec4 mvPosition = modelViewMatrix * vec4( position, 1.0 );
gl_PointSize = size * ( 350.0 / - mvPosition.z );
gl_Position = projectionMatrix * mvPosition;
}
</script>
<script type="x-shader/x-fragment" id="wrapFragmentShader">
varying vec3 vColor;
uniform sampler2D texture;
void main(){
vec4 textureColor = texture2D( texture, gl_PointCoord );
if ( textureColor.a < 0.3 ) discard;
vec4 color = vec4(vColor.xyz, 1.0) * textureColor;
gl_FragColor = color;
}
</script>
<div class="content__inner" id = "firstpage">
<h2 class="content__title" id="maintitle">Evolution</h2>
<h3 class="content__subtitle" id="subtitle">Cells and humanity</h2><br><br><br><br><br>
<a class="content__start" id="startbtn">Start</a>
</div>
<div class="content__inner" id = "gamemain" style="display:none" >
<div class="playinfoicon">
<img src="img/question.png" height="60" width="60" id="playinfoexplain"></img>
<div>玩法说明</div>
</div>
<!-- <div class="qpos">-->
<!-- <img src="img/question.png" height="60" width="60" class="playimg"></img>-->
<!-- -->
<!-- <!-- <img src="img/question.png" height="120" width="120" class="qpos"></img>-->
<!-- </div>-->
<div class="expa">
<br>
<div class ="textpos">
<div class = "daysurvive">存活日:</div><div class = "cellno">细胞数:</div><div class = "environment">外部环境:</div><br>
<div id="daytx" class = "daytx"> 1 </div><div id="celltx" class = "cellnotx"> 0</div>
<div id="environmenttx" class = "environmentnotx">0</div><br>
<br>
<div class = "adaptionpostx" >适应性:</div><div id="adaptiontx" class = "adaptionno"> 0</div>
<div class = "survivepostx">生存性:</div><div id="surviveabilitytx" class = "surviveno"> 0</div>
<div class = "divisionpostx">繁殖性:</div><div id="divisiontx" class = "divisionnotx"> 0</div>
<div class = "lifecyclepostx">生命周期: </div><div id="lifecycletx" class = "lifecyclenotx">20</div>
</div>
</div>
<br>
<div class="functiontext">
<img src="img/btn3l.png" height="120" width="120" id="fanzhiimg"></img>
<img src="img/btn1l.png" height="120" width="120" id="jinhua"></img>
<img src="img/btn4l.png" height="120" width="120" id="mutimg"></img>
<img src="img/btn2l.png" height="120" width="120" id="xiumianimg"></img>
<div class="fanzhitextpos">繁殖</div> <div class="evolutiontextpos">进化</div> <div class="mutationtextpos">变异</div><div class="sleeptextpos">休眠</div>
</div>
<div class="worldinfopos">
<img src="img/btn5.png" height="100" width="300" id="worlddata"></img>
<img src="img/btn6.png" height="100" width="300" id="cellinfo"></img>
</div>
<div class="worlddata">
<div class="playinfo">细胞进化是第一款基于区块链的去中心化的沙盒经营策略游戏，所有的玩家扮演一个细胞族群。在这个族群里，我们需要平衡我们<br>总体的适应性，生存性与繁殖性。当我们的细胞族群的方向失衡，我们整体将会进化失败。这不仅仅是个游戏，也是个真正的社会<br>群体实验。你在这里扮演了一个原始细胞，而无数个你将会决定我们共同的命运。接下来，开启的进化之旅！<br>More Info:<img src="img/aboutus.png" height="35" width="35" id="aboutus"></img></div>
<!-- <button class="content__start" src="tag.png">规则说明</button>-->
<!-- <br><br></div>-->
<!-- <div class="worlddata">-->
<!-- -->
<!-- <button id="worlddata" class="layui-btn">世界数据</button>-->
<!-- <button onclick="testread()" class="layui-btn layui-btn-normal">细胞资料</button>-->
<!-- -->
<!-- </div>-->
<br>
</div>
<div class="generaldata">
</div>
</div>
<!--<div background-image="img/tag.png">new</div>-->
<!--<img src="img/tag.png"></img>-->
<!-- <div>细胞进化是第一款基于区块链的去中心化的沙盒经营策略游戏，所有的玩家扮演一个细胞族群。在这个族群里，我们需要平衡我们总体的适应性，生存性与繁殖性。当我们的细胞族群的方向失衡，我们整体将会进化失败。这不仅仅是个游戏，也是个真正的社会群体实验。你在这里扮演了一个原始细胞，而无数个你将会决定我们共同的命运。接下来，开启的进化之旅！</div><br>-->
<!-- <div>tips：<br>-->
<!-- 1.外部环境越来越恶劣，0代表最低，在生命周期内尽可能的繁殖。<br>-->
<!-- 2.平衡自己的适应性，生存性与繁殖性，不光为了自己，也为了所有的细胞族群，在这个游戏里，除了自己的分数，每个人的一点一滴的选择也会影响整个种族的命运。<br>-->
<!-- 3.生命周期到0，游戏结束，可以选择上传自己的dna，融合入总体族群。<br>-->
<!-- 4.适应性决定了变异成功的几率，生存性决定抵抗外部恶劣环境的能力，繁殖性决定了繁殖的能力。-->
<!-- <br>-->
<!-- 5.进化与变异都需要在细胞数不为0的情况下进行。-->
<!-- </div>-->
<!-- 1 <button class="content__start" src="tag.png">规则说明</button><br>-->
<!-- -->
<!-- <br>-->
<!-- <div class="infotext">-->
<!-- <button id="worlddata" class="layui-btn">世界数据</button>-->
<!-- -->
<!-- <button onclick="testread()" class="layui-btn layui-btn-normal">细胞资料</button> <br>-->
<!-- </div>-->
<!-- -->
<!-- <div class="infotext">-->
<!-- <img src="img/fanzhi.png" height="100" width="100"></img>-->
<!-- <img src="img/mut.png" height="100" width="100"></img>-->
<!-- <img src="img/xiumian.png" height="100" width="100"></img>-->
<!-- -->
<!-- </div>-->
<!-- <button onclick="celldivision()">繁殖</button>-->
<!-- <br>-->
<!-- <button onclick="evolution()">进化</button>-->
<!-- <br>-->
<!-- <button onclick="mutation()">变异</button>-->
<!-- <br>-->
<!-- <button onclick="sleep()">休眠</button>-->
<!-- <br>-->
<!-- <button onclick="testsave()">testsave</button> <br>-->
<!-- -->
<!-- -->
<!-- -->
<!-- -->
<!-- </div>-->
</main>
<script src="js/bgr.js"></script>
<script src="js/nebPay.js"></script>
<script src="js/three.min.js"></script>
<script src="js/TweenMax.min.js"></script>
<script src="js/bg.js"></script>
<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
<script src="layer/layer.js"></script>
<script src="js/game.js"></script>
</body>
</html>