红方块躲避—天才游戏

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 

<HTML>

<HEAD>

<TITLE>红方块躲避游戏</TITLE> 

<META http-equiv=Content-Type content="text/html; charset=gb2312"> 

<SCRIPT type="text/javascript"> 

isNS4 = (document.layers) ? true : false; 

isIE4 = (document.all && !document.getElementById) ? true : false; 

isIE5 = (document.all && document.getElementById) ? true : false; 

isNS6 = (!document.all && document.getElementById) ? true : false; 

var curX, curY, curX2, curY2, boxX, boxY, moving=0, touch=0; 

var gametime=0, started=0, speed; 

var starttime, endtime, finaltime=0; //pass finaltime to popup window to ask for initials 

var enemyxdir = new Array(1,1,1,1); 

var enemyydir = new Array(1,1,1,1); 

if (isNS4 || isNS6){ 

document.captureEvents(Event.MOUSEUP|Event.MOUSEDOWN|Event.MOUSEMOVE); 

} 

document.onmousedown = start; 

document.onmousemove = checkLocation; 

document.onmouseup = stop; 

function startclock() {var today = new Date(); starttime = today.getTime();} 

function endclock() {var today = new Date(); endtime = today.getTime();} 

function calctime() {var time = (endtime - starttime - 0)/1000;    return time;} 

function giveposX(divname) { 

    if (isNS4) var posLeft = document.layers[divname].left; 

    else if (isIE4 || isIE5) var posLeft = document.all(divname).style.pixelLeft; 

    else if (isNS6) var posLeft = parseInt(document.getElementById(divname).style.left + ""); 

    return posLeft; 

} 

function giveposY(divname) { 

    if (isNS4) var posTop = document.layers[divname].top; 

    else if (isIE4 || isIE5) var posTop = document.all(divname).style.pixelTop; 

    else if (isNS6) var posTop = parseInt(document.getElementById(divname).style.top + ""); 

    return posTop; 

} 

function setposX(divname, xpos) { 

    if (isNS4) document.layers[divname].left = xpos; 

    else if (isIE4 || isIE5) document.all(divname).style.pixelLeft = xpos; 

    else if (isNS6) document.getElementById(divname).style.left = xpos; 

} 

function setposY(divname, ypos) { 

    if (isNS4) document.layers[divname].top = ypos; 

    else if (isIE4 || isIE5) document.all(divname).style.pixelTop = ypos; 

    else if (isNS6) document.getElementById(divname).style.top = ypos; 

} 

function givesize(divname, dimension) { 

    var divsize = 0; 

        if (dimension == 'y') { 

            if (isNS4) divsize = document.layers[divname].clip.height; 

            else if (isIE4 || isIE5) divsize = document.all(divname).style.pixelHeight; 

            else if (isNS6) divsize = parseInt(document.getElementById(divname).style.height + ""); 

        } 

        else if (dimension == 'x') { 

            if (isNS4) divsize = document.layers[divname].clip.width; 

            else if (isIE4 || isIE5) divsize = document.all(divname).style.pixelWidth; 

            else if (isNS6) divsize = parseInt(document.getElementById(divname).style.width + ""); 

        } 

    return divsize; 

} 

// check to see if 'box' is touching 'enemy1' 

function checktouching(num) { 

    var enemy = "enemy" + num + "" 

    var difX = giveposX('box') - giveposX(enemy) - 0; // -0 converts to integer 

    var difY = giveposY('box') - giveposY(enemy) - 0; 

    // set touch = 1 if it is touching an enemy 

    if (difX > (-1 * givesize('box', 'x')) && difX < givesize(enemy, 'x') && difY > (-1 * givesize('box', 'y')) && difY < givesize(enemy, 'y')) { 

        touch = 1; 

    } 

    else touch = 0; 

} 

