暴打小苹果

本文主要是介绍暴打小苹果，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

欢迎来到程序小院

暴打小苹果

玩法：鼠标左键点击任意区域可发招暴打，在苹果到达圆圈时点击更容易击中，
30秒挑战暴打小苹果，打中一次20分，快去暴打小苹果吧^^。

开始游戏https://www.ormcc.com/play/gameStart/247

html

<canvas id="canvas" width="630" height="992" style="background-color:#fff"></canvas>

css

.orient p {position: absolute;width: 100%;height: 30px;text-align: center;left: 0;top: 50%;margin-top: -15px;
}.lclose {position: absolute;top: 15px;right: 15px;width: 12px;height: 12px;line-height: 100px;overflow: hidden;background: url(images/layer.png) no-repeat top right;background-size: 250px 141px;
}.layer .cnt {width: 100%;max-width: 640px;margin: 0 auto;
}.lvideo {width: 265px;height: 167px;margin: 8px auto 10px;
}.llogo {width: 110px;height: 78px;margin: 25px auto 15px;background: url(images/layer.png) no-repeat;background-size: 250px 141px;
}.lsogan {width: 230px;height: 62px;margin: 0 auto;line-height: 200px;overflow: hidden;background: url(images/layer.png) no-repeat 0 -79px;background-size: 250px 141px;
}.lnote {font-size: 14px;color: #84b1da;
}

js

