<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Benks点球大战</title>
<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no"/>
<meta name="apple-mobile-web-app-capable" content="yes"/>
<meta name="full-screen" content="true"/>
<meta name="screen-orientation" content="portrait"/>
<meta name="x5-fullscreen" content="true"/>
<meta name="360-fullscreen" content="true"/>
<style>
html, body {
-ms-touch-action: none;
background: #888888;
padding: 0;
border: 0;
margin: 0;
height: 100%;
}
</style>
<!--这个标签为通过egret提供的第三方库的方式生成的 javascript 文件。删除 modules_files 标签后,库文件加载列表将不会变化,请谨慎操作!-->
<!--modules_files_start-->
<script egret="lib" src="libs/modules/egret/egret.js" src-release="libs/modules/egret/egret.min.js"></script>
<script egret="lib" src="libs/modules/egret/egret.web.js" src-release="libs/modules/egret/egret.web.min.js"></script>
<script egret="lib" src="libs/modules/game/game.js" src-release="libs/modules/game/game.min.js"></script>
<script egret="lib" src="libs/modules/game/game.web.js" src-release="libs/modules/game/game.web.min.js"></script>
<script egret="lib" src="libs/modules/tween/tween.js" src-release="libs/modules/tween/tween.min.js"></script>
<script egret="lib" src="libs/modules/res/res.js" src-release="libs/modules/res/res.min.js"></script>
<!--modules_files_end-->
<!--这个标签为不通过egret提供的第三方库的方式使用的 javascript 文件,请将这些文件放在libs下,但不要放在modules下面。-->
<!--other_libs_files_start-->
<!--other_libs_files_end-->
<!--这个标签会被替换为项目中所有的 javascript 文件。删除 game_files 标签后,项目文件加载列表将不会变化,请谨慎操作!-->
<!--game_files_start-->
<script egret="game" src="bin-debug/data/Data.js"></script>
<script egret="game" src="bin-debug/Main.js"></script>
<script egret="game" src="bin-debug/page/Game.js"></script>
<script egret="game" src="bin-debug/page/HomeGame.js"></script>
<script egret="game" src="bin-debug/tool/BitmapTool.js"></script>
<script egret="game" src="bin-debug/tool/GamePaiMing.js"></script>
<script egret="game" src="bin-debug/tool/GameTool.js"></script>
<script egret="game" src="bin-debug/tool/GameViewAnim.js"></script>
<script egret="game" src="bin-debug/tool/LoadIng.js"></script>
<script egret="game" src="bin-debug/tool/MessageTool.js"></script>
<script egret="game" src="bin-debug/tool/MyPhoto.js"></script>
<script egret="game" src="bin-debug/tool/MyUtils.js"></script>
<script egret="game" src="bin-debug/ulits/AnimationPeople.js"></script>
<!--game_files_end-->
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "//hm.baidu.com/hm.js?20a551695932be1e1da2f61954dd10b2";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
<style>
body{position:relative;}
body img{position:absolute; top:35%; left:35%; display:none;}
</style>
</head>
<body>
<div style="margin: auto;width: 100%;height: 100%;" class="egret-player"
data-entry-class="Main"
data-orientation="auto"
data-scale-mode="noScale"
data-frame-rate="30"
data-content-width="640"
data-content-height="1036"
data-show-paint-rect="false"
data-multi-fingered="2"
data-show-fps="false" data-show-log="false"
data-log-filter="" data-show-fps-style="x:0,y:0,size:30,textColor:0x00c200,bgAlpha:0.9">
</div>
<img src="er.png" id="imger">
<script>
//默认使用 WebGL 渲染模式
egret.runEgret({renderMode:"webgl"});
var sh = window.screen.height;
var sw = window.screen.width;
var imgid=document.getElementById("imger");
var img=new Image();
img.src=imgid.src;
var w = (sw/3);
imgid.style.width=w+"px";//;
imgid.style.height=w+"px";//;
function setyc(){
imgid.style.display = 'none';
}
function setxs(){
imgid.style.display = 'block';
}
</script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script>
wx.config({
debug: false,
appId: localStorage['appId'],
timestamp: localStorage['timestamp'],
nonceStr: localStorage['nonceStr'],
signature: localStorage['signature'],
jsApiList: [
'checkJsApi',
'onMenuShareTimeline',
'onMenuShareAppMessage',
'onMenuShareQQ',
'onMenuShareWeibo',
'onMenuShareQZone',
'hideMenuItems',
'showMenuItems',
'hideAllNonBaseMenuItem',
'showAllNonBaseMenuItem',
'translateVoice',
'startRecord',
'stopRecord',
'onVoiceRecordEnd',
'playVoice',
'onVoicePlayEnd',
'pauseVoice',
'stopVoice',
'uploadVoice',
'downloadVoice',
'chooseImage',
'previewImage',
'uploadImage',
'downloadImage',
'getNetworkType',
'openLocation',
'getLocation',
'hideOptionMenu',
'showOptionMenu',
'closeWindow',
'scanQRCode',
'chooseWXPay',
'openProductSpecificView',
'addCard',
'chooseCard',
'openCard'
]
});
wx.ready(function () {
wx.onMenuShareAppMessage({
title: 'Benks点球大战',
desc: '亲!快来参加Benks点球大战!',
link: 'http://wap.i-h5.cn/hhs_game/dianqiudasai/weixin.php',
imgUrl: 'http://wap.i-h5.cn/hhs_game/dianqiudasai/fenxiang.png',
trigger: function (res) {
},
success: function (res) {
},
cancel: function (res) {
},
fail: function (res) {
}
});
// 2.2 监听“分享到朋友圈”按钮点击、自定义分享内容及分享结果接口
wx.onMenuShareTimeline({
title: 'Benks点球大战',
desc: '亲!快来参加Benks点球大战!',
link: 'http://wap.i-h5.cn/hhs_game/dianqiudasai/weixin.php',
imgUrl: 'http://wap.i-h5.cn/hhs_game/dianqiudasai/fenxiang.png',
trigger: function (res) {
},
success: function (res) {
},
cancel: function (res) {
},
fail: function (res) {
}
});
});
window.getQueryString = function(name){
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]); return null;
}
</script>
</body>
</html>
egret小游戏示例