function movenemy(num,step_x,step_y){ 

    var enemy = "enemy" + num + "" 

    var enemyx = givesize(enemy, 'x'); 

    var enemyy = givesize(enemy, 'y'); 

    if (giveposX(enemy) >= (450 - enemyx) || giveposX(enemy) <= 0) { 

        enemyxdir[num] = -1 * enemyxdir[num]; 

        } 

    if (giveposY(enemy) >= (450 - enemyy) || giveposY(enemy) <= 0) { 

        enemyydir[num] = -1 * enemyydir[num]; 

        } 

    var newposx = giveposX(enemy) + (step_x*enemyxdir[num]) + 0; 

    var newposy = giveposY(enemy) + (step_y*enemyydir[num]) + 0; 

    setposX(enemy, newposx); 

    setposY(enemy, newposy); 

    checktouching(num + ""); 

    if (touch == 1) { 

        stop(); reset(); 

        } 

} 

function movenemies() { 

    gametime = gametime + 1 

    if (gametime >= 0 && gametime < 100) speed = 80; 

    else if (gametime >= 100 &&  gametime < 200) speed = 60; 

    else if (gametime >= 200 &&  gametime < 300) speed = 40; 

    else if (gametime >= 300 &&  gametime < 400) speed = 30; 

    else if (gametime >= 400 &&  gametime < 500) speed = 20; 

    else speed = 10; 

    // window.status = "speed:  " + speed + "   gametime: " + gametime; 

    movenemy(0,-10,12); 

    movenemy(1,-12,-20); 

    movenemy(2,15,-13); 

    movenemy(3,17,11); 

    setTimeout(movenemies,speed); 

} 

function start(e) { 

    if (started == 0) {    movenemies();     startclock();     started = 1;    } 

    curX = (isNS4 || isNS6) ? e.pageX : window.event.x ; 

    curY = (isNS4 || isNS6) ? e.pageY : window.event.y ; 

    curX2 = eval(curX - 40); 

    curY2 = eval(curY - 40); 

    boxX = eval(curX - 20); 

    boxY = eval(curY - 20); 

    var boxleft = giveposX('box'); 

    var boxtop = giveposY('box'); 

    if (curX > boxleft && curX2 < boxleft && curY > boxtop && curY2 < boxtop) { 

        moving = 1; 

        setposX('box', boxX); 

        setposY('box', boxY); 

        if (isNS4 || isNS6){ 

        document.captureEvents(Event.MOUSEMOVE); 

        } 

    } 

} 

function stop(e){ 

    moving=0; 

    if (isNS4 || isNS6){ 

    document.releaseEvents(Event.MOUSEMOVE); 

    } 

} 

function reset(e){ 

    endclock(); 

    moving=0; 

    if (isNS4 || isNS6){ 

        document.releaseEvents(Event.MOUSEMOVE); 

        } 

    if (finaltime == 0) { 

        finaltime = calctime(); 

        window.alert('你坚持了 ' + finaltime + ' 秒... 还可以加油!'); 

//        var entername = window.confirm('Enter your name?'); 

//            if (entername) { 

//            window.open("?" + finaltime,'winwin','width=300,height=500,left=40,top=40,status=1,resizable'); 

//            document.location.reload(); 

//            } 

//            else document.location.reload(); 

            window.close(); 

        } 

} 

function checkLocation(e){ 

        curX = (isNS4 || isNS6) ? e.pageX : window.event.x ; 

        curY = (isNS4 || isNS6) ? e.pageY : window.event.y ; 

        boxX = eval(curX - 20); 

        boxY = eval(curY - 20); 

    checktouching('1'); 

    if (moving == 1 && touch == 0){ 

            setposX('box',boxX); 

            setposY('box',boxY); 

            if (curY > 69 && curX > 69 && curY < 381 && curX < 381) return false; 

            else stop(); reset(); 

    } 

    else if (touch == 1){ 

    stop(); reset(); 

    } 

} 

</SCRIPT> 

<META content="MSHTML 6.00.2800.1106" name=GENERATOR></HEAD> 

