3D灌篮高手

2023-10-08 18:15
文章标签 3d 灌篮高手

本文主要是介绍3D灌篮高手,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

欢迎来到程序小院

3D灌篮高手

玩法:
鼠标左键点击按住屏幕,左边力度条在红色区域时松开鼠标投篮,30秒内完成投篮,统计投中次数,快去成为灌篮高手吧^^。

开始游戏icon-default.png?t=N7T8https://www.ormcc.com/play/gameStart/186

html

<div class="gameBox"><h2 class="title" style="margin-top: 60px;">3D灌篮高手</h2><div style="text-align:center;"><canvas id="linkScreen"></canvas></div>
</div>

css

h2.title{display: block;margin: 50px auto;text-align: center;
}
#linkScreen canvas {-ms-content-zooming:none;-ms-touch-action:none;
}

js

pageLoad: function(a) {null == n.pageLoad && (n.pageLoad = a, window.addEventListener("load",function() {w.main(n.pageLoad)},!1));return w
},
menu: function(a) {"function" == typeof a && (n.menu = a);return this
},
run: function(a) {"function" == typeof a && (n.runFn = a);return this
},
stop: function(a) {"function" == typeof a && (n.stop = a);return this
},
over: function(a) {"function" == typeof a && (n.over = a);return this
},
zone: function(a) {"function" == typeof a && (n.zone = a);return this
},
active: function(a) {"function" == typeof a && (n.active = a);return this
},
gameFlow: {menu: function() {null != n.menu && (n.gameFlow = B.menu, w.resetKeys());return this},run: function() {null != n.runFn && (n.gameFlow = B.run, w.resetKeys());return this},stop: function() {null != n.stop && (n.gameFlow = B.stop, w.resetKeys());return this},over: function() {null != n.over && (n.gameFlow = B.over, w.resetKeys());return this},zone: function(a) {null != n.zone && (n.gameFlow = B.zone, n.zoneArgs = a, w.resetKeys());return this},active: function(a) {null != n.active && (n.gameFlow = B.active, n.activeArgs = a, w.resetKeys());return this},isIn: function(a) {return n.gameFlow == B[a]},base: function() {return w}
},
keyRepeated: function(a) {j.keyDownGo || (j.keyDownGo = !0);return j.keys[a]
},
keyPressed: function(a) {j.keyPressedGo || (j.keyPressedGo = !0);var b = j.pressedKey[a];j.pressedKey[a] = !1;return b
},
keyReleased: function(a) {j.keyUpGo || (j.keyUpGo = !0);var b = j.lastKey[a];j.lastKey[a] = !1;return b
},
setKeyCode: function(a, b) {j.keys[a] = !1;j.lastKey[a] = !1;j.pressedKey[a] = !1;j.keyPressCtrl[a] = !0;$[a] = b;return this
},
resetKeys: function() {for (var a in j.keys) j.keys[a] = !1;for (a in j.lastKey) j.lastKey[a] = !1;for (a in j.pressedKey) j.pressedKey[a] = !1;for (a in j.keyPressCtrl) j.keyPressCtrl[a] = !0;return this
},
canvas: {init: function() {D = {x: 0,y: 0};d = c = "#000000";M = {x: 0,y: 0};N = {x: 0,y: 0};h = g = 0;a = "#FFFFFF";b = "#CCCCCC";return this.pass()},initDevice: function() {Q = q.getDeviceConfig();t = Q.device;v = Q.fps;z = Q.touch;u = Q.zoom;return this},font: function(a) {k = a;p.font = k;return this},del: function(a) {s[a] && (s[a] = null, delete s[a], m[a] = null, delete m[a]);return this},setCurrent: function(a) {return _canvas.pass(a)},screen: {setId: function(a) {s[a] && (i = a);return this},getId: function() {return i},getWidth: function() {return O},setWidth: function(a) {x = a;E && (E.width = x, E.style.width = E.width + "px", O = parseInt(E.width));return this},getHeight: function() {return R},setHeight: function(a) {l = a;E && (E.height = l, E.style.height = E.height + "px", R = parseInt(E.height));return this},getDevice: function() {return t},getFps: function() {return v},setFps: function(a) {0 < a && (v = a);return this},getTouch: function() {return z},getZoom: function() {return u}},fillStyle: function(a) {p.fillStyle = a;return this},fillRect: function(a, b, c, f, d) {c = c ? c: 0;f = f ? f: 0;d ? N = q.getAnchor(a, b, c, f, d) : (N.x = a, N.y = b);p.fillRect(N.x, N.y, c, f);return this},fillText: function(a, b, c, f) {p.font = f || k;p.fillText(a, b, c);return this},clearRect: function(a, b, c, f) {p.clearRect(a, b, c, f);return this},clearScreen: function() {return this.clearRect(0, 0, O, R)},fillScreen: function() {return this.fillRect(0, 0, O, R)},strokeStyle: function(a) {p.strokeStyle = a;return this},lineWidth: function(a) {p.lineWidth = a || 1;return this},strokeRect: function(a, b, c, f, d) {d ? M = q.getAnchor(a, b, c, f, d) : (M.x = a, M.y = b);p.strokeRect(M.x, M.y, c, f);return this},strokeText: function(a, b, c, f) {p.font = f || k;p.strokeText(a, b, c);return this},setColor: function(a, b, f) {null == f ? (c = a, d = b ? b: a) : d = c = "rgb(" + a + ", " + b + ", " + f + ")";return this.fillStyle(c).strokeStyle(d)},drawRotate: function(a, b, c, f, d, e, i, k, g, h) {var l = parseInt(k >> 1),x = parseInt(g >> 1),j = w.getImage(a),a = j.src ? j: m[a],e = e - l,i = i - x;p.save();p.translate(e + l, i + x);p.rotate(h * Math.PI / 180);p.translate( - (e + l), -(i + x));p.drawImage(a, b, c, f, d, e, i, k, g);p.restore();return this},drawRegion: function(a, b, c, f, d, e, i, k) {switch (e) {default:p.transform(1, 0, 0, 1, i, k);break;case 5:p.transform(0, 1, -1, 0, d + i, k);break;case 3:p.transform( - 1, 0, 0, -1, f + i, d + k);break;case 6:p.transform(0, -1, 1, 0, i, f + k);break;case 2:p.transform( - 1, 0, 0, 1, f + i, k);break;case 7:p.transform(0, -1, -1, 0, d + i, f + k);break;case 1:p.transform(1, 0, 0, -1, i, d + k);break;case 4:p.transform(0, 1, 1, 0, i, k)} (!w.getImage(a).cache ? this.drawImage: this.drawCache)(a, b, c, f, d, 0, 0, f, d);p.setTransform(1, 0, 0, 1, 0, 0);return this},drawRegionAndZoom: function(a, b, c, f, d, e, i, k, g, h, l) {switch (e) {default:p.transform(1, 0, 0, 1, i, k);break;case 5:p.transform(0, 1, -1, 0, l + i, k);break;case 3:p.transform( - 1, 0, 0, -1, h + i, l + k);break;case 6:p.transform(0, -1, 1, 0, i, h + k);break;case 2:p.transform( - 1, 0, 0, 1, h + i, k);break;case 7:p.transform(0, -1, -1, 0, l + i, h + k);break;case 1:p.transform(1, 0, 0, -1, i, l + k);break;case 4:p.transform(0, 1, 1, 0, i, k)} (!w.getImage(a).cache ? this.drawImage: this.drawCache)(a, b, c, f, d, 0, 0, h, l);p.setTransform(1, 0, 0, 1, 0, 0);return this},moveTo: function(a, b) {p.moveTo(a, b);return this},lineTo: function(a, b) {p.lineTo(a, b);return this},stroke: function() {p.stroke();return this},fill: function() {p.fill();return this},beginPath: function() {p.beginPath();return this},closePath: function() {p.closePath();return this},arc: function(a, b, c, f, d, i) {p.arc(a, b, c, f, d, i);return this},quadraticCurveTo: function(a, b, c, f) {p.quadraticCurveTo(a, b, c, f);return this},bezierCurveTo: function(a, b, c, f, d, i) {p.bezierCurveTo(a, b, c, f, d, i);return this},measureText: function(a) {var b = p.measureText(a),c = b.width,b = b.height ? b.height: parseInt(p.font);return {width: "j2me" == this.screen.getDevice() ? p.measureText(a) : c,height: b}},translate: function(a, b) {p.translate(a, b);return this},drawLine: function(a, b, c, f) {return this.beginPath().moveTo(a, b).lineTo(c, f).closePath().stroke()},drawRect: function(a, b, c, f, d) {return this.strokeRect(a, b, c, f, d)},clip: function() {p.clip();return this},save: function() {p.save();return this},restore: function() {p.restore();return this},rect: function(a, b, c, f) {p.rect(a, b, c, f);return this},rotate: function(a) {p.rotate(a);return this},setTransform: function(a, b, c, f, d, i) {p.setTransform(a, b, c, f, d, i);return this},scale: function(a, b) {p.scale(a, b);return this},globalAlpha: function(a) {p.globalAlpha = a;return this},getContext: function() {return p},base: function() {return w}
},
pushImage: function(a, b) {if (S) return this;for (var c, f = 0,d = a.length; f < d; f++) if ((c = a[f]) && !J[c.id]) J[c.id] = !0,G.push(a[f]);this.loadingEndCallBack(b);return this
},
loadImage: function(a, b) {if (n.gameFlow != B.loadImage && 0 < a.length) {n.loadedImageToGameFlow = n.gameFlow;n.gameFlow = B.loadImage;G = a;P = G.length;for (var c = K = 0,f; f = G[c]; c++) r[f.id] ? K++:q.setImage(f.id, f.src, f.benchId);this.loadingEndCallBack(b)}return this
},
asyncImage: function(a) {for (var b, c = 0,f = a.length; c < f; c++) b = a[c] || {},H[b.id] || (H[b.id] = b);return this
},
verImage: function(a) {"" == L && (L = a);return this
},
loadingCallBack: function(a) {"function" === typeof a && (q.loadingCallBack = a);return this
},
loadingEndCallBack: function(a) {"function" === typeof a && (q.loadingEndCallBack = a);return this
},
addImage: function(a, b) {a && (b && !r[a]) && (r[a] = b);return this
},
getImage: function(a) {return r[a] ? r[a] : {src: null}
},
delImage: function(a, b) {r[a] && (r[a] = null, delete r[a], b && (r[a] = {id: a,loaded: !0,cache: !0,refreshed: !0}));return this
},
getAsyncImage: function(a) {return H[a] ? H[a] : {src: null}
},
clearAsyncImageCache: function() {try {var a, b, c;for (c in r) if (a = r[c]) if (b = H[c]) b.inited = !1,this.delImage(c).canvas.del(c)} catch(f) {}return this
},