var Zepto = function() {function a(a) {return null == a ? String(a) : W[X.call(a)] || "object"}function b(b) {return "function" == a(b)}function c(a) {return null != a && a == a.window}function d(a) {return null != a && a.nodeType == a.DOCUMENT_NODE}function e(b) {return "object" == a(b)}function f(a) {if (!a || "[object Object]" !== a.toString() || a.nodeType || a.setInterval) return !1;if (a.constructor && !a.hasOwnProperty("constructor") && !a.constructor.prototype.hasOwnProperty("isPrototypeOf")) return !1;var b;for (b in a);return b === w || a.hasOwnProperty(b)}function g(a) {return a instanceof Array}function h(a) {return "number" == typeof a.length}function i(a) {return E.call(a, function(a) {return null != a})}function j(a) {return a.length > 0 ? y.fn.concat.apply([], a) : a}function k(a) {return a.replace(/::/g, "/").replace(/([A-Z]+)([A-Z][a-z])/g, "$1_$2").replace(/([a-z\d])([A-Z])/g, "$1_$2").replace(/_/g, "-").toLowerCase()}function l(a) {return a in H ? H[a] : H[a] = new RegExp("(^|\\s)" + a + "(\\s|$)")}function m(a, b) {return "number" != typeof b || J[k(a)] ? b : b + "px"}function n(a) {var b, c;return G[a] || (b = F.createElement(a), F.body.appendChild(b), c = I(b, "").getPropertyValue("display"), b.parentNode.removeChild(b), "none" == c && (c = "block"), G[a] = c), G[a]}function o(a) {return "children" in a ? D.call(a.children) : y.map(a.childNodes, function(a) {return 1 == a.nodeType ? a : void 0})}function p(a, b, c) {for (x in b) c && (f(b[x]) || g(b[x])) ? (f(b[x]) && !f(a[x]) && (a[x] = {}), g(b[x]) && !g(a[x]) && (a[x] = []), p(a[x], b[x], c)) : b[x] !== w && (a[x] = b[x])}function q(a, b) {return b === w ? y(a) : y(a).filter(b)}function r(a, c, d, e) {return b(c) ? c.call(a, d, e) : c}function s(a, b, c) {null == c ? a.removeAttribute(b) : a.setAttribute(b, c)}function t(a, b) {var c = a.className,d = c && c.baseVal !== w;return b === w ? d ? c.baseVal : c : void(d ? c.baseVal = b : a.className = b)}function u(a) {var b;try {return a ? "true" == a || ("false" == a ? !1 : "null" == a ? null : isNaN(b = Number(a)) ? /^[\[\{]/.test(a) ? y.parseJSON(a) : a : b) : a} catch (c) {return a}}function v(a, b) {b(a);for (var c in a.childNodes) v(a.childNodes[c], b)}var w, x, y, z, A, B, C = [],D = C.slice,E = C.filter,F = window.document,G = {},H = {},I = F.defaultView ? F.defaultView.getComputedStyle : F.documentElement.currentStyle,J = {"column-count": 1,columns: 1,"font-weight": 1,"line-height": 1,opacity: 1,"z-index": 1,zoom: 1},K = /^\s*<(\w+|!)[^>]*>/,L = /<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi,M = /^(?:body|html)$/i,N = ["val", "css", "html", "text", "data", "width", "height", "offset"],O = ["after", "prepend", "before", "append"],P = F.createElement("table"),Q = F.createElement("tr"),R = {tr: F.createElement("tbody"),tbody: P,thead: P,tfoot: P,td: Q,th: Q,"*": F.createElement("div")},S = /complete|loaded|interactive/,T = /^\.([\w-]+)$/,U = /^#([\w-]*)$/,V = /^[\w-]+$/,W = {},X = W.toString,Y = {},Z = F.createElement("div");return Y.matches = function(a, b) {if (!a || 1 !== a.nodeType) return !1;var c = a.webkitMatchesSelector || a.mozMatchesSelector || a.oMatchesSelector || a.matchesSelector;if (c) return c.call(a, b);var d, e = a.parentNode,f = !e;return f && (e = Z).appendChild(a), d = ~Y.qsa(e, b).indexOf(a), f && Z.removeChild(a), d}, A = function(a) {return a.replace(/-+(.)?/g, function(a, b) {return b ? b.toUpperCase() : ""})}, B = function(a) {return E.call(a, function(b, c) {return a.indexOf(b) == c})}, Y.fragment = function(a, b, c) {a.replace && (a = a.replace(L, "<$1></$2>")), b === w && (b = K.test(a) && RegExp.$1), b in R || (b = "*");var d, e, g = R[b];return g.innerHTML = "" + a, e = y.each(D.call(g.childNodes), function() {g.removeChild(this)}), f(c) && (d = y(e), y.each(c, function(a, b) {N.indexOf(a) > -1 ? d[a](b) : d.attr(a, b)})), e}, Y.Z = function(a, b) {return a = a || [], a.__proto__ = y.fn, a.selector = b || "", a}, Y.isZ = function(a) {return a instanceof Y.Z}, Y.init = function(a, c) {if (a) {if (b(a)) return y(F).ready(a);if (Y.isZ(a)) return a;var d;if (g(a)) d = i(a);else if (e(a)) d = [f(a) ? y.extend({}, a) : a], a = null;else if (K.test(a)) d = Y.fragment(a.trim(), RegExp.$1, c), a = null;else {if (c !== w) return y(c).find(a);d = Y.qsa(F, a)}return Y.Z(d, a)}return Y.Z()}, y = function(a, b) {return Y.init(a, b)}, y._tvp = !0, y.extend = function(a) {var b, c = D.call(arguments, 1);return "boolean" == typeof a && (b = a, a = c.shift()), c.forEach(function(c) {p(a, c, b)}), a}, Y.qsa = function(a, b) {var c;return d(a) && U.test(b) ? (c = a.getElementById(RegExp.$1)) ? [c] : [] : 1 !== a.nodeType && 9 !== a.nodeType ? [] : D.call(T.test(b) ? a.getElementsByClassName(RegExp.$1) : V.test(b) ? a.getElementsByTagName(b) : a.querySelectorAll(b))}, y.contains = function(a, b) {return a !== b && a.contains(b)}, y.type = a, y.isFunction = b, y.isWindow = c, y.isArray = g, y.isPlainObject = f, y.isEmptyObject = function(a) {var b;for (b in a) return !1;return !0}, y.inArray = function(a, b, c) {return C.indexOf.call(b, a, c)}, y.camelCase = A, y.trim = function(a) {return a.trim()}, y.uuid = 0, y.support = {}, y.expr = {}, y.map = function(a, b) {var c, d, e, f = [];if (h(a))for (d = 0; d < a.length; d++) c = b(a[d], d), null != c && f.push(c);elsefor (e in a) c = b(a[e], e), null != c && f.push(c);return j(f)}, y.each = function(a, b) {var c, d;if (h(a)) {for (c = 0; c < a.length; c++)if (b.call(a[c], c, a[c]) === !1) return a} elsefor (d in a)if (b.call(a[d], d, a[d]) === !1) return a; return a}, y.grep = function(a, b) {return E.call(a, b)}, window.JSON && (y.parseJSON = JSON.parse), y.each("Boolean Number String Function Array Date RegExp Object Error".split(" "), function(a, b) {W["[object " + b + "]"] = b.toLowerCase()}), y.fn = {forEach: C.forEach,reduce: C.reduce,push: C.push,sort: C.sort,indexOf: C.indexOf,concat: C.concat,map: function(a) {return y(y.map(this, function(b, c) {return a.call(b, c, b)}))},slice: function() {return y(D.apply(this, arguments))},ready: function(a) {return S.test(F.readyState) ? a(y) : F.addEventListener("DOMContentLoaded", function() {a(y)}, !1), this},get: function(a) {return a === w ? D.call(this) : this[a >= 0 ? a : a + this.length]},toArray: function() {return this.get()},size: function() {return this.length},remove: function() {return this.each(function() {null != this.parentNode && this.parentNode.removeChild(this)})},each: function(a) {return C.every.call(this, function(b, c) {return a.call(b, c, b) !== !1}), this},filter: function(a) {return b(a) ? this.not(this.not(a)) : y(E.call(this, function(b) {return Y.matches(b, a)}))},add: function(a, b) {return y(B(this.concat(y(a, b))))},is: function(a) {return this.length > 0 && Y.matches(this[0], a)},not: function(a) {var c = [];if (b(a) && a.call !== w) this.each(function(b) {a.call(this, b) || c.push(this)});else {var d = "string" == typeof a ? this.filter(a) : h(a) && b(a.item) ?D.call(a) : y(a);this.forEach(function(a) {d.indexOf(a) < 0 && c.push(a)})}return y(c)},has: function(a) {return this.filter(function() {return e(a) ? y.contains(this, a) : y(this).find(a).size()})},eq: function(a) {return -1 === a ? this.slice(a) : this.slice(a, +a + 1)},first: function() {var a = this[0];return a && !e(a) ? a : y(a)},last: function() {var a = this[this.length - 1];return a && !e(a) ? a : y(a)},find: function(a) {var b, c = this;return b = "object" == typeof a ? y(a).filter(function() {var a = this;return C.some.call(c, function(b) {return y.contains(b, a)})}) : 1 == this.length ? y(Y.qsa(this[0], a)) : this.map(function() {return Y.qsa(this, a)})},closest: function(a, b) {var c = this[0],e = !1;for ("object" == typeof a && (e = y(a)); c && !(e ? e.indexOf(c) >= 0 :Y.matches(c, a));) c = c !== b && !d(c) && c.parentNode;return y(c)},parents: function(a) {for (var b = [], c = this; c.length > 0;) c = y.map(c, function(a) {return (a = a.parentNode) && !d(a) && b.indexOf(a) < 0 ? (b.push(a), a) : void 0});return q(b, a)},parent: function(a) {return q(B(this.pluck("parentNode")), a)},children: function(a) {return q(this.map(function() {return o(this)}), a)},contents: function() {return this.map(function() {return D.call(this.childNodes)})},siblings: function(a) {return q(this.map(function(a, b) {return E.call(o(b.parentNode), function(a) {return a !== b})}), a)},empty: function() {return this.each(function() {this.innerHTML = ""})},pluck: function(a) {return y.map(this, function(b) {return b[a]})},show: function() {return this.each(function() {"none" == this.style.display && (this.style.display = null), "none" == I(this, "").getPropertyValue("display") && (this.style.display = n(this.nodeName))})},replaceWith: function(a) {return this.before(a).remove()},wrap: function(a) {var c = b(a);if (this[0] && !c) var d = y(a).get(0),e = d.parentNode || this.length > 1;return this.each(function(b) {y(this).wrapAll(c ? a.call(this, b) : e ? d.cloneNode(!0) : d)})},wrapAll: function(a) {if (this[0]) {y(this[0]).before(a = y(a));for (var b;(b = a.children()).length;) a = b.first();y(a).append(this)}return this},wrapInner: function(a) {var c = b(a);return this.each(function(b) {var d = y(this),e = d.contents(),f = c ? a.call(this, b) : a;e.length ? e.wrapAll(f) : d.append(f)})},unwrap: function() {return this.parent().each(function() {y(this).replaceWith(y(this).children())}), this},clone: function() {return this.map(function() {return this.cloneNode(!0)})},hide: function() {return this.css("display", "none")},toggle: function(a) {return this.each(function() {var b = y(this);(a === w ? "none" == b.css("display") : a) ? b.show(): b.hide()})},prev: function(a) {return y(this.pluck("previousElementSibling")).filter(a || "*")},next: function(a) {return y(this.pluck("nextElementSibling")).filter(a || "*")},html: function(a) {return a === w ? this.length > 0 ? this[0].innerHTML : null : this.each(function(b) {var c = this.innerHTML;y(this).empty().append(r(this, a, b, c))})},text: function(a) {return a === w ? this.length > 0 ? this[0].textContent : null : this.each(function() {this.textContent = a})},attr: function(a, b) {var c;return "string" == typeof a && b === w ? 0 == this.length || 1 !== this[0].nodeType ? w : "value" == a && "INPUT" == this[0].nodeName ? this.val() : !(c = this[0].getAttribute(a)) && a in this[0] ? this[0][a] : c : this.each(function(c) {if (1 === this.nodeType)if (e(a))for (x in a) s(this, x, a[x]);else s(this, a, r(this, b, c, this.getAttribute(a)))})},removeAttr: function(a) {return this.each(function() {1 === this.nodeType && s(this, a)})},prop: function(a, b) {return b === w ? this[0] && this[0][a] : this.each(function(c) {this[a] = r(this, b, c, this[a])})},data: function(a, b) {var c = this.attr("data-" + k(a), b);return null !== c ? u(c) : w},val: function(a) {return a === w ? this[0] && (this[0].multiple ? y(this[0]).find("option").filter(function() {return this.selected}).pluck("value") : this[0].value) : this.each(function(b) {this.value = r(this, a, b, this.value)})},offset: function(a) {if (a) return this.each(function(b) {var c = y(this),d = r(this, a, b, c.offset()),e = c.offsetParent().offset(),f = {top: d.top - e.top,left: d.left - e.left};"static" == c.css("position") && (f.position = "relative"), c.css(f)});if (0 == this.length) return null;var b = this[0].getBoundingClientRect();return {left: b.left + window.pageXOffset,top: b.top + window.pageYOffset,width: Math.round(b.width),height: Math.round(b.height)}},css: function(b, c) {if (arguments.length < 2 && "string" == typeof b) return this[0] && (this[0].style[A(b)] || I(this[0], "").getPropertyValue(b));var d = "";if ("string" == a(b)) c || 0 === c ? d = k(b) + ":" + m(b, c) : this.each(function() {this.style.removeProperty(k(b))});elsefor (x in b) b[x] || 0 === b[x] ? d += k(x) + ":" + m(x, b[x]) + ";" : this.each(function() {this.style.removeProperty(k(x))});return this.each(function() {this.style.cssText += ";" + d})},index: function(a) {return a ? this.indexOf(y(a)[0]) : this.parent().children().indexOf(this[0])},hasClass: function(a) {return C.some.call(this, function(a) {return this.test(t(a))}, l(a))},addClass: function(a) {return this.each(function(b) {z = [];var c = t(this),d = r(this, a, b, c);d.split(/\s+/g).forEach(function(a) {y(this).hasClass(a) || z.push(a)}, this), z.length && t(this, c + (c ? " " : "") + z.join(" "))})},removeClass: function(a) {return this.each(function(b) {return a === w ? t(this, "") : (z = t(this), r(this, a, b, z).split(/\s+/g).forEach(function(a) {z = z.replace(l(a), " ")}), void t(this, z.trim()))})},toggleClass: function(a, b) {return this.each(function(c) {var d = y(this),e = r(this, a, c, t(this));e.split(/\s+/g).forEach(function(a) {(b === w ? !d.hasClass(a) : b) ? d.addClass(a): d.removeClass(a)})})},scrollTop: function() {return this.length ? "scrollTop" in this[0] ? this[0].scrollTop : this[0].scrollY : void 0},position: function() {if (this.length) {var a = this[0],b = this.offsetParent(),c = this.offset(),d = M.test(b[0].nodeName) ? {top: 0,left: 0} : b.offset();return c.top -= parseFloat(y(a).css("margin-top")) || 0, c.left -= parseFloat(y(a).css("margin-left")) || 0, d.top += parseFloat(y(b[0]).css("border-top-width")) || 0, d.left += parseFloat(y(b[0]).css("border-left-width")) || 0, {top: c.top - d.top,left: c.left - d.left}}},offsetParent: function() {return this.map(function() {for (var a = this.offsetParent || F.body; a && !M.test(a.nodeName) && "static" == y(a).css("position");) a = a.offsetParent;return a})}}, y.fn.detach = y.fn.remove, ["width", "height"].forEach(function(a) {y.fn[a] = function(b) {var e, f = this[0],g = a.replace(/./, function(a) {return a[0].toUpperCase()});return b === w ? c(f) ? f["inner" + g] : d(f) ? f.documentElement["offset" + g] : (e = this.offset()) && e[a] :this.each(function(c) {f = y(this), f.css(a, r(this, b, c, f[a]()))})}}), O.forEach(function(b, c) {var d = c % 2;y.fn[b] = function() {var b, e, f = y.map(arguments, function(c) {return b = a(c), "object" == b || "array" == b || null == c ? c : Y.fragment(c)}),g = this.length > 1;return f.length < 1 ? this : this.each(function(a, b) {e = d ? b : b.parentNode, b = 0 == c ? b.nextSibling : 1 == c ? b.firstChild : 2 == c ? b : null, f.forEach(function(a) {if (g) a = a.cloneNode(!0);else if (!e) return y(a).remove();v(e.insertBefore(a, b), function(a) {null == a.nodeName || "SCRIPT" !== a.nodeName.toUpperCase() || a.type && "text/javascript" !== a.type || a.src || window.eval.call(window, a.innerHTML)})})})}, y.fn[d ? b + "To" : "insert" + (c ? "Before" : "After")] = function(a) {return y(a)[b](this), this}}), Y.Z.prototype = y.fn, Y.uniq = B, Y.deserializeValue = u, y.zepto = Y, y}();

源码

需要源码请关注添加好友哦^ ^