Egret小游戏示例是基于白鹭引擎(Egret Engine)开发的一款互动娱乐项目,它为初学者提供了深入了解和学习Egret游戏开发的良好实践。Egret引擎是一款广泛使用的HTML5游戏开发工具,它支持2D游戏制作,并且能够跨平台运行在各种设备上,包括手机、平板电脑和桌面浏览器。 白鹭引擎(Egret Engine)的核心特性包括: 1. **TypeScript支持**:Egret使用TypeScript作为主要编程语言,这是一种由JavaScript扩展而来的静态类型语言,提供了更好的代码结构和类型检查,有助于防止运行时错误。 2. **2D渲染**:Egret引擎采用了基于WebGL的高性能2D渲染技术,能够实现流畅的游戏动画和交互效果。 3. **资源管理**:Egret提供了强大的资源管理功能,包括图片、音频、字体等,可以进行高效的加载和缓存,确保游戏性能。 4. **事件驱动**:Egret采用事件驱动模型,通过监听和处理事件来实现游戏逻辑,简化了代码结构,使得游戏逻辑更清晰。 5. **舞台与显示对象**:Egret中的舞台(Stage)是所有显示对象的容器,显示对象可以是图像、文本、形状等,它们可以通过层级关系进行组织和管理。 6. **时间轴与帧动画**:Egret支持帧动画,开发者可以创建时间轴和关键帧,通过改变不同帧上的显示对象属性来实现动态效果。 7. **物理引擎集成**:虽然"balls"这个文件名没有提供具体细节,但通常在小游戏中,可能涉及到球体碰撞检测和物理运动模拟,这可能意味着Egret引擎集成了简单的物理引擎,如Box2D或自己实现的轻量级物理系统。 8. **模块化开发**:Egret支持模块化开发,使得代码组织更加有序,便于多人协作和后期维护。 9. **热更新**:Egret提供热更新机制,允许开发者在游戏发布后进行代码更新,而无需用户重新下载整个游戏。 10. **社区与文档**:Egret有一个活跃的开发者社区,提供了丰富的教程、示例和API文档,方便开发者快速上手和解决问题。 通过对"balls"这个文件的猜测,我们可能能够了解到如何在Egret中实现球体的碰撞检测、运动控制以及游戏逻辑。开发者可能需要理解Egret的坐标系统、碰撞检测算法、用户输入响应以及游戏循环的执行流程。通过分析和学习这个示例,初学者将能更好地掌握Egret引擎的使用,从而开发出自己的小游戏。
















































































































