<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    emu in blogjava

      BlogJava :: 首頁 :: 新隨筆 :: 聯系 :: 聚合  :: 管理 ::
      171 隨筆 :: 103 文章 :: 1052 評論 :: 2 Trackbacks
    Letters 是個很有意思的聯機小游戲,其實非常簡單,就是大家可以搶字母來拼自己喜歡的單詞,每天上去都會看到一群類此不疲的玩家。

    一時心血來潮仿寫了一個單機版的:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE> 字母漂移 </TITLE>
    <META NAME="Author" CONTENT="emu">
    <META NAME="Keywords" CONTENT="game">
    <SCRIPT LANGUAGE="JavaScript" defer>
    <!--
    var isIE=!!document.all;
    function checkMouseMove(event){
        
    if (window.activeElement){
            
    var elm = window.activeElement;
                    elm.style.left 
    = event.clientX-elm.innerX;
            elm.style.top 
    = event.clientY-elm.innerY;
        }

    }

    function releaseMouse(event){
        
    if (window.activeElement){
            activeElement.newX 
    = event.clientX-activeElement.innerX;
            activeElement.newY 
    = event.clientY-activeElement.innerY;
            window.activeElement 
    = null;
        }

    }

    function drag(event){
        
    if (event.button>1return;
        
    var elm = isIE?event.srcElement:event.target;
        window.activeElement 
    = elm;
        elm.oldX 
    = elm.offsetLeft;
        elm.oldY 
    = elm.offsetTop;
        elm.innerX 
    = event.clientX - elm.oldX;
        elm.innerY 
    = event.clientY - elm.oldY;
    }


    function slideTo(id,x,y){
        
    var d=5    
        
    var e = document.getElementById(id);
        
    var l = e.style.left?parseInt(e.style.left):0;
        
    var t = e.style.top?parseInt(e.style.top):0;
        
    if(Math.abs(l-x)<=&& Math.abs(t-y)<=d) return;
        
    if(l!=x) e.style.left=l+(l<x?d:-d)
        
    if(t!=y) e.style.top=t+(t<y?d:-d)
        
    if(e.timer) clearTimeout(e.timer)
        e.timer
    =setTimeout("slideTo("+id+","+x+","+y+")",3)
    }

    setInterval(
    "slide()",300);
    function slide(){
        slideTo(Math.floor(Math.random()
    *26),Math.floor(Math.random()*670+15),Math.floor(Math.random()*470+15))
    }

    //-->
    </SCRIPT>
    </HEAD>
    <style>b{position:absolute;cursor:pointer;font-size:20}</style>
    <BODY onmousemove="checkMouseMove(event)" onmouseup="releaseMouse(event)" oncontextmenu="return false" onselect="return false" ondblclick="return false">
    <div style="background-color:yellow;width:700;height:500;overflow:hidden">
    <SCRIPT>
    var n=104;
    for(var i=0;i<n;i++)
        document.write('
    <b onmousedown="drag(event)" id="'+i+'" style="left:'+Math.floor(Math.random()*670+15)+';top:'+Math.floor(Math.random()*470+15)+';color:#'+(Math.floor(Math.random()*(1<<24))|(1<<23)).toString(16)
        +'
    " onbeforselect="return false">'+String.fromCharCode(i%26+65)+'</b>');
    </SCRIPT>
    </div>
    </BODY>
    </HTML>


    看起來也似模似樣了呵呵。至少比Letters 單機版要有可玩性,更不要說體積只有它的幾十分只一了。

    直接拷貝下來保存為html文件,或者點擊這里下載。在IE6和Firefox1.5下面同過。

    運行效果如下:
    posted on 2006-01-18 00:30 emu 閱讀(2519) 評論(6)  編輯  收藏

    評論

    # re: 仿寫了一個游戲 2006-01-18 08:49 Robin's Java World
    玩了一下,發現用JS寫的跟FLASH做的還是有一定的差別,一是效果沒有那么好,二是在拖動字母的時候會出現選中很多字母的問題。  回復  更多評論
      

    # re: 仿寫了一個游戲 2006-01-18 09:18 豹豹
    選中很多字母,可以屏蔽 onselectstart 事件來解決  回復  更多評論
      

    # re: 仿寫了一個游戲 2006-01-18 09:24 emu
    MFF屏蔽不了。
    其實按照原游戲的效果,這些字母都應該是gif圖片做的,本來就不存在選中問題。
    不過寫程序純粹為了好玩,沒花那么多時間來做這些細節,只是隨便放些字母上去。  回復  更多評論
      

    # re: 仿寫了一個游戲 2006-01-18 09:31 emu
    直接拷貝代碼下來不能運行,是因為這一行:
    <style>b{position:absolute;cursor:hand;font-size:20}</style>
    從上面拷貝下來的時候居然變成:
    <style>b{}{position:absolute;cursor:hand;font-size:20}</style>
    這是代碼展示器的一個bug了,自己改回來就好了。
      回復  更多評論
      

    # re: 仿寫了一個游戲 2006-05-17 00:22 夢游客
    好樣的, 小子, 我關注你哈  回復  更多評論
      

    # re: 仿寫了一個游戲 2008-09-02 12:32 Relucent
    很有意思  回復  更多評論
      


    只有注冊用戶登錄后才能發表評論。


    網站導航:
     
    主站蜘蛛池模板: 亚洲国产精品VA在线看黑人| 日韩一级在线播放免费观看| 亚洲综合AV在线在线播放| WWW国产亚洲精品久久麻豆| 国产精品视频免费一区二区三区| 亚洲综合色视频在线观看| 免费国产a理论片| 国产成人亚洲精品影院| 久久www免费人成精品香蕉| 亚洲乱码日产一区三区| 永久免费av无码入口国语片| 亚洲一区二区三区四区在线观看| 99热免费在线观看| 亚洲午夜无码久久| 亚洲国产成人精品久久久国产成人一区二区三区综| 亚洲.国产.欧美一区二区三区| 国产一精品一aⅴ一免费| 又硬又粗又长又爽免费看| 亚洲2022国产成人精品无码区 | 永久黄网站色视频免费直播 | 亚洲自偷自偷在线成人网站传媒 | 国产成人99久久亚洲综合精品| 国产精品综合专区中文字幕免费播放 | 亚洲精品动漫人成3d在线 | 亚洲综合色丁香婷婷六月图片| 日韩特黄特色大片免费视频| 免费看一级一级人妻片| 久久夜色精品国产亚洲AV动态图| 毛片免费全部播放无码| 日日摸日日碰夜夜爽亚洲| 国产亚洲精品精华液| 日韩一区二区a片免费观看| 野花视频在线官网免费1| 亚洲AV日韩AV永久无码久久 | 亚洲av午夜电影在线观看| 亚洲综合无码AV一区二区| 最新欧洲大片免费在线| 亚洲免费在线观看| 亚洲国产精品专区| 亚洲综合激情另类专区| 欧美日韩国产免费一区二区三区|