【开源游戏/跑酷】我就是我

用户5997198

发布于 2019-12-05 08:34:33

81000

代码可运行

文章被收录于专栏：蚂蚁开源社区蚂蚁开源社区

运行总次数：0

代码可运行

游戏说明：

我就是我是一款非常有趣另类的敏捷类跑酷HTML5游戏，在游戏中吃到桃心可以加快奔跑的速度，另外掉坑里，你要快速的点击屏幕，可以飞起来，只要你够牛X，你可以永远不用死。

领导问我为毛效率这么低？我认真回答：“做自己不解释。”然后就打开了这个了解真相的游戏，这是一款恶搞的小游戏。点击屏幕开始跑步，如果不小心掉下去就长按屏幕不放，就能飞上去。

源码演示：

代码摘要：

HTML

div class="aliForPc"><img src="me/forpc.png"></div>
<div id="legend">
<div style="position:absolute;margin:0;padding:0;overflow:visible;-webkit-transform:translateZ(0);z-index:0;">
<canvas id="legend_canvas" style="margin:0;padding:0;width:640px;height:1136px;" width="640" height="1136">
</canvas>
</div>
<div id="legend_InputText" style="position:absolute;margin:0;padding:0;z-index:10;display:none;">
<textarea rows="1" id="legend_InputTextareaBox" style="resize:none;background:transparent;border:0px;">
</textarea>
<input type="text" id="legend_InputTextBox" style="background:transparent;border:0px;">
<input type="password" id="legend_passwordBox" style="background:transparent;border:0px;">
</div>
</div>
<link href="me/sprite.css" rel="stylesheet" type="text/css">
<div style="position: absolute;right:0px;top:0px;max-width: 640px;margin: 0 auto;left: 0;height:1px;">
<img id="myimg" src="me/174232_1708.jpg" onclick="toggleFrdlist();">
<div style="margin:10px 0 0 0;">
我就是我<br>人品值：999999  </div>
<div id="frdlist">
<ul>
<li style="float:left;" class="page1 ">
<a href="me/index.html" target="_blank">
<img src="me/174232_1708.jpg" style="width:22%;margin:10px;float:left;">
</a>
<div style="margin:10px 0 0 0;">
xxx<br>人品：</div>
</li> </ul>
<div style="display:block;text-align: center;position: absolute;top: 275px;left: 15%;">
<span class="icon icon-arrow-left" onclick="prev();"></span>
<font>1/1</font>
<span class="icon icon-arrow-right" onclick="next();"></span>
</div>
</div>
</div>

CSS:

#frdlist{display:none;background-color: rgba(255, 255, 255, 0.8);
width: 50%;
height: 250px;
box-shadow: 0px 4px 5px #CCC;
border-radius: 6px;margin-left: 5px;
margin-top: 15px;}
#myimg{width:12%;float: left;margin:10px;box-shadow: 0px 4px 5px #CCC;}
.r45{transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.hidden{display:none;}
 .aliForPc {display:none;position:fixed;top:5px;right:5px;width:200px;height:230px;overflow:hidden;z-index:99999;}
</style>

JS:

#frdlist{display:none;background-color: rgba(255, 255, 255, 0.8);
width: 50%;
height: 250px;
box-shadow: 0px 4px 5px #CCC;
border-radius: 6px;margin-left: 5px;
margin-top: 15px;}
#myimg{width:12%;float: left;margin:10px;box-shadow: 0px 4px 5px #CCC;}
.r45{transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.hidden{display:none;}
 .aliForPc {display:none;position:fixed;top:5px;right:5px;width:200px;height:230px;overflow:hidden;z-index:99999;}
</style>