- 1
- 2
- 3

- #完美解决问题
- #运行顺畅
- #内容详尽
- #全网独家
- #注释完整
- qq_344681332017-12-25不好用,,,,,,
- Liangzi822018-07-30一个简单的微信 足球射门类的小游戏,引擎版本3.0.2 推荐打算开发微信端小游戏的新人看下

- 粉丝: 0
- 资源: 1
我的内容管理 展开
我的资源 快来上传第一个资源
我的收益
登录查看自己的收益我的积分 登录查看自己的积分
我的C币 登录后查看C币余额
我的收藏
我的下载
下载帮助


最新资源
- 基于深度学习算法的MATLAB人脸马赛克处理技术,MATLAB实现的自动人脸马赛克算法研究与应用,基于MATLAB的人脸马赛克 ,基于MATLAB的人脸马赛克;人面遮罩处理;图像处理技术;遮盖人脸;马
- 基于JavaScript及多语言技术的药知道项目实训设计源码
- 基于Matlab的FFT滤波技术实现波形谐波分析与自定义频段清除,无相位滞后且幅值可补偿,非实时滤波的缺陷与补偿(附图解说),基于Matlab的FFT滤波技术实现波形谐波分析与自定义频段清除,无相位滞
- 激励型负荷需求响应模型matlab+yalmip:时序性负荷转移的实现与图解读,基于Matlab和Yalmip编程语言的激励型负荷需求响应模型研究:时序负荷转移与目标函数解析,激励型负荷需求响应模型m
- 三相并联型有源电力滤波器APF仿真研究:PI控制下的电压外环与电流内环及ip-iq谐波检测与SVPWM调制方法应用,三相并联型有源电力滤波器APF仿真研究:PI控制下的电压外环与电流内环及ip-iq谐
- 西门子Smart200追剪程序及对应维纶屏监控功能,PLC无级调速算法实战例程与个性化定制指南,西门子Smart200追剪程序与维纶屏监控联动:无级调速算法实例及PLC应用,西门子Smart200 追
- 基于Cesium.js的地理数据可视化开源设计源码
- 基于粒子群算法的微电网优化调度研究:含分布式电源、负荷与可再生能源数据之MATLAB实现,基于粒子群算法的微电网优化调度:分布式电源与负荷数据研究,基于粒子群算法的微电网优化调度 含有的分布式电源:微
- 基于HTML5、CSS3和JavaScript的旅游攻略网站设计源码
- 基于价格型和替代型需求响应的综合能源系统低碳优化运行模型研究,基于价格弹性矩阵与替代型需求响应的综合能源系统低碳优化运行模型研究,Matlab代码 替代型 价格型需求响应 综合能源 优化运行
- 自动化视觉设备升级:修复BUG的机器学习框架源码,C#与Halcon混合编程,插件式开发带手眼标定与相机模式切换支持,自动化视觉设备:修复BUG的机器视觉框架源码,C#联合Halcon混合编程,插件式
- TPC编译码实现详解:硬判决与软判决译码源码及文档解析(matlab版),基于MATLAB的TPC编译码实现:源码与文档解析硬判决译码与软判决译码全过程,TPC编译码实现 matlab实现 源码加文
- 基于电热联合调度的区域并网型微电网运行优化模型研究:实现协调调度与成本降低的仿真分析,基于电热联合调度的区域并网型微电网运行优化模型研究:实现协调调度与成本降低的仿真分析,综合能源系统,提出基于电热联
- 基于MATLAB GUI的多功能数字滤波器设计工具:选择IIR和FIR类型,定制频谱,多种窗函数选择,基于MATLAB GUI的多功能数字滤波器设计工具:选择IIR与FIR,实时频谱显示,多种窗函数选
- 基于Vue和Java的流浪猫狗救助领养系统设计与实现源码
- 电机转子断条与匝间短路故障诊断:仿真数据获取与特征提取算法应用,电机故障诊断技术:转子断条与匝间短路的仿真分析与特征提取算法应用,电机 发电机 转子断条 匝间短路 故障诊断 首先在SIMULINK里搭


