首页 发现 帮助
注册 登录
jrs
/
pixlife
关注 1
点赞 0
派生 0
文件 工单管理 0 合并请求 0 Wiki
浏览代码

nice

John 7 年之前
父节点
bb9311f9d3
当前提交
5fdd1be651
共有 3 个文件被更改，包括 15 次插入 和 59 次删除
合并视图 显示文件统计
  1. 12 27
      code.js
  2. 1 4
      index.html
  3. 2 28
      style.css

+ 12 - 27
code.js
查看文件 

@@ -1,24 +1,6 @@
 
-var hidden = true;
 
-document.getElementById('show').onclick = function(){
 
-	if(hidden) {
 
-        	document.getElementById('side').style.width = '200px';
 
-	} else {
 
-        	document.getElementById('side').style.width = '0';
 
-	}
 
-	hidden = !hidden;
 
-};
 
-document.getElementById('full').onclick = function(){
 
-	if(!document.fullscreenElement && !document.mozFullScreenElement && !document.webkitFullscreenElement && !document.msFullscreenElement)
 
-	{
 
-		var elem = document.getElementsByTagName('body')[0];
 
-		var requestFullScreen = elem.requestFullscreen || elem.msRequestFullscreen || elem.mozRequestFullScreen || elem.webkitRequestFullscreen;
 
-		requestFullScreen.call(elem);
 
-	}
 
-	else {
 
-		var exitFullScreen = document.exitFullscreen || document.webkitExitFullscreen || document.mozCancelFullScreen || document.msExitFullscreen;
 
-		exitFullScreen.call(document);
 
-	}
 
-
 
+var pause = false;
 
+document.getElementById('pause').onclick = function(){
 
+	pause = !pause;
 
 };
 
 };
 
 
 
 var canvas = document.getElementById('canvas');
 
 var canvas = document.getElementById('canvas');
 
@@ -54,13 +36,15 @@ function loop(t)
 
 
 
 	let newArray = []; newArray.length = dim*dim
 
 	let newArray = []; newArray.length = dim*dim
 
 
 
-	for(var i = 0; i < sq.length; i++) {
 
-		newArray[i] = decideOutcome(i)
 
-		context.fillStyle = newArray[i] ? 'red' : 'blue'
 
-		context.fillRect((i % dim)*size+1, Math.floor(i/dim) * size+1, size-2, size-2);
 
-	}
 
+	if (!pause) {
 
+		for(var i = 0; i < sq.length; i++) {
 
+			newArray[i] = decideOutcome(i)
 
+			context.fillStyle = newArray[i] ? 'red' : 'blue'
 
+			context.fillRect((i % dim)*size+2, Math.floor(i/dim) * size, size-4, size-4);
 
+		}
 
 
 
-	sq = newArray;
 
+		sq = newArray;
 
+	}
 
 
 
 	window.requestAnimationFrame(loop);
 
 	window.requestAnimationFrame(loop);
 
 }
 
 }
 
@@ -77,6 +61,7 @@ function decideOutcome(i) {
 
 		}
 
 		}
 
 	}
 
 	}
 
 
 
+	op(sq[i])
 
 	if(i % dim == 0) {
 
 	if(i % dim == 0) {
 
 		// first column
 
 		// first column
 
 		op(sq[i+1]) // search right
 
 		op(sq[i+1]) // search right

+ 1 - 4
index.html
查看文件 

@@ -6,11 +6,8 @@
 
 <title>COPTINET/VIZ</title>
 
 <title>COPTINET/VIZ</title>
 
 </head>
 
 </head>
 
 <body>
 
 <body>
 
-<div id="side">
 
-  <a href="#" id="full">fullscreen()</a>
 
-</div>
 
 <canvas id="canvas"></canvas>
 
 <canvas id="canvas"></canvas>
 
-<input type="button"  id="show" value="menu">
 
+<input type="button"  id="pause" value="pause">
 
 </body>
 
 </body>
 
 <script src="code.js"></script>
 
 <script src="code.js"></script>
 
 </html>
 
 </html>

+ 2 - 28
style.css
查看文件 

@@ -20,32 +20,6 @@ h1,h2,h3 {
 
     color:#0068ff;
 
     color:#0068ff;
 
 }
 
 }
 
 
 
-#side {
 
-  padding-top: 60px;
 
-  height: 100%;
 
-  width: 0;
 
-  position: fixed;
 
-  top: 0;
 
-  left: 0;
 
-  background-color:#121212;
 
-  z-index: 1;
 
-  overflow-x: hidden;
 
-  opacity:0.9;
 
-  transition: 0.4s;
 
-}
 
-#side a {
 
-    padding: 8px 8px 8px 32px;
 
-    text-decoration: none;
 
-    font-size: 20px;
 
-    color:#0068ff;
 
-    display: block;
 
-    transition: 0.3s
 
-}
 
-
 
-#side a:hover, .offcanvas a:focus{
 
-    color: #f1f1f1;
 
-}
 
-
 
 #canvas {
 
 #canvas {
 
   position: fixed;
 
   position: fixed;
 
   background-color:#000;
 
   background-color:#000;
 
@@ -57,7 +31,7 @@ h1,h2,h3 {
 
   height: 100%;
 
   height: 100%;
 
 }
 
 }
 
 
 
-#show {
 
+#pause {
 
     left: 10px;
 
     left: 10px;
 
     z-index: 2;
 
     z-index: 2;
 
     position: fixed;
 
     position: fixed;
 
@@ -73,6 +47,6 @@ h1,h2,h3 {
 
     font-size: 16px;
 
     font-size: 16px;
 
     transition: 0.3s
 
     transition: 0.3s
 
 }
 
 }
 
-#show:hover {
 
+#pause:hover {
 
     opacity:1.0;
 
     opacity:1.0;
 
 }
 
 }