<BODY text=#000000 bgColor=#ffffff leftMargin=0 topMargin=0 marginwidth="0"

marginheight="0"> 

<DIV id=box

style="LEFT: 205px; WIDTH: 40px; POSITION: absolute; TOP: 205px; HEIGHT: 40px; BACKGROUND-COLOR: #990000; layer-background-color: #990000"> 

<TABLE height=40 width=40> 

  <TBODY> 

  <TR> 

    <TD></TD></TD></TR></TBODY></TABLE></DIV> 

<DIV id=enemy0

style="LEFT: 270px; WIDTH: 60px; POSITION: absolute; TOP: 60px; HEIGHT: 50px; BACKGROUND-COLOR: #000099; layer-background-color: #000099"> 

<TABLE height=50 width=60> 

  <TBODY> 

  <TR> 

    <TD></TD></TR></TBODY></TABLE></DIV> 

<DIV id=enemy1

style="LEFT: 300px; WIDTH: 100px; POSITION: absolute; TOP: 330px; HEIGHT: 20px; BACKGROUND-COLOR: #000099; layer-background-color: #000099"> 

<TABLE height=20 width=100> 

  <TBODY> 

  <TR> 

    <TD>?</TD></TR></TBODY></TABLE></DIV> 

<DIV id=enemy2

style="LEFT: 70px; WIDTH: 30px; POSITION: absolute; TOP: 320px; HEIGHT: 60px; BACKGROUND-COLOR: #000099; layer-background-color: #000099"> 

<TABLE height=60 width=30> 

  <TBODY> 

  <TR> 

    <TD>?</TD></TR></TBODY></TABLE></DIV> 

<DIV id=enemy3

style="LEFT: 70px; WIDTH: 60px; POSITION: absolute; TOP: 70px; HEIGHT: 60px; BACKGROUND-COLOR: #000099; layer-background-color: #000099"> 

<TABLE height=60 width=60> 

  <TBODY> 

  <TR> 

    <TD>?</TD></TR></TBODY></TABLE></DIV> 

