一個簡單的透視遊戲的編寫

 上網無意彈出一個《看透美女其實很容易》的遊戲廣告，flash。

感覺這樣的遊戲很容易實作，兩張圖檔的簡單替換，用javascript就可以輕松搞定，遂小試一下。

遊戲素材的尋找上，居然找到了一個叫做《妄撮（Mosatsu）》的遊戲（我承認，這麼流行的一個手機遊戲我居然無所聞，慚愧...）

什麼是《妄撮（Mosatsu）》啊，百度一下：《妄撮（Mosatsu）》本是一本照片書籍系列，包含“撕掉模特的衣服露出真相”的創意，隻是停留在内衣、比基尼的程度，兩張照片前後重疊之後的創意非常誘人。後來這個創意被制作成iOS遊戲，在iPhone平台遊玩，不過沒過幾個月就被蘋果公司勒令撤下APP商店，遊戲開發組并未收到被迫下架的明确原因，隻是被告知：“标準已經改變了。” 　　在日本，《妄撮》的書非常暢銷，并且相比其他露骨的雜志，它的尺度要小得多，并且收錄的全是著名的模特，由日本最大的發行商講談社（Kodansha）發行 撕掉她的衣服原為iOS遊戲所用，被迫下架後，安卓平台用自己寬廣的胸懷接受了它。目前 撕掉她的衣服已經可以在安卓平台下載下傳，售價為368日元，相當于30元人民币，但是微軟在無恥方面怎麼可以容許谷歌的超越，現在PC也可以玩撕掉她的衣服了。

妄撮（Mosatsu）自定義素材包下載下傳、自定義美女動畫圖檔下載下傳、妄撮素材包下載下傳、撕掉她的衣服圖檔下載下傳、撕掉她的衣服素材下載下傳 進入看透美女

遊戲的代碼就很簡單了，随便網上找下圖檔放大，滑鼠懸停放大然後改一改，一個遊戲就完成了。

<script type="text/javascript">
//<![CDATA[
function showImg1(t){
document.getElementById("loadtext").style.display='none';
//alert(document.getElementById("before").src);
document.getElementById("before").src=t+".jpg";
document.getElementById("before").style.display='';

}

function showImg2(t){
    document.getElementById("after").src="0"+t+".jpg";
    document.getElementById("after").style.display='';
}

function loadImg(t){
    var o2= new Image();
    o2.src = "0"+t+".jpg";
      if(o2.complete){

        showImg2(t);
        x=new zoomBox('zoomPan','zoom')
      }else{
        o2.onload = function(){

         showImg2(t);
         x=new zoomBox('zoomPan','zoom')
        };
        o2.onerror = function(){

          window.alert('美女加載失敗，請重試');

        };
      }
}

function zoomBox() {this.index.apply(this, arguments)}
zoomBox.prototype = {
    index: function(win,zoom) {
        var win=document.getElementById(win);
        var box=document.getElementById(zoom);
        var img=box.getElementsByTagName('IMG')[0];
        var zoom=img.width/win.getElementsByTagName('IMG')[0].width;
        var z=Math.round(box.offsetWidth/2);
        win.οnmοusemοve=function (e){
            e = e || window.event;
            var x=e.clientX,y=e.clientY, ori=win.getBoundingClientRect();
            if (x>ori.right+20||y>ori.bottom+20||x<ori.left-20||y<ori.top-20)box.style.display='none';
            x-=ori.left;
            y-=ori.top;
            box.style.left=x-z+'px';
            box.style.top=y-z+'px';
            img.style.left=-x*zoom+z+'px';
            img.style.top=-y*zoom+z+'px';
        }
        win.οnmοuseοver=function (){box.style.display=''}
    }
};

    var str=location.href; //取得整個位址欄
    //document.getElementById("loadtext").style.display='';
    document.getElementById("before").style.display='none';
    document.getElementById("after").style.display='none';
    var s=str.indexOf("?"); 
    var t=str.substring(s+1);// 

    var o= new Image();
    o.src = t+".jpg";
    
      if(o.complete){
        showImg1(t);
        loadImg(t);

      }else{
        o.onload = function(){
         showImg1(t);
         loadImg(t);
        };
        o.onerror = function(){
          window.alert('美女加載失敗，請重試');

        };
      }      

代碼邏輯性不是很強，可能有點亂。隻是提供一種遊戲的思想而已。

遊戲效果圖：

遊戲入口：進入看透美女