一个简单的透视游戏的编写

最新推荐文章于 2021-02-27 07:59:35 发布

最新推荐文章于 2021-02-27 07:59:35 发布 · 2.7k 阅读

文章标签：

#c/c++ #移动开发 #javascript #ViewUI

游戏专栏收录该内容

1 篇文章

订阅专栏

本文分享了一次尝试使用两张图片进行简单替换制作Flash游戏的经历，通过JavaScript实现了基本功能，并介绍了游戏素材来源及最终实现效果。

上网无意弹出一个《看透美女其实很容易》的游戏广告，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.onmousemove=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.onmouseover=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('美女加载失败，请重试');

        };
      }

代码逻辑性不是很强，可能有点乱。只是提供一种游戏的思想而已。

游戏效果图：