<TABLE cellSpacing=0 cellPadding=0 border=0><!-- row 1 -->

  <TBODY> 

  <TR> 

    <TD width=50 bgColor=#000000 height=50> 

      <TABLE> 

        <TBODY> 

        <TR> 

          <TD></TD></TR></TBODY></TABLE></TD> 

    <TD width=50 bgColor=#000000 height=50> 

      <TABLE> 

        <TBODY> 

        <TR> 

          <TD></TD></TR></TBODY></TABLE></TD> 

    <TD width=50 bgColor=#000000 height=50> 

      <TABLE> 

        <TBODY> 

        <TR> 

          <TD></TD></TR></TBODY></TABLE></TD> 

    <TD width=50 bgColor=#000000 height=50> 

      <TABLE> 

        <TBODY> 

        <TR> 

          <TD></TD></TR></TBODY></TABLE></TD> 

    <TD width=50 bgColor=#000000 height=50> 

      <TABLE> 

        <TBODY> 

        <TR> 

          <TD></TD></TR></TBODY></TABLE></TD> 

    <TD width=50 bgColor=#000000 height=50> 

      <TABLE> 

        <TBODY> 

        <TR> 

          <TD></TD></TR></TBODY></TABLE></TD> 

    <TD width=50 bgColor=#000000 height=50> 

      <TABLE> 

        <TBODY> 

        <TR> 

          <TD></TD></TR></TBODY></TABLE></TD> 

    <TD width=50 bgColor=#000000 height=50> 

      <TABLE> 

        <TBODY> 

        <TR> 

          <TD></TD></TR></TBODY></TABLE></TD> 

    <TD width=50 bgColor=#000000 height=50> 

      <TABLE> 

        <TBODY> 

        <TR> 

          <TD></TD></TR></TBODY></TABLE></TD></TR><!-- row 2 -->

  <TR> 

    <TD width=50 bgColor=#000000 height=50> 

      <TABLE> 

        <TBODY> 

        <TR> 

          <TD></TD></TR></TBODY></TABLE></TD> 

    <TD width=50 height=50> 

      <TABLE> 

        <TBODY> 

        <TR> 

          <TD></TD></TR></TBODY></TABLE></TD> 

    <TD width=50 height=50> 

      <TABLE> 

        <TBODY> 

        <TR> 

          <TD></TD></TR></TBODY></TABLE></TD> 

    <TD width=50 height=50> 

      <TABLE> 

        <TBODY> 

        <TR> 

          <TD></TD></TR></TBODY></TABLE></TD> 

    <TD width=50 height=50> 

      <TABLE> 

        <TBODY> 

        <TR> 

          <TD></TD></TR></TBODY></TABLE></TD> 

    <TD width=50 height=50> 

      <TABLE> 

        <TBODY> 

        <TR> 

          <TD></TD></TR></TBODY></TABLE></TD> 

    <TD width=50 height=50> 

      <TABLE> 

        <TBODY> 

        <TR> 

          <TD></TD></TR></TBODY></TABLE></TD> 

    <TD width=50 height=50> 

      <TABLE> 

        <TBODY> 

        <TR> 

          <TD></TD></TR></TBODY></TABLE></TD> 

    <TD width=50 bgColor=#000000 height=50> 

      <TABLE> 

        <TBODY> 

        <TR> 

          <TD></TD></TR></TBODY></TABLE></TD></TR><!-- row 3 -->

  <TR> 

    <TD width=50 bgColor=#000000 height=50> 

      <TABLE> 

        <TBODY> 

        <TR> 

          <TD></TD></TR></TBODY></TABLE></TD> 

    <TD width=50 height=50> 

      <TABLE> 

        <TBODY> 

        <TR> 

          <TD></TD></TR></TBODY></TABLE></TD> 

    <TD width=50 height=50> 

      <TABLE> 

        <TBODY> 

        <TR> 

          <TD></TD></TR></TBODY></TABLE></TD> 

    <TD width=50 height=50> 

      <TABLE> 

        <TBODY> 

        <TR> 

          <TD></TD></TR></TBODY></TABLE></TD> 

    <TD width=50 height=50> 

      <TABLE> 

        <TBODY> 

        <TR> 

          <TD></TD></TR></TBODY></TABLE></TD> 

    <TD width=50 height=50> 

      <TABLE> 

        <TBODY> 

        <TR> 

          <TD></TD></TR></TBODY></TABLE></TD> 

    <TD width=50 height=50> 

      <TABLE> 

        <TBODY> 

        <TR> 

          <TD></TD></TR></TBODY></TABLE></TD> 

    <TD width=50 height=50> 

      <TABLE> 

        <TBODY> 

        <TR> 

          <TD></TD></TR></TBODY></TABLE></TD> 

    <TD width=50 bgColor=#000000 height=50> 

      <TABLE> 

        <TBODY> 

        <TR> 

          <TD></TD></TR></TBODY></TABLE></TD></TR><!-- row 4 -->

  <TR> 

    <TD width=50 bgColor=#000000 height=50> 

      <TABLE> 

        <TBODY> 

        <TR> 

          <TD></TD></TR></TBODY></TABLE></TD> 

    <TD width=50 height=50> 

      <TABLE> 

        <TBODY> 

        <TR> 

          <TD></TD></TR></TBODY></TABLE></TD> 

    <TD width=50 height=50> 

      <TABLE> 

        <TBODY> 

        <TR> 

          <TD></TD></TR></TBODY></TABLE></TD> 

    <TD width=50 height=50> 

      <TABLE> 

        <TBODY> 

        <TR> 

          <TD></TD></TR></TBODY></TABLE></TD> 

    <TD width=50 height=50> 

      <TABLE> 

        <TBODY> 

        <TR> 

          <TD></TD></TR></TBODY></TABLE></TD> 

    <TD width=50 height=50> 

      <TABLE> 

        <TBODY> 

        <TR> 

          <TD></TD></TR></TBODY></TABLE></TD> 

    <TD width=50 height=50> 

      <TABLE> 

        <TBODY> 

        <TR> 

          <TD></TD></TR></TBODY></TABLE></TD> 

    <TD width=50 height=50> 

      <TABLE> 

        <TBODY> 

        <TR> 

          <TD></TD></TR></TBODY></TABLE></TD> 

    <TD width=50 bgColor=#000000 height=50> 

      <TABLE> 

        <TBODY> 

        <TR> 

          <TD></TD></TR></TBODY></TABLE></TD></TR><!-- row 5 -->

  <TR> 

    <TD width=50 bgColor=#000000 height=50> 

      <TABLE> 

        <TBODY> 

        <TR> 

          <TD></TD></TR></TBODY></TABLE></TD> 

    <TD width=50 height=50> 

      <TABLE> 

        <TBODY> 

        <TR> 

          <TD></TD></TR></TBODY></TABLE></TD> 

    <TD width=50 height=50> 

      <TABLE> 

        <TBODY> 

        <TR> 

          <TD></TD></TR></TBODY></TABLE></TD> 

    <TD width=50 height=50> 

      <TABLE> 

        <TBODY> 

        <TR> 

          <TD></TD></TR></TBODY></TABLE></TD> 

    <TD width=50 height=50> 

      <TABLE> 

        <TBODY> 

        <TR> 

          <TD></TD></TR></TBODY></TABLE></TD> 

    <TD width=50 height=50> 

      <TABLE> 

        <TBODY> 

        <TR> 

          <TD></TD></TR></TBODY></TABLE></TD> 

    <TD width=50 height=50> 

      <TABLE> 

        <TBODY> 

        <TR> 

          <TD></TD></TR></TBODY></TABLE></TD> 

    <TD width=50 height=50> 

      <TABLE> 

        <TBODY> 

        <TR> 

          <TD></TD></TR></TBODY></TABLE></TD> 

    <TD width=50 bgColor=#000000 height=50> 

      <TABLE> 

        <TBODY> 

        <TR> 

          <TD></TD></TR></TBODY></TABLE></TD></TR><!-- row 6 -->

  <TR> 

    <TD width=50 bgColor=#000000 height=50> 

      <TABLE> 

        <TBODY> 

        <TR> 

          <TD></TD></TR></TBODY></TABLE></TD> 

    <TD width=50 height=50> 

      <TABLE> 

        <TBODY> 

        <TR> 

          <TD></TD></TR></TBODY></TABLE></TD> 

    <TD width=50 height=50> 

      <TABLE> 

        <TBODY> 

        <TR> 

          <TD></TD></TR></TBODY></TABLE></TD> 

    <TD width=50 height=50> 

      <TABLE> 

        <TBODY> 

        <TR> 

          <TD></TD></TR></TBODY></TABLE></TD> 

    <TD width=50 height=50> 

      <TABLE> 

        <TBODY> 

        <TR> 

          <TD></TD></TR></TBODY></TABLE></TD> 

    <TD width=50 height=50> 

      <TABLE> 

        <TBODY> 

        <TR> 

          <TD></TD></TR></TBODY></TABLE></TD> 

    <TD width=50 height=50> 

      <TABLE> 

        <TBODY> 

        <TR> 

          <TD></TD></TR></TBODY></TABLE></TD> 

    <TD width=50 height=50> 

      <TABLE> 

        <TBODY> 

        <TR> 

          <TD></TD></TR></TBODY></TABLE></TD> 

    <TD width=50 bgColor=#000000 height=50> 

      <TABLE> 

        <TBODY> 

        <TR> 

          <TD></TD></TR></TBODY></TABLE></TD></TR><!-- row 7 -->

  <TR> 

    <TD width=50 bgColor=#000000 height=50> 

      <TABLE> 

        <TBODY> 

        <TR> 

          <TD></TD></TR></TBODY></TABLE></TD> 

    <TD width=50 height=50> 

      <TABLE> 

        <TBODY> 

        <TR> 

          <TD></TD></TR></TBODY></TABLE></TD> 

    <TD width=50 height=50> 

      <TABLE> 

        <TBODY> 

        <TR> 

          <TD></TD></TR></TBODY></TABLE></TD> 

    <TD width=50 height=50> 

      <TABLE> 

        <TBODY> 

        <TR> 

          <TD></TD></TR></TBODY></TABLE></TD> 

    <TD width=50 height=50> 

      <TABLE> 

        <TBODY> 

        <TR> 

          <TD></TD></TR></TBODY></TABLE></TD> 

    <TD width=50 height=50> 

      <TABLE> 

        <TBODY> 

        <TR> 

          <TD></TD></TR></TBODY></TABLE></TD> 

    <TD width=50 height=50> 

      <TABLE> 

        <TBODY> 

        <TR> 

          <TD></TD></TR></TBODY></TABLE></TD> 

    <TD width=50 height=50> 

      <TABLE> 

        <TBODY> 

        <TR> 

          <TD></TD></TR></TBODY></TABLE></TD> 

    <TD width=50 bgColor=#000000 height=50> 

      <TABLE> 

        <TBODY> 

        <TR> 

          <TD></TD></TR></TBODY></TABLE></TD></TR><!-- row 8 -->

  <TR> 

    <TD width=50 bgColor=#000000 height=50> 

      <TABLE> 

        <TBODY> 

        <TR> 

          <TD></TD></TR></TBODY></TABLE></TD> 

    <TD width=50 height=50> 

      <TABLE> 

        <TBODY> 

        <TR> 

          <TD></TD></TR></TBODY></TABLE></TD> 

    <TD width=50 height=50> 

      <TABLE> 

        <TBODY> 

        <TR> 

          <TD></TD></TR></TBODY></TABLE></TD> 

    <TD width=50 height=50> 

      <TABLE> 

        <TBODY> 

        <TR> 

          <TD></TD></TR></TBODY></TABLE></TD> 

    <TD width=50 height=50> 

      <TABLE> 

        <TBODY> 

        <TR> 

          <TD></TD></TR></TBODY></TABLE></TD> 

    <TD width=50 height=50> 

      <TABLE> 

        <TBODY> 

        <TR> 

          <TD></TD></TR></TBODY></TABLE></TD> 

    <TD width=50 height=50> 

      <TABLE> 

        <TBODY> 

        <TR> 

          <TD></TD></TR></TBODY></TABLE></TD> 

    <TD width=50 height=50> 

      <TABLE> 

        <TBODY> 

        <TR> 

          <TD></TD></TR></TBODY></TABLE></TD> 

    <TD width=50 bgColor=#000000 height=50> 

      <TABLE> 

        <TBODY> 

        <TR> 

          <TD></TD></TR></TBODY></TABLE></TD></TR><!-- row 9 -->

  <TR> 

    <TD width=50 bgColor=#000000 height=50> 

      <TABLE> 

        <TBODY> 

        <TR> 

          <TD></TD></TR></TBODY></TABLE></TD> 

    <TD width=50 bgColor=#000000 height=50> 

      <TABLE> 

        <TBODY> 

        <TR> 

          <TD></TD></TR></TBODY></TABLE></TD> 

    <TD width=50 bgColor=#000000 height=50> 

      <TABLE> 

        <TBODY> 

        <TR> 

          <TD></TD></TR></TBODY></TABLE></TD> 

    <TD width=50 bgColor=#000000 height=50> 

      <TABLE> 

        <TBODY> 

        <TR> 

          <TD></TD></TR></TBODY></TABLE></TD> 

    <TD width=50 bgColor=#000000 height=50> 

      <TABLE> 

        <TBODY> 

        <TR> 

          <TD></TD></TR></TBODY></TABLE></TD> 

    <TD width=50 bgColor=#000000 height=50> 

      <TABLE> 

        <TBODY> 

        <TR> 

          <TD></TD></TR></TBODY></TABLE></TD> 

    <TD width=50 bgColor=#000000 height=50> 

      <TABLE> 

        <TBODY> 

        <TR> 

          <TD></TD></TR></TBODY></TABLE></TD> 

    <TD width=50 bgColor=#000000 height=50> 

      <TABLE> 

        <TBODY> 

        <TR> 

          <TD></TD></TR></TBODY></TABLE></TD> 

    <TD width=50 bgColor=#000000 height=50> 

      <TABLE> 

        <TBODY> 

        <TR> 

          <TD></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE> 