源码icon-default.png?t=N7T8https://www.ormcc.com/

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

转载:欢迎来到本站,转载请注明文章出处https://ormcc.com/

这篇关于3D灌篮高手的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/167128

相关文章

无人叉车3d激光slam多房间建图定位异常处理方案-墙体画线地图切分方案

墙体画线地图切分方案 针对问题:墙体两侧特征混淆误匹配,导致建图和定位偏差,表现为过门跳变、外月台走歪等 ·解决思路:预期的根治方案IGICP需要较长时间完成上线,先使用切分地图的工程化方案,即墙体两侧切分为不同地图,在某一侧只使用该侧地图进行定位 方案思路 切分原理:切分地图基于关键帧位置,而非点云。 理论基础:光照是直线的,一帧点云必定只能照射到墙的一侧,无法同时照到两侧实践考虑:关

MiniGPT-3D, 首个高效的3D点云大语言模型,仅需一张RTX3090显卡,训练一天时间,已开源

项目主页:https://tangyuan96.github.io/minigpt_3d_project_page/ 代码:https://github.com/TangYuan96/MiniGPT-3D 论文:https://arxiv.org/pdf/2405.01413 MiniGPT-3D在多个任务上取得了SoTA,被ACM MM2024接收,只拥有47.8M的可训练参数,在一张RTX

