利用js写的见缝插针小游戏

利用js写的见缝插针小游戏
今天给大家带来的就是一款叫做《见缝插针》的游戏。有空你就往里插，直到你无处可插！看你能过多少关！
游戏截图

失败时

代码如下
js代码
index.js
测试游戏源码的js文件

gameurl = ' ';
imgUrl = " ";openid = '';
var reg = new RegExp("[?&]" + 'openid' + "=([^?&]*)[&]?", "i");
var match = window.location.search.match(reg);
match == null ? "" : match[1];
if (match) {openid = match[1];
}"undefined" == typeof window.define && (window.define = function() {}, window.define.amd = 1),"undefined" == typeof window.$AJB && (window.$AJB = {}),$AJB.lib = {},$AJB.general = {},$AJB.page = {},$AJB.lib.stopEvent = function() {"use strict";return function(a) {a && (a.preventDefault ? (a.preventDefault(), a.stopPropagation()) : (a.returnValue = !1, a.cancelBubble = !0))}},$AJB.lib.Storage = function() {"use strict";var a = {setValue: function(a, b) {window.localStorage && (window.localStorage[a] = b)},getValue: function(a) {return window.localStorage ? window.localStorage[a] : void 0}};return a},$AJB.general.BeginStage = function() {"use strict";function a(a) {function c() {b(h, "click", function() {e.fire(g, f)}),j.innerHTML = d.isAndroid ? "GO" : "▶"}var h = a.getElementsByClassName("button")[0],i = a.getElementsByClassName("text")[0],j = document.getElementById("txtAr"),k = {show: function() {a.style.display = ""},hide: function() {a.style.display = "none"},level: function(a) {f = a,i.innerHTML = "level " + a},on: function(a, b) {e.add(a, b)},off: function(a, b) {e.remove(a, b)}};return c(),k}var b = $AJB.lib.addEvent(),c = $AJB.lib.CustEvent(),d = $AJB.lib.util(),e = c(),f = 0,g = "start";return a},$AJB.general.Switcher = function() {"use strict";function a(a, b, c) {var d, e, f = null,g = !1,h = {point: [0, 0],enabled: !1,color: "#c8c8c8",update: function() {var a = h.point,c = 30;h.enabled && (0 === e ? (d = h.color, a[0] < b / 2 ? (a[0] = Math.min(a[0] + c, b / 2), h.point = a) : (h.point = a, g = !0)) : 1 === e && (d = "#000", a[0] > b / 2 ? (a[0] = Math.max(a[0] - c, b / 2), h.point = a) : (h.point = a, g = !0)))},render: function() {var e = h.point;h.enabled && (a.fillStyle = d, a.fillRect(e[0] - b / 2, e[1] - c / 2, b, c), g && (h.enabled = !1, f && f()))},switchStage: function(d, i) {0 === d ? h.point = [-b / 2, c / 2] : 1 === d && (a.fillStyle = h.color, a.fillRect(0, 0, b, c), h.point = [b + b / 2, c / 2]),h.enabled = !0,g = !1,e = d,f = i}};return h}return a},$AJB.lib.addEvent = function() {var a = $AJB.lib.util(),b = {click: "touchstart",mousedown: "touchstart",mouseup: "touchend"};return function(c, d, e, f) {c.addEventListener ? c.addEventListener(a.isMobile ? b[d] || d : d, e, f) : c.attachEvent ? c.attachEvent("on" + d, e) : c["on" + d] = e}},$AJB.general.Levels = function() {"use strict";function a(a, b) {return function() {var c = 0;return function() {return c += a * b % 360}}}function b(a, b) {return function() {var c = 0,d = 1,e = +new Date;return function() {var f = +new Date;return f - e > b && (d = -d, e = f),c += d * a % 360}}}function c(a, b, c, d) {return function() {var e = 0,f = +new Date;return function() {var g = +new Date;return g - f > c && (a = b - a, f = g),e += a * d % 360}}}function d(a) {var b = 1;return h(document.body, "mousedown", function() {b = -b}),function() {var c = 0;return function() {return c += a * b % 360}}}function e(a, b, c, d) {return h(document.body, "mousedown", function() {d = -d}),function() {var e = 0,f = +new Date;return function() {var g = +new Date;return g - f > c && (a = b - a, f = g),e += a * d % 360}}}function f(a, b, c, d) {i[a] = {childs: k[b],queueCount: c,round: j[d]}}var g, h = $AJB.lib.addEvent(),i = {},j = {A1: a(1.5, 1),A2: a(1.5, -1),B1: a(2.5, 1),B2: a(2.5, -1),C1: b(2.2, 3e3),C2: b(3.5, 2e3),D1: c(2, 2.3, 1200, 1),D2: c(2, 2.3, 1200, -1),D3: c(4, 4.5, 1700, 1),D4: c(4, 4.5, 1700, -1),D5: c(4, 4.5, 1700, 1),D6: c(4, 4.5, 1700, -1),E1: d(2),E2: e(2, 2.3, 1e3, 1)},k = {0: [],2: [0, 180],3: [0, 120, 240],4: [0, 90, 180, 270],5: [0, 72, 144, 216, 288],6: [0, 60, 120, 180, 240, 300],7: [0, 52, 103, 155, 206, 258, 309],8: [0, 45, 90, 135, 180, 225, 270, 315],9: [0, 40, 80, 120, 160, 200, 240, 280, 320],10: [0, 36, 72, 108, 144, 180, 216, 252, 288, 324],11: [0, 33, 66, 99, 131, 164, 197, 230, 262, 295, 328],12: [0, 30, 60, 90, 120, 150, 180, 210, 240, 270, 300, 330],13: [0, 28, 56, 84, 111, 139, 167, 194, 222, 250, 277, 305, 333],14: [0, 26, 52, 78, 103, 129, 155, 180, 206, 232, 258, 283, 309, 335],15: [0, 24, 48, 72, 96, 120, 144, 168, 192, 216, 240, 264, 288, 312, 336],16: [0, 23, 45, 68, 90, 113, 135, 158, 180, 203, 225, 248, 270, 293, 315, 338]},l = {1: ["4", 8, "A1"],2: ["6", 10, "A1"],3: ["2", 20, "A1"],4: ["8", 12, "A2"],5: ["12", 8, "A1"],6: ["10", 10, "A2"],7: ["12", 13, "A1"],8: ["16", 3, "A2"],9: ["0", 26, "A2"],10: ["16", 10, "A1"],11: ["10", 8, "B1"],12: ["6", 12, "B2"],13: ["12", 4, "B1"],14: ["8", 14, "B2"],15: ["8", 6, "B1"],16: ["5", 10, "B2"],17: ["6", 12, "B1"],18: ["8", 14, "B2"],19: ["0", 23, "B1"],20: ["10", 13, "B2"],21: ["4", 12, "C1"],22: ["6", 10, "C1"],23: ["8", 12, "C1"],24: ["7", 14, "C1"],25: ["2", 18, "C1"],26: ["4", 18, "C1"],27: ["0", 24, "C1"],28: ["4", 10, "C2"],29: ["6", 13, "C2"],30: ["4", 20, "C1"],31: ["6", 8, "D1"],32: ["2", 12, "D2"],33: ["3", 14, "D2"],34: ["3", 18, "D1"],35: ["8", 12, "D1"],36: ["7", 15, "D2"],37: ["16", 8, "D2"],38: ["0", 23, "D1"],39: ["12", 12, "D1"],40: ["12", 15, "D2"],41: ["5", 10, "E1"],42: ["6", 12, "E1"],43: ["3", 15, "E1"],44: ["3", 19, "E1"],45: ["0", 24, "E1"],46: ["2", 15, "E2"],47: ["4", 16, "E2"],48: ["12", 8, "E2"],49: ["3", 20, "E2"],50: ["16", 14, "E2"],51: ["4", 6, "D3"],52: ["4", 12, "D4"],53: ["6", 13, "D3"],54: ["0", 24, "D4"],55: ["4", 21, "D3"],56: ["16", 16, "A1"],57: ["4", 24, "C1"],58: ["4", 26, "D1"],59: ["4", 25, "E2"],60: ["13", 19, "E2"]};for (g in l) f(g, l[g][0], l[g][1], l[g][2]);return i},$AJB.general.Collide = function() {"use strict";var a = $AJB.lib.util(),b = {check: function(b, c, d) {var e = b.childs(),f = e.length,g = Math.ceil(2 * c.rad());for (d = d || 1; f--;)if (c !== e[f].ball && a.getPointDistance(c.pos(), e[f].ball.pos()) <= g + Math.ceil(2 * d)) return !0;return !1}};return b},$AJB.general.Tween = function() {"use strict";var a = {simple: function(b, c, d, e) {var f = (c - b) / e,g = +new Date;return e > g - d ? (a.isEnd = !1, b + (g - d) * f) : (a.isEnd = !0, c)},isEnd: !0};return a},$AJB.general.BallQueue = function() {"use strict";function a(a, f, g, h, i) {function j() {var b, d, e = k(a),j = e.length;for (b = 0; j > b; b++) d = c(h, null, e[b], null, i),d.pos(f, g + 3 * d.rad() * b),m.push(d)}function k(a) {for (var b = a, c = []; b--;) c.push(b + 1);return c}var l, m = [],n = [],o = b();return i = i || 1,l = {ballList: m,add: function() {},remove: function(a) {var b = m[a];return m.splice(a, 1),b},clear: function() {n = [],m = []},popup: function() {var a = m.shift();a.st = +new Date,a.sv = a.pos().y,n.push(a)},update: function() {var a, b, c, h = n.length,i = m.length;if (h) {for (b = n[0].rad(), a = g - 3 * b; h--;) n[h].pos(f, d.simple(n[h].sv, a, n[h].st, 50)),c = n[n.length - 1].pos().y,n[h].pos().y === a && (o.fire(e, n[h]), n.splice(h, 1));for (; i--;) m[i].pos(f, c + 3 * b * (i + 1))}},render: function() {for (var a = m.length, b = n.length; a--;) m[a].render();for (; b--;) n[b].render()},on: function(a, b) {o.add(a, b)},off: function(a, b) {o.remove(a, b)},destroy: function() {for (var a = m.length; a--;) m[a].destroy();o.destroy()}},j(),l}var b = $AJB.lib.CustEvent(),c = $AJB.general.Ball(),d = $AJB.general.Tween(),e = "popup";return a},$AJB.general.Ball = function() {"use strict";function a(a, c, d, e, f) {function g() {var c = b.getTextWidth(a, 0, 0, d, e);b.drawText(a, i - c / 2, j + e / 3, d, e, "black")}var h, i = 0,j = 0;return f = f || 1,c = (c || 12) * f,e = (e || 15) * f,h = {pos: function(a, b) {return "undefined" != typeof a && (i = a),"undefined" != typeof b && (j = b), {x: i,y: j}},scale: function(a) {return "undefined" != typeof a && (f = a),f},rad: function(a) {return "undefined" != typeof a && (c = a),c},render: function(e) {b.drawCircle(a, i, j, c, "#ffffff"),"undefined" != typeof d ? g(d) : "undefined" != typeof e && g(e)},destroy: function() {h = null}}}var b = $AJB.lib.util();return a},$AJB.lib.util = function() {"use strict";return {drawCircle: function(a, b, c, d, e) {a.beginPath(),a.arc(b, c, d, 0, 2 * Math.PI, !1),a.fillStyle = e || "red",a.fill()},drawLine: function(a, b, c, d, e, f, g) {a.strokeStyle = f || "red",a.lineWidth = g || 1,a.beginPath(),a.moveTo(b, c),a.lineTo(d, e),a.stroke()},drawText: function(a, b, c, d, e, f) {a.font = e + "px Verdana",a.fillStyle = f || "red",a.fillText(d, b, c)},getTextWidth: function(a, b, c, d, e, f) {return a.font = e + "px Verdana",a.fillStyle = f || "red",a.measureText(d).width},getPointDistance: function(a, b) {return Math.floor(Math.sqrt(Math.floor(Math.pow(a.x - b.x, 2)) + Math.floor(Math.pow(a.y - b.y, 2))))},isMobile: /(mobile|iphone|ipod|ipad|ios|android|windows phone)/i.test(navigator.userAgent),isAndroid: /android/i.test(navigator.userAgent),isWeixin: /MicroMessenger/i.test(navigator.userAgent)}},$AJB.general.Core = function() {"use strict";function a(a, d, e, f, g) {function h() {for (var a, b, c, d, e = l.length; e--;) a = 3 * Math.cos((l[e].angle + j.angle()) * Math.PI / 180) * m * g + n,b = 3 * Math.sin((l[e].angle + j.angle()) * Math.PI / 180) * m * g + o,c = a / Math.abs(a),d = b / Math.abs(b),l[e].ball.pos(a, b)}var i, j, k = 0,l = [],m = 50,n = a.width / 2,o = 4 * m * g;return g = g || 1,i = c(d, m, e, f, g),i.pos(n, o),j = {pos: i.pos,scale: i.scale,rad: i.rad,angle: function(a) {return "undefined" != typeof a && (k = a),k},addChild: function(a, b) {l.push({angle: a,ball: b})},clear: function() {l = []},childs: function() {return l},update: function() {h()},render: function() {var c, e = l.length,f = a.width,h = a.height;for (d.clearRect(0, 0, f, h), c = 0; e > c; c++) b.drawLine(d, n, o, l[c].ball.pos().x, l[c].ball.pos().y, "#ffffff", 1.5 * g),l[c].ball.render();i.render()},destroy: function() {j.clear(),i = null,j = null}}}var b = $AJB.lib.util(),c = $AJB.general.Ball();return a},$AJB.lib.CustEvent = function() {return function(a) {function b(a) {return Object.prototype.toString.call(a).slice(8, -1).toLowerCase()}var c = {};return !a && (a = {}), {add: function(a, d) {if ("function" === b(d)) {var e = c;a = a.toLowerCase(), !e[a] && (e[a] = []),e[a].push(d)}},remove: function(a, d) {var e, f = c[a];if (a = a.toLowerCase(), "function" === b(d) && f && f.length)for (e = f.length - 1; e >= 0; e--) f[e] === d && f.splice(e, 1)},fire: function(b) {var d, e, f, g;if (b = b.toLowerCase(), d = c[b], d && d.length)for (e = Array.prototype.slice.call(arguments, 1), g = d.length, f = 0; g > f; f++) d[f].apply(a, e)},destroy: function() {var a, b = c.length - 1;for (a = b; a >= 0; a--) evts.splice(a, 1)}}}},$AJB.general.Scene = function() {"use strict";function a(a, b, l, m) {function n(a) {var g = a.childs,h = g.length;for (y = a.round(), w && w.destroy(), w = c(b, l, B, 50, m); h--;) w.addChild(g[h], d(l, null, "", null, m));x && x.destroy(),x = e(a.queueCount, b.width / 2, w.pos().y + 4 * w.rad(), l, m),x.on("popup", function(a) {w.addChild(90 - w.angle(), a),f.check(w, a, m) ? (z = a, s()) : !x.ballList.length && r()})}function o() {y && (w.angle(y()), w.update(), x.update())}function p() {var b, c, d, e, f = w.childs(),g = f.length,h = 25;for (a.style.backgroundColor = u.bgColor; g--;) b = f[g].angle + w.angle(),c = Math.cos(b * Math.PI / 180) * h,d = Math.sin(b * Math.PI / 180) * h,e = f[g].ball.pos(),f[g].ball.pos(e.x + c, e.y + d)}function q(a) {var b, c = [25, 15, 20, 15],d = c.length,e = 200,f = e / d;for (w.update(), b = 1; d >= b; b++) a > f * b && z.rad(c[b - 1] * m)}function r() {"pass" !== A && (a.style.backgroundColor = "#1CB01A", A = "pass", v = +new Date)}function s() {"fail" !== l && (a.style.backgroundColor = "#B8111C", A = "fail", v = +new Date)}function t() {var a = "to be continued...",c = h.getTextWidth(l, 0, 0, a, 30 * m);h.drawText(l, (b.width - c) / 2, 200 * m, a, 30 * m, "yellow")}var u, v, w, x, y, z, A = "run",B = 1;return u = {enabled: !1,run: function(b) {var c = g[b];B = b,c ? (u.enabled = !0, n(c), a.style.backgroundColor = "#000", A = "run") : t()},shot: function() {x && x.ballList.length && x.popup()},update: function() {var a;u.enabled && ("run" === A ? o() : "pass" === A ? (p(), +new Date - v > 1e3 && (A = "", k.fire(i))) : "fail" === A && (a = +new Date - v, q(a), a > 1e3 && (A = "", k.fire(j))))},render: function() {u.enabled && (w.render(), x.render())},on: function(a, b) {k.add(a, b)},off: function(a, b) {k.remove(a, b)}}}var b = $AJB.lib.CustEvent(),c = $AJB.general.Core(),d = $AJB.general.Ball(),e = $AJB.general.BallQueue(),f = $AJB.general.Collide(),g = $AJB.general.Levels(),h = $AJB.lib.util(),i = "passed",j = "failed",k = b();return a},$AJB.general.Game = function() {"use strict";function a() {var a = document.body.scrollWidth || document.documentElement.scrollWidth,b = document.body.scrollHeight || document.documentElement.scrollHeight;r.width = a,r.height = b,i = l(x, a, b),s.style.backgroundColor = i.color,s.style.width = a + "px",s.style.height = b + "px",j = b / 560}function b() {u.href = B.replace(/#\{level\}/, D)}function c() {p.isWeixin ? n(u, "mousedown", function() {w.style.display = ""}) : p.isMobile && b()}function d(a) {D = +a,o.setValue(z, D),document.title = A.replace(/\#\{level\}/, D),GlobalLevel = D,C.level(D), !p.isWeixin && p.isMobile && b()}function e() {n(document.body, "mousedown", function(a) {var b;if (a && a.changedTouches)for (b = a.changedTouches.length; b--;) h.shot();else h.shot();"1" != a.target.getAttribute("data-capture") && q(a)}),n(w, "mousedown", function() {w.style.display = "none"}),n(v, "mousedown", function() {E || (E = !0, t.style.display = "", d(1), setTimeout(function() {t.style.display = "none",E = !1}, 1e3))}),h.on("passed", function() {i.switchStage(0, function() {h.enabled = !1,d(D + 1),r.style.display = "none",C.show(),// 2. 分享接口// 2.1 监听“分享给朋友”，按钮点击、自定义分享内容及分享结果接口wx.onMenuShareAppMessage({title: "Core Ball，我已玩到第" + D + "关了，你也来试试吧！",desc: "Core Ball，我已玩到第" + D + "关了，你也来试试吧！",link: gameurl,imgUrl: imgUrl,trigger: function(res) {// 不要尝试在trigger中使用ajax异步请求修改本次分享的内容，因为客户端分享操作是一个同步操作，这时候使用ajax的回包会还没有返回// alert('用户点击发送给朋友');},success: function(res) {var UserInfo = new Object();UserInfo.openid = openid;UserInfo.shareLevel = D;// alert('已分享');ga('send', {'hitType': 'event', // Required.'eventCategory': 'wx', // Required.'eventAction': 'onMenuShareAppMessage_' + openid, // Required.'eventLabel': JSON.stringify(UserInfo),'eventValue': 1});},cancel: function(res) {// alert('已取消');},fail: function(res) {// alert(JSON.stringify(res));}}),// 2.2 监听“分享到朋友圈”按钮点击、自定义分享内容及分享结果接口wx.onMenuShareTimeline({title: "Core Ball，我已玩到第" + D + "关了，你也来试试吧！",link: gameurl,imgUrl: imgUrl,trigger: function(res) {// 不要尝试在trigger中使用ajax异步请求修改本次分享的内容，因为客户端分享操作是一个同步操作，这时候使用ajax的回包会还没有返回// alert('用户点击分享到朋友圈');},success: function(res) {// alert('已分享');var UserInfo = new Object();UserInfo.openid = openid;UserInfo.shareLevel = D;// alert('已分享');ga('send', {'hitType': 'event', // Required.'eventCategory': 'wx', // Required.'eventAction': 'onMenuShareTimeline_' + openid, // Required.'eventLabel': JSON.stringify(UserInfo),'eventValue': 1});},cancel: function(res) {// alert('已取消');},fail: function(res) {// alert(JSON.stringify(res));}}),// 2.3 监听“分享到QQ”按钮点击、自定义分享内容及分享结果接口wx.onMenuShareQQ({title: "Core Ball，我已玩到第" + D + "关了，你也来试试吧！",desc: "Core Ball，我已玩到第" + D + "关了，你也来试试吧！",link: gameurl,imgUrl: imgUrl,trigger: function(res) {// alert('用户点击分享到QQ');},complete: function(res) {// alert(JSON.stringify(res));},success: function(res) {// alert('已分享');var UserInfo = new Object();UserInfo.openid = openid;UserInfo.shareLevel = D;// alert('已分享');ga('send', {'hitType': 'event', // Required.'eventCategory': 'wx', // Required.'eventAction': 'onMenuShareQQ_' + openid, // Required.'eventLabel': JSON.stringify(UserInfo),'eventValue': 1});},cancel: function(res) {// alert('已取消');},fail: function(res) {// alert(JSON.stringify(res));}})})}),h.on("failed", function() {i.switchStage(0, function() {h.enabled = !1,r.style.display = "none",C.level(D),C.show()})}),C.on("start", function() {r.style.display = "",C.hide(),i.switchStage(1, function() {h.run(D)// ga('send', {//     'hitType': 'event', // Required.//     'eventCategory': 'click', // Required.//     'eventAction': 'start_' + openid, // Required.//     'eventLabel': 'other',//     'eventValue': 1// })})})}function f() {window.clearTimeout(F),h.update(),h.render(),i.update(),i.render(),F = window.setTimeout(f, 1e3 / y)}function g() {a(),h = k(document.body, r, x, j),e(),c(),C.level(D),C.show(),f()}var h, i, j, k = $AJB.general.Scene(),l = $AJB.general.Switcher(),m = $AJB.general.BeginStage(),n = $AJB.lib.addEvent(),o = $AJB.lib.Storage(),p = $AJB.lib.util(),q = $AJB.lib.stopEvent(),r = document.getElementById("stage"),s = document.getElementById("begin"),t = document.getElementById("tip"),u = document.getElementById("btnFW"),v = document.getElementById("btnReset"),w = document.getElementById("wxArrow"),x = r.getContext("2d"),y = 60,z = "core-ball-level",A = "Core Ball，我已玩到第#{level}关了，你也来试试吧!",B = "sinaweibo://share?content=Core Ball，我已玩到第#{level}关了，你也来试试吧！ http://timelineapp.pointstone.org/coreball/",C = m(s),D = +o.getValue(z) || 1,E = !1,F = 0,G = {start: g,shareTitle: A,shareLevel: D};return G;},$AJB.page.index = function() {"use strict";var a = $AJB.general.Game();a.start();// var myShareTitle = a.shareTitle;// console.log(myShareTitle);},$AJB.page.index();GlobalLevel = $AJB.general.Game().shareLevel;var ajax = {};
ajax.x = function() {if (typeof XMLHttpRequest !== 'undefined') {return new XMLHttpRequest();}var versions = ["MSXML2.XmlHttp.5.0","MSXML2.XmlHttp.4.0","MSXML2.XmlHttp.3.0","MSXML2.XmlHttp.2.0","Microsoft.XmlHttp"];var xhr;for (var i = 0; i < versions.length; i++) {try {xhr = new ActiveXObject(versions[i]);break;} catch (e) {}}return xhr;
};ajax.send = function(url, callback, method, data, sync) {var x = ajax.x();x.open(method, url, sync);x.onreadystatechange = function() {if (x.readyState == 4) {callback(x.responseText)}};if (method == 'POST') {x.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');}x.send(data)
};ajax.get = function(url, data, callback, sync) {var query = [];for (var key in data) {query.push(encodeURIComponent(key) + '=' + encodeURIComponent(data[key]));}ajax.send(url + '?' + query.join('&'), callback, 'GET', null, sync)
};ajax.post = function(url, data, callback, sync) {var query = [];for (var key in data) {query.push(encodeURIComponent(key) + '=' + encodeURIComponent(data[key]));}ajax.send(url, callback, 'POST', query.join('&'), sync)
};ajax.post('http://timelineapp.pointstone.org/ci/authorize/get_jssdk_info', {url: window.location.href
}, function(data) {// console.log(data);// alert(data);var jssdk_info_obj = JSON.parse(data);wx.config({debug: false,appId: jssdk_info_obj.appid,timestamp: jssdk_info_obj.timestamp,nonceStr: jssdk_info_obj.noncestr,signature: jssdk_info_obj.signature,jsApiList: ['checkJsApi','onMenuShareTimeline','onMenuShareAppMessage','onMenuShareQQ','onMenuShareWeibo','hideMenuItems','showMenuItems','hideAllNonBaseMenuItem','showAllNonBaseMenuItem','translateVoice','startRecord','stopRecord','onRecordEnd','playVoice','pauseVoice','stopVoice','uploadVoice','downloadVoice','chooseImage','previewImage','uploadImage','downloadImage','getNetworkType','openLocation','getLocation','hideOptionMenu','showOptionMenu','closeWindow','scanQRCode','chooseWXPay','openProductSpecificView','addCard','chooseCard','openCard']});wx.ready(function() {// 2. 分享接口// 2.1 监听“分享给朋友”，按钮点击、自定义分享内容及分享结果接口wx.onMenuShareAppMessage({title: "Core Ball，我已玩到第" + GlobalLevel + "关了，你也来试试吧！",desc: "Core Ball，我已玩到第" + GlobalLevel + "关了，你也来试试吧！",link: gameurl,imgUrl: imgUrl,trigger: function(res) {// 不要尝试在trigger中使用ajax异步请求修改本次分享的内容，因为客户端分享操作是一个同步操作，这时候使用ajax的回包会还没有返回// alert('用户点击发送给朋友');},success: function(res) {var UserInfo = new Object();UserInfo.openid = openid;UserInfo.shareLevel = GlobalLevel;// alert('已分享');ga('send', {'hitType': 'event', // Required.'eventCategory': 'wx', // Required.'eventAction': 'onMenuShareAppMessage_' + openid, // Required.'eventLabel': JSON.stringify(UserInfo),'eventValue': 1});},cancel: function(res) {// alert('已取消');},fail: function(res) {// alert(JSON.stringify(res));}});// 2.2 监听“分享到朋友圈”按钮点击、自定义分享内容及分享结果接口wx.onMenuShareTimeline({title: "Core Ball，我已玩到第" + GlobalLevel + "关了，你也来试试吧！",link: gameurl,imgUrl: imgUrl,trigger: function(res) {// 不要尝试在trigger中使用ajax异步请求修改本次分享的内容，因为客户端分享操作是一个同步操作，这时候使用ajax的回包会还没有返回// alert('用户点击分享到朋友圈');},success: function(res) {// alert('已分享');var UserInfo = new Object();UserInfo.openid = openid;UserInfo.shareLevel = GlobalLevel;// alert('已分享');ga('send', {'hitType': 'event', // Required.'eventCategory': 'wx', // Required.'eventAction': 'onMenuShareTimeline_' + openid, // Required.'eventLabel': JSON.stringify(UserInfo),'eventValue': 1});},cancel: function(res) {// alert('已取消');},fail: function(res) {// alert(JSON.stringify(res));}});// 2.3 监听“分享到QQ”按钮点击、自定义分享内容及分享结果接口wx.onMenuShareQQ({title: "Core Ball，我已玩到第" + GlobalLevel + "关了，你也来试试吧！",desc: "Core Ball，我已玩到第" + GlobalLevel + "关了，你也来试试吧！",link: gameurl,imgUrl: imgUrl,trigger: function(res) {// alert('用户点击分享到QQ');},complete: function(res) {// alert(JSON.stringify(res));},success: function(res) {// alert('已分享');var UserInfo = new Object();UserInfo.openid = openid;UserInfo.shareLevel = GlobalLevel;// alert('已分享');ga('send', {'hitType': 'event', // Required.'eventCategory': 'wx', // Required.'eventAction': 'onMenuShareQQ_' + openid, // Required.'eventLabel': JSON.stringify(UserInfo),'eventValue': 1});},cancel: function(res) {// alert('已取消');},fail: function(res) {// alert(JSON.stringify(res));}});// 2.4 监听“分享到微博”按钮点击、自定义分享内容及分享结果接口wx.onMenuShareWeibo({title: "Core Ball，我已玩到第" + GlobalLevel + "关了，你也来试试吧！",desc: "Core Ball，我已玩到第" + GlobalLevel + "关了，你也来试试吧！",link: gameurl,imgUrl: imgUrl,trigger: function(res) {// alert('用户点击分享到微博');},complete: function(res) {// alert(JSON.stringify(res));},success: function(res) {// alert('已分享');var UserInfo = new Object();UserInfo.openid = openid;UserInfo.shareLevel = GlobalLevel;// alert('已分享');ga('send', {'hitType': 'event', // Required.'eventCategory': 'wx', // Required.'eventAction': 'onMenuShareWeibo_' + openid, // Required.'eventLabel': JSON.stringify(UserInfo),'eventValue': 1});},cancel: function(res) {// alert('已取消');},fail: function(res) {// alert(JSON.stringify(res));}});});
});

jweixin-1.0.0.js

!function(a,b){"function"==typeof define&&(define.amd||define.cmd)?define(function(){return b(a)}):b(a,!0)}(this,function(a,b){function c(b,c,d){a.WeixinJSBridge?WeixinJSBridge.invoke(b,e(c),function(a){g(b,a,d)}):j(b,d)}function d(b,c,d){a.WeixinJSBridge?WeixinJSBridge.on(b,function(a){d&&d.trigger&&d.trigger(a),g(b,a,c)}):d?j(b,d):j(b,c)}function e(a){return a=a||{},a.appId=E.appId,a.verifyAppId=E.appId,a.verifySignType="sha1",a.verifyTimestamp=E.timestamp+"",a.verifyNonceStr=E.nonceStr,a.verifySignature=E.signature,a}function f(a){return{timeStamp:a.timestamp+"",nonceStr:a.nonceStr,"package":a.package,paySign:a.paySign,signType:a.signType||"SHA1"}}function g(a,b,c){var d,e,f;switch(delete b.err_code,delete b.err_desc,delete b.err_detail,d=b.errMsg,d||(d=b.err_msg,delete b.err_msg,d=h(a,d),b.errMsg=d),c=c||{},c._complete&&(c._complete(b),delete c._complete),d=b.errMsg||"",E.debug&&!c.isInnerInvoke&&alert(JSON.stringify(b)),e=d.indexOf(":"),f=d.substring(e+1)){case"ok":c.success&&c.success(b);break;case"cancel":c.cancel&&c.cancel(b);break;default:c.fail&&c.fail(b)}c.complete&&c.complete(b)}function h(a,b){var e,f,c=a,d=p[c];return d&&(c=d),e="ok",b&&(f=b.indexOf(":"),e=b.substring(f+1),"confirm"==e&&(e="ok"),"failed"==e&&(e="fail"),-1!=e.indexOf("failed_")&&(e=e.substring(7)),-1!=e.indexOf("fail_")&&(e=e.substring(5)),e=e.replace(/_/g," "),e=e.toLowerCase(),("access denied"==e||"no permission to execute"==e)&&(e="permission denied"),"config"==c&&"function not exist"==e&&(e="ok"),""==e&&(e="fail")),b=c+":"+e}function i(a){var b,c,d,e;if(a){for(b=0,c=a.length;c>b;++b)d=a[b],e=o[d],e&&(a[b]=e);return a}}function j(a,b){if(!(!E.debug||b&&b.isInnerInvoke)){var c=p[a];c&&(a=c),b&&b._complete&&delete b._complete,console.log('"'+a+'",',b||"")}}function k(){0!=D.preVerifyState&&(u||v||E.debug||"6.0.2">z||D.systemType<0||A||(A=!0,D.appId=E.appId,D.initTime=C.initEndTime-C.initStartTime,D.preVerifyTime=C.preVerifyEndTime-C.preVerifyStartTime,H.getNetworkType({isInnerInvoke:!0,success:function(a){var b,c;D.networkType=a.networkType,b="http://open.weixin.qq.com/sdk/report?v="+D.version+"&o="+D.preVerifyState+"&s="+D.systemType+"&c="+D.clientVersion+"&a="+D.appId+"&n="+D.networkType+"&i="+D.initTime+"&p="+D.preVerifyTime+"&u="+D.url,c=new Image,c.src=b}})))}function l(){return(new Date).getTime()}function m(b){w&&(a.WeixinJSBridge?b():q.addEventListener&&q.addEventListener("WeixinJSBridgeReady",b,!1))}function n(){H.invoke||(H.invoke=function(b,c,d){a.WeixinJSBridge&&WeixinJSBridge.invoke(b,e(c),d)},H.on=function(b,c){a.WeixinJSBridge&&WeixinJSBridge.on(b,c)})}var o,p,q,r,s,t,u,v,w,x,y,z,A,B,C,D,E,F,G,H;if(!a.jWeixin)return o={config:"preVerifyJSAPI",onMenuShareTimeline:"menu:share:timeline",onMenuShareAppMessage:"menu:share:appmessage",onMenuShareQQ:"menu:share:qq",onMenuShareWeibo:"menu:share:weiboApp",onMenuShareQZone:"menu:share:QZone",previewImage:"imagePreview",getLocation:"geoLocation",openProductSpecificView:"openProductViewWithPid",addCard:"batchAddCard",openCard:"batchViewCard",chooseWXPay:"getBrandWCPayRequest"},p=function(){var b,a={};for(b in o)a[o[b]]=b;return a}(),q=a.document,r=q.title,s=navigator.userAgent.toLowerCase(),t=navigator.platform.toLowerCase(),u=!(!t.match("mac")&&!t.match("win")),v=-1!=s.indexOf("wxdebugger"),w=-1!=s.indexOf("micromessenger"),x=-1!=s.indexOf("android"),y=-1!=s.indexOf("iphone")||-1!=s.indexOf("ipad"),z=function(){var a=s.match(/micromessenger\/(\d+\.\d+\.\d+)/)||s.match(/micromessenger\/(\d+\.\d+)/);return a?a[1]:""}(),A=!1,B=!1,C={initStartTime:l(),initEndTime:0,preVerifyStartTime:0,preVerifyEndTime:0},D={version:1,appId:"",initTime:0,preVerifyTime:0,networkType:"",preVerifyState:1,systemType:y?1:x?2:-1,clientVersion:z,url:encodeURIComponent(location.href)},E={},F={_completes:[]},G={state:0,data:{}},m(function(){C.initEndTime=l()}),H={config:function(a){E=a,j("config",a);var b=E.check===!1?!1:!0;m(function(){var a,d,e;if(b)c(o.config,{verifyJsApiList:i(E.jsApiList)},function(){F._complete=function(a){C.preVerifyEndTime=l(),G.state=1,G.data=a},F.success=function(){D.preVerifyState=0},F.fail=function(a){F._fail?F._fail(a):G.state=-1};var a=F._completes;return a.push(function(){k()}),F.complete=function(){for(var c=0,d=a.length;d>c;++c)a[c]();F._completes=[]},F}()),C.preVerifyStartTime=l();else{for(G.state=1,a=F._completes,d=0,e=a.length;e>d;++d)a[d]();F._completes=[]}}),E.beta&&n()},ready:function(a){0!=G.state?a():(F._completes.push(a),!w&&E.debug&&a())},error:function(a){"6.0.2">z||B||(B=!0,-1==G.state?a(G.data):F._fail=a)},checkJsApi:function(a){var b=function(a){var c,d,b=a.checkResult;for(c in b)d=p[c],d&&(b[d]=b[c],delete b[c]);return a};c("checkJsApi",{jsApiList:i(a.jsApiList)},function(){return a._complete=function(a){if(x){var c=a.checkResult;c&&(a.checkResult=JSON.parse(c))}a=b(a)},a}())},onMenuShareTimeline:function(a){d(o.onMenuShareTimeline,{complete:function(){c("shareTimeline",{title:a.title||r,desc:a.title||r,img_url:a.imgUrl||"",link:a.link||location.href,type:a.type||"link",data_url:a.dataUrl||""},a)}},a)},onMenuShareAppMessage:function(a){d(o.onMenuShareAppMessage,{complete:function(){c("sendAppMessage",{title:a.title||r,desc:a.desc||"",link:a.link||location.href,img_url:a.imgUrl||"",type:a.type||"link",data_url:a.dataUrl||""},a)}},a)},onMenuShareQQ:function(a){d(o.onMenuShareQQ,{complete:function(){c("shareQQ",{title:a.title||r,desc:a.desc||"",img_url:a.imgUrl||"",link:a.link||location.href},a)}},a)},onMenuShareWeibo:function(a){d(o.onMenuShareWeibo,{complete:function(){c("shareWeiboApp",{title:a.title||r,desc:a.desc||"",img_url:a.imgUrl||"",link:a.link||location.href},a)}},a)},onMenuShareQZone:function(a){d(o.onMenuShareQZone,{complete:function(){c("shareQZone",{title:a.title||r,desc:a.desc||"",img_url:a.imgUrl||"",link:a.link||location.href},a)}},a)},startRecord:function(a){c("startRecord",{},a)},stopRecord:function(a){c("stopRecord",{},a)},onVoiceRecordEnd:function(a){d("onVoiceRecordEnd",a)},playVoice:function(a){c("playVoice",{localId:a.localId},a)},pauseVoice:function(a){c("pauseVoice",{localId:a.localId},a)},stopVoice:function(a){c("stopVoice",{localId:a.localId},a)},onVoicePlayEnd:function(a){d("onVoicePlayEnd",a)},uploadVoice:function(a){c("uploadVoice",{localId:a.localId,isShowProgressTips:0==a.isShowProgressTips?0:1},a)},downloadVoice:function(a){c("downloadVoice",{serverId:a.serverId,isShowProgressTips:0==a.isShowProgressTips?0:1},a)},translateVoice:function(a){c("translateVoice",{localId:a.localId,isShowProgressTips:0==a.isShowProgressTips?0:1},a)},chooseImage:function(a){c("chooseImage",{scene:"1|2",count:a.count||9,sizeType:a.sizeType||["original","compressed"],sourceType:a.sourceType||["album","camera"]},function(){return a._complete=function(a){if(x){var b=a.localIds;b&&(a.localIds=JSON.parse(b))}},a}())},previewImage:function(a){c(o.previewImage,{current:a.current,urls:a.urls},a)},uploadImage:function(a){c("uploadImage",{localId:a.localId,isShowProgressTips:0==a.isShowProgressTips?0:1},a)},downloadImage:function(a){c("downloadImage",{serverId:a.serverId,isShowProgressTips:0==a.isShowProgressTips?0:1},a)},getNetworkType:function(a){var b=function(a){var c,d,e,b=a.errMsg;if(a.errMsg="getNetworkType:ok",c=a.subtype,delete a.subtype,c)a.networkType=c;else switch(d=b.indexOf(":"),e=b.substring(d+1)){case"wifi":case"edge":case"wwan":a.networkType=e;break;default:a.errMsg="getNetworkType:fail"}return a};c("getNetworkType",{},function(){return a._complete=function(a){a=b(a)},a}())},openLocation:function(a){c("openLocation",{latitude:a.latitude,longitude:a.longitude,name:a.name||"",address:a.address||"",scale:a.scale||28,infoUrl:a.infoUrl||""},a)},getLocation:function(a){a=a||{},c(o.getLocation,{type:a.type||"wgs84"},function(){return a._complete=function(a){delete a.type},a}())},hideOptionMenu:function(a){c("hideOptionMenu",{},a)},showOptionMenu:function(a){c("showOptionMenu",{},a)},closeWindow:function(a){a=a||{},c("closeWindow",{},a)},hideMenuItems:function(a){c("hideMenuItems",{menuList:a.menuList},a)},showMenuItems:function(a){c("showMenuItems",{menuList:a.menuList},a)},hideAllNonBaseMenuItem:function(a){c("hideAllNonBaseMenuItem",{},a)},showAllNonBaseMenuItem:function(a){c("showAllNonBaseMenuItem",{},a)},scanQRCode:function(a){a=a||{},c("scanQRCode",{needResult:a.needResult||0,scanType:a.scanType||["qrCode","barCode"]},function(){return a._complete=function(a){var b,c;y&&(b=a.resultStr,b&&(c=JSON.parse(b),a.resultStr=c&&c.scan_code&&c.scan_code.scan_result))},a}())},openProductSpecificView:function(a){c(o.openProductSpecificView,{pid:a.productId,view_type:a.viewType||0,ext_info:a.extInfo},a)},addCard:function(a){var e,f,g,h,b=a.cardList,d=[];for(e=0,f=b.length;f>e;++e)g=b[e],h={card_id:g.cardId,card_ext:g.cardExt},d.push(h);c(o.addCard,{card_list:d},function(){return a._complete=function(a){var c,d,e,b=a.card_list;if(b){for(b=JSON.parse(b),c=0,d=b.length;d>c;++c)e=b[c],e.cardId=e.card_id,e.cardExt=e.card_ext,e.isSuccess=e.is_succ?!0:!1,delete e.card_id,delete e.card_ext,delete e.is_succ;a.cardList=b,delete a.card_list}},a}())},chooseCard:function(a){c("chooseCard",{app_id:E.appId,location_id:a.shopId||"",sign_type:a.signType||"SHA1",card_id:a.cardId||"",card_type:a.cardType||"",card_sign:a.cardSign,time_stamp:a.timestamp+"",nonce_str:a.nonceStr},function(){return a._complete=function(a){a.cardList=a.choose_card_info,delete a.choose_card_info},a}())},openCard:function(a){var e,f,g,h,b=a.cardList,d=[];for(e=0,f=b.length;f>e;++e)g=b[e],h={card_id:g.cardId,code:g.code},d.push(h);c(o.openCard,{card_list:d},a)},chooseWXPay:function(a){c(o.chooseWXPay,f(a),a)}},b&&(a.wx=a.jWeixin=H),H});

html代码
用来测试游戏源码的网页文件;

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>CoreBall</title>
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" /><style type="text/css">body {background-color: #c8c8c8;overflow: hidden;padding: 0;margin: 0;/*font-family:Helvetica;*//*font-family: 'Open Sans', sans-serif, Helvetica;*/font-family: Lato;}.center-box {text-align: center;position: absolute;width: 300px;height: 400px;margin: -200px 0 0 -150px;left: 50%;top: 50%;}.title {font-size: 50px;/*font-family: sans-serif;*/}.button {position: absolute;width: 100px;height: 100px;left: 50%;top: 50%;margin: -100px 0 0 -50px;border: 2px solid #666;color: #666;-moz-border-radius: 15px;-webkit-border-radius: 15px;border-radius: 15px;font-size: 55px;}.button .text {font-size: 10px;padding: 0 10px;width: 80px}.op {position: absolute;width: 200px;height: 100px;left: 50%;top: 70%;margin: -50px 0 0 -100px;}</style>
</head>
<body>
<canvas style="display:none;" id="stage"></canvas>
<div id="begin">
<section class="center-box">
<span class="title">Core Ball</span>
<div class="button">
<div id="txtAr" style="margin-top: 5px;"></div>
<div class="text"></div>
</div>
<div class="op">
<a id="btnFW" href="javascript:;"><img data-capture="1" src="img/btn_fw.png" />
</a>
<span id="btnReset" style="display:inline-block;margin-left: 30px;color:#666">RESET</span>
<div id="tip" style="font-size:14px;color:#555;margin-top: 15px;display:none;">关卡重置完毕</div>
</div>
</section>
<section id="wxArrow" style="display: none;">
<div style="position:absolute;width:100%;height:100%;opacity: 0.7;background-color:#000">
</div>
<img style="position: absolute;right:25px;" src="img/arrow.png" />
</section>
</div>
<script src="js/jweixin-1.0.0.js"></script>
<script type="text/javascript" src="js/index.js"></script>
</body>
</html>

利用js写的见缝插针小游戏相关推荐

利用js写的见缝插针小游戏（推荐给新手)
标题之所以写推荐给新手,是因为我也是个刚学js一周的新人,想练练手,于是就花了一下午写了这个游戏,所以我写的可能更适合新手,大神勿喷. 这个游戏是利用原生的js以及html5的canvas技术做的一个 ...
教你前端如何用js写一个跑酷小游戏
在线体验地址:http://summer.pkec.net/ 源码地址:https://gitee.com/ihope_top/juejin-summer 前言不知不觉夏天又到了,提到夏天你们能想到 ...
利用JavaScript写猜数字小游戏
要求: 在页面中写一个猜数字的游戏: 要求: 1)生成0~100之间的随机数,让用户猜 2)输入错误需要提示,并让用户重新输入 3)输入正确,提示正确,并询问是否继续游戏结果如下: ...
JS实现简单农场小游戏
JS实现简单农场小游戏简介效果展示代码实现在线预览简介最近抽空写了一个简单的农场小游戏,比较简陋,目的只是为了练习js开发能力. 游戏界面顶部包含昵称.经验值.等级和金币信息展示.经验的获 ...
基于HTML5canvars的小游戏,利用HTML5实现Canvas激流勇进小游戏代码
特效描述:利用HTML5实现 Canvas 激流勇进小游戏代码.利用HTML5实现Canvas激流勇进小游戏代码代码结构 1. 引入JS 2. HTML代码进入游戏游戏玩法:使用左键.右键和上 ...
linux 剪刀石头布c语言,利用C语言编写“剪刀石头布”小游戏
前言大家好~ 我是一名C语言初学者,学了C语言基础后,我制作了一个小游戏:剪刀石头布. 希望大家能对我的思路和代码提出小Tips(eg.更简便的方法与程序) 我也会虚心接受大家的建议~ 一.游戏原理 ...
见缝插针小游戏（基于OPENGL）|计算机图形学
见缝插针小游戏 (基于OPENGL)|计算机图形学 1.前言最近开始学习图形学,试着用glut做了一个小游戏,也是之前见得蛮多的小游戏叫做见缝插针,基本上功能都实现了,可能还有些不足,之后有机会再改 ...
用unity来开发见缝插针小游戏
最近通过学习见缝插针小游戏来总结上周所学的一些知识点. 思路:设置一个旋转的白色圆盘,当下面的针向圆盘发射,到达圆盘边缘位置后,跟随圆盘一起运动,并记录分数.当分数达到某个数之后,圆盘转动的速度和方向 ...
使用Pixi.js编写JavaScript网页小游戏
Pixi.js中文网https://pixijs.huashengweilai.com/PixiJSOfficial site for PixiJS, The HTML Creation Engine ...

利用js写的见缝插针小游戏

利用js写的见缝插针小游戏相关推荐

最新文章

热门文章