<div style="position: absolute; width: 285px; height: 293px; z-index: 1; left: 467px; top: 32px" id="layer1"> 

点击按住红色部分即开始:<br />

拖动红块,避免碰到蓝色部分 <br />

也不要碰到黑色边界区域。 <br />

如果你能达到18秒以上,你是个天才。 <br />

据说,美国空军的飞行员 <br />

被强制达到2分钟.</div> 

</BODY>

</HTML>

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏九彩拼盘的叨叨叨

那些 CSS 的设计失误(译)

CSS Working Group 写的 Incomplete List of Mistakes in the Design of CSS 。译的不好,请见谅。

9710
来自专栏偏前端工程师的驿站

CSS魔法堂:重拾Border之——解构Border

前言  当CSS3推出border-radius属性时我们是那么欣喜若狂啊,一想到终于不用再添加额外元素来模拟圆角了,但发现border-radius还分水平半...

24080
来自专栏Android常用基础

自定义View(三)-动画-属性动画ValueAnimator

之前我们把视图动画(也就是View动画)分析的差不多了,当然帧动画我们没有讲解,其实帧动画比较简单,就是通过顺序播放一系列的图像从而产生动画效果,可以简单理解为...

48420
来自专栏GIS讲堂

OL4中styleFunction的妙用