SAM2POINT:以zero-shot且快速的方式将任何 3D 视频分割为视频

摘要 我们介绍 SAM2POINT,这是一种采用 Segment Anything Model 2 (SAM 2) 进行零样本和快速 3D 分割的初步探索。 SAM2POINT 将任何 3D 数据解释为一系列多向视频,并利用 SAM 2 进行 3D 空间分割,无需进一步训练或 2D-3D 投影。 我们的框架支持各种提示类型,包括 3D 点、框和掩模,并且可以泛化到不同的场景,例如 3D 对象、室

模具要不要建设3D打印中心

随着3D打印技术的日益成熟与广泛应用,模具企业迎来了自建3D打印中心的热潮。这一举措不仅为企业带来了前所未有的发展机遇,同时也伴随着一系列需要克服的挑战,如何看待企业引进增材制造,小编为您全面分析。 机遇篇: 加速产品创新:3D打印技术如同一把钥匙,为模具企业解锁了快速迭代产品设计的可能。企业能够迅速将创意转化为实体模型,缩短产品从设计到市场的周期,抢占市场先机。 强化定制化服务:面

WPF入门到跪下 第十三章 3D绘图 - 3D绘图基础

3D绘图基础 四大要点 WPF中的3D绘图涉及4个要点: 视口,用来驻留3D内容3D对象照亮部分或整个3D场景的光源摄像机,提供在3D场景中进行观察的视点 一、视口 要展示3D内容,首先需要一个容器来装载3D内容。在WPF中,这个容器就是Viewport3D(3D视口),它继承自FrameworkElement,因此可以像其他元素那样在XAML中使用。 Viewport3D与其他元素相

python画图|3D图基础教程

python画3D图和2D流程类似: 【a】定义一个自变量x; 【b】定义两个因变量y和z; 【c】直接输出plot(x,y,z) 今天就一起快乐学习一下画3D图的基础教程。 【1】官网教程 打开官网,可以迅速找到学习教程,参考下述链接: https://matplotlib.org/stable/plot_types/3D/plot3d_simple.html 然后我们解读一下示

OGRE 3D----创建第一个OGRE 3D示例

目录 1. OGRE 3D概述 2. OGRE 3D vs VTK 3. 编译OGRE 3D 源码 4. 创建示例和配置其编译环境 5. 配置示例程序的执行环境 1. OGRE 3D概述 OGRE (Object-Oriented Graphics Rendering Engine) 是一个开源的、高级的 3D 图形渲染引擎,它提供了一个抽象层,使得开发者可以专注于创建内容和

echarts 多个3D柱状图

图片样式: 代码实现: <template><div :class="className" :style="{height:height,width:width}" /></template><script>require("echarts/theme/sakura"); // echarts themeexport default {props: {className: {typ

从文字到世界:一键生成全景3D场景的技术革命

随着虚拟现实(VR)、增强现实(AR)以及游戏行业的蓬勃发展,3D场景的生成技术正变得越来越重要。传统的3D建模方法不仅耗时且需要专业的技能,而新兴的技术则试图简化这一过程。本文将介绍一种全新的技术框架——LayerPano3D,它能够根据简单的文本输入,自动生成全景、可探索的3D场景。这项技术不仅能够极大地提升用户体验,还将为多个领域带来前所未有的变革。 技术框架概述 LayerP

智能制造新纪元:3D协同平台引领前沿创新

随着市场的发展,我们的企业面临两个方面的挑战: 从业务和市场方面来看,为了在竞争中取得更大优势,我们需要以高质且低价的产品赢得消费者的信赖,同时必须有效控制成本、加速产品迭代,缩短产品上市周期,以确保能够快速响应市场变化。 从设计和技术方面来看,产品的发展趋势正朝着高度集成化、模块化以及小型化的方向迈进,约束条件越来越复杂,同时也需要满足新的设计标准及行业规则。 3D协同平台提供更多可