Javascript 游戏时钟小试
读了一篇<<如何实现游戏主循环(Game Loop)的详细解析>> 的文章, 用javascript实现一下,目前仍没有完全参透其中含义, 出来的效果不能另人满意
<html><head><meta http-equiv=Content-Type content="text/html;charset=utf-8"><title>Javascript 游戏时钟小试</title><script type="text/javascript" src="jquery-1.6.4.js"></script><style type="text/css">body{font-size: 14px;}.wrap{border:solid 1px #f60; width:500px; height:300px; position:relative;}.item{border:solid 1px #660; line-height:30px; height:30px;}.red{color:red;}.block{width:10px;height:10px;background-color:#aaa;position:absolute;z-index:10000;line-height:0;font-size:0;}.ss{width:1px;height:14px;background-color:#eee;color:#ff0;line-height:0;font-size:10px;line-height: 14px;margin-top: 1px;}#debug{position:fixed; border:solid 1px #f60; width:600px;height:100%;right:0;top: 0;overflow: scroll;}</style></head><body><a href="javascript:start()">start</a> |<a href="javascript:pause()">pause</a> |addBlock<a href="javascript:addBlock()">[1]</a><a href="javascript:addBlock2()">[10]</a>(<span id="blocks">0</span>) |Frame: <span id='Frame'>0</span> |SkipedFrame: <span id='skipFrame'>0</span> |<a href="javascript:big()">复杂计算</a> |<a href="javascript:$('#debug')">ClearDebug</a><div id="msg"><div id="block-x" style="top:20px;left:0;background-color:#f60;"></div></div><div id="b'+ arr1.length +'"></div>');$('#msg').append(block);var a = Math.random() * speed / 1.1 + 2;var b = Math.sqrt(speed * speed - a * a);arr2.push([0,0,1,1,a/1000,b/1000]);arr1.push(block);block = null;$('#blocks').html(arr1.length);}function addBlock2(){var _i=0;while(_i++ <10) addBlock();}</script></body></html>