越用越觉得styleFunction是一个好东西,爱不释手啊,今天分享一个简单的memo。

13720
来自专栏Nian糕的私人厨房

Canvas 让你的屏幕下一场 Hacker 流星雨吧

今天来分享一个很狂拽酷炫吊炸天的特效,其装逼效果不亚于上面那张入侵五角大楼导弹制导系统的概念图(手动滑稽),实现起来很简单,跟着动手一起来吧

9920
来自专栏老秦求学

百练 石头剪刀布

总时间限制: 1000ms内存限制: 65536kB描述 石头剪刀布是常见的猜拳游戏。石头胜剪刀,剪刀胜布,布胜石头。如果两个人出拳一样,则不分胜负。 一天,小...

37070
来自专栏陈树义

POI 操作Excel疑难点笔记

在POI中,我们可以通过Workbook, Sheet, Row, Cell 对象分别对应Excel文件、工作表、行、单元格。 在POI的使用中,我遇到了几个非...

38860
来自专栏一“技”之长

iOS开发CoreAnimation解读之四——Layer层动画内容

        通过前几篇博客的介绍,我们可以了解到layer层可以设置许多与控件UI相关的属性,并且对于iOS开发,UIView层的属性是会映射到CALaye...

10810
来自专栏小灰灰

im4java + imagemagic 搭建一个图片处理服务

imagemagic + im4java 进行图片处理 利用 imagemagic 对图片进行处理,java工程中,使用im4java来操作imagemagi...

37870
来自专栏用户2442861的专栏

CSS技巧(一):清除浮动

http://www.cnblogs.com/ForEvErNoME/p/3383539.html

8210

扫码关注云+社区

领取腾讯云代金券