羊了個羊，難不住程序員無限通關！
你知道的越多，不知道的就越多，業(yè)余的像一棵小草！
編輯：業(yè)余草
羊了個羊，難不住程序員無限通關！
羊了個羊
最近幾天，羊了個羊徹底火了。到底有多火呢？看下面的圖：
羊了個羊只靠廣告收入，一天就賺了近 500 萬。
至于火的原因，網(wǎng)上有各種解讀，總之別人就是牛！
火的背后呢？是無數(shù)人的徹夜未眠進行通關挑戰(zhàn)！然而，這些都難不住程序員！
難不住程序員
首先是，不少程序員搞起了“外掛”生意，一個腳本賣出幾元到 50 不等。
淘寶上一搜一大堆，已經(jīng)有“聰明”的人搶先一步，賺走了風口上的錢！
作為一個程序員，面對火了的羊了個羊，我們不能無動于衷！我們能不能手動制作一個屬于自己的羊了個羊呢？
自己制作羊了個羊
答案當然是可以的。
坑爹的小游戲（本來玩法挺有意思的，非得惡心人），根本無解（99.99%無解），氣的我自己寫了個 demo。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>羊了個羊 | hello_world</title>
<!--http://www.html5rocks.com/en/mobile/mobifying/-->
<meta name="viewport"
content="width=device-width,user-scalable=no,initial-scale=1, minimum-scale=1,maximum-scale=1"/>
<!--https://developer.apple.com/library/safari/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html-->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="format-detection" content="telephone=no">
<!-- force webkit on 360 -->
<meta name="renderer" content="webkit"/>
<meta name="force-rendering" content="webkit"/>
<!-- force edge on IE -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
<meta name="msapplication-tap-highlight" content="no">
<!-- force full screen on some browser -->
<meta name="full-screen" content="yes"/>
<meta name="x5-fullscreen" content="true"/>
<meta name="360-fullscreen" content="true"/>
<!-- force screen orientation on some browser -->
<meta name="screen-orientation" content=""/>
<meta name="x5-orientation" content="">
<!--fix fireball/issues/3568 -->
<!--<meta name="browsermode" content="application">-->
<meta name="x5-page-mode" content="app">
<!--<link rel="apple-touch-icon" href=".png" />-->
<!--<link rel="apple-touch-icon-precomposed" href=".png" />-->
<link rel="stylesheet" type="text/css" href="style-mobile.6e9cd.css"/>
<link rel="icon" href="favicon.8de18.ico"/>
</head>
<body>
<canvas id="GameCanvas" oncontextmenu="event.preventDefault()" tabindex="0"></canvas>
<div id="splash">
<div class="progress-bar stripes">
<span style="width: 0%"></span>
</div>
</div>
<script src="src/settings.4b50e.js" charset="utf-8"></script>
<script src="main.2129d.js" charset="utf-8"></script>
<script type="text/javascript">
(function () {
// open web debugger console
if (typeof VConsole !== 'undefined') {
window.vConsole = new VConsole();
}
var debug = window._CCSettings.debug;
var splash = document.getElementById('splash');
splash.style.display = 'block';
function loadScript (moduleName, cb) {
function scriptLoaded () {
document.body.removeChild(domScript);
domScript.removeEventListener('load', scriptLoaded, false);
cb && cb();
};
var domScript = document.createElement('script');
domScript.async = true;
domScript.src = moduleName;
domScript.addEventListener('load', scriptLoaded, false);
document.body.appendChild(domScript);
}
loadScript(debug ? 'cocos2d-js.js' : 'cocos2d-js-min.c7c6e.js', function () {
if (CC_PHYSICS_BUILTIN || CC_PHYSICS_CANNON) {
loadScript(debug ? 'physics.js' : 'physics-min.ce5ee.js', window.boot);
}
else {
window.boot();
}
});
})();
</script>
</body>
</html>
目前已完成大部分功能，有少部分bug，可以自行運行玩起來！
需要本文自己制作開發(fā)的“羊了個羊”案例源碼的，可以關注我公眾號后，后臺回復：“羊”，自行獲取源代碼運行！
本文自制的高仿作品只適用于個人編碼技術學習！
評論
圖片
表情