方法一 <audio id="bgmMusic" style="position:absolute;" src="resource/assets/Sound/load.mp3?v=<?=$ver?>" autoplay='autoplay' loop="loop">你的浏览器不支持audio标签.</audio> function setBgm(play){ var bgm = docume

在上一篇中,简单的使用界面元素快速实现了一个游戏中的二级页面,这种直接在游戏页面上做UI的做法并不太好,原因是,UI会让游戏的压力变大,即使它是隐蔽的,如果同样的功能在其它的地方也是一样的,那么就要写多个同样的逻辑吗?例如设置界面,游戏中的设置界面基本上功能都是一样,如果每个UI中都做一遍,是多么愚蠢的办法?在UI的代码设计中,一般来说,单独的功能不会在其它的地方用到,如GameOver,就直接写在UI里,而如果是通用功能,则最好的做法是做一个通用的单例类或者工厂类在需要的时候将它们初始化,在多

首先,先安装好,然后,创建项目,弄好之后,在终端输入 egret run -a 开启服务 /*********************************华丽丽的分割线**************************************/ 首先,那个RES.loadGroup是加载资源组,他有三个参数RES.loadGroup(name:"string",priority?:number,reporter?:Res.PromiseTaskReporter):Promise&

官网教程-生命周期:http://developer.egret.com/cn/2d/lifecycle 主要是在游戏置于后台时,关闭游戏逻辑.渲染逻辑和背景音乐,保证更好的用户体验. 一 Egret 5.1版本新API 5版本引入了egret.Ticker.egret.lifecycle  API来暂停: 二 源码位置 egret.ticker就是SystemTicker,同时lifecycle也在SystemTicker.ts 文件里. 三 暂停流程 首先在WebLifeCycleHandl

前段时间公司突然想用egret(白鹭引擎)做一个金币游戏,大半个月边看文档边写吭哧吭哧也总算是弄完了.期间遇到一个问题,那就是ios环境下微信浏览器的音频自动播放问题. 个人感觉吧,egret自己封装的audio还是不太健壮.群里,社区呼声一片,相信前端的很多人都碰到过这个问题.而网上随便search一下答案很快就出来了.这里就先copy一份答案吧. <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js">&l

首先,自从使用链式调用的写法后,就一发不可收拾的喜爱上了这种优雅的方式.不管是写架构还是写模块,我都会不自觉的使用这种最优雅的方式.链式写法既减少了代码量,又非常优雅的. 在使用 egret 的http请求时,发现代码量很大,而且比较繁琐,不能每次都要写这么多的代码吧--那来看看正常的写法是什么: getTest(): void { //一点也不优雅 var loader: egret.URLLoader = new egret.URLLoader(); loader.dataFormat =

参考文献: http://bbs.egret-labs.org/thread-267-3-1.html http://docs.egret-labs.org/post/manual/threelibs/uselibs.html 假设我的项目在c:\egret\demo 1. 项目发布后,有一个index.html,添加一段js: <script type="text/javascript">// http://bbs.egret-labs.org/forum.php?mod

一个抄袭FlexLite抄的连自己思想都没有,别人精髓都不懂的垃圾框架.也不学学MornUI,好歹有点自己想法. 先来个最小可用集合吧: 1. egret create legogame --type gui.生成一个带gui的项目. 2. 用webstorm打开这个傻逼项目. 3. 修改theme.thm: { "skins": { "egret.gui.Button":"skins.simple.ButtonSkin" } } 4. 修改re

UnistrokeRecognizer 单笔手写识别.手势识别 UnistrokeRecognizer : https://github.com/RichLiu1023/UnistrokeRecognizer ===>顺便点个星 此版本可以在 Egret 中直接使用. 此库的识别率非常高,完美解决我游戏中的手势! 1.自定义手势库,灵活定义各种手势 2.用量角器(快)识别算法 3.黄金分割搜索算法 Demo 使用Egret,可以自定义手势. //自定义手势添加 addGesture(name:

感觉这个算法经常会用到,前段时间写过一次,现在push出来.原理是有两个数组,一个数组存放随机数,然后从另一个数组提取相关的数,然后把另一个数组的大小-1,remove掉这个数,unity里也是这个原理,用的是链表list 需要改写哈. public getRandomArray(max:number,returnnum:number): Array<number> {        //egret.log(" --- max" + max);        //egret

前言: 昨天的文章中简单的介绍了Egret白鹭引擎从安装到基本的使用配置等问题,今天着重介绍H5小游戏开发的起步阶段,如Wing面板的使用,素材的处理,类的说明,开始布局等等. 整体概况: 根据上一篇文章的提示,我们找到index.html,将帧率data-frame-rate修改成60.根据设计图宽高,我将data-content-width设成640,data-content-height设成1038: 就是下图不包括微信工具栏的高度.至于适配模式我先设成exactFit,以canvas的渲

android开发之背景音乐与音效 一:添加背景音乐(MediaPlayer) MediaPlayer class can be used to control playback of audio/video files and streams.MediaPlayer 类是用来控制音频和视频文件的播放: 实例化MediaPlayer的方法: 直接new的方式: MediaPlayer mp = new MediaPlayer(); 使用create的方式,如: MediaPlayer mp =

在html网页中加入背景音乐并设置为循环播放.一开始用<embed>标签,设置loop="true", 但是结果发现在IE浏览器可以,但是在chrome浏览器却无法实现循环,播放完一次自动停止了. <EMBED src="2.mp3" width=100 height=100 hidden="no" loop="true" Repeat="true" playcount="tru

火狐,chrome背景音乐 http://www.w3school.com.cn/tags/tag_audio.asp js插入背景音乐,猴油脚本使用 var audio = document.createElement('audio'); audio.src = 'http://www.w3school.com.cn/i/horse.ogg'; audio.autoplay = "autoplay"; document.body.appendChild(audio);

大部分游戏里有很多个场景,场景之间需要切换,有时候切换的时候会进行背景音乐的播放和停止,因此对这块内容进行了总结. 场景切换生命周期 场景切换用到的函数: bool Setting::init() { if( !Layer::init() ) { returnfalse; } log("Settinginit"); ...... returntrue; } void Setting::onEnter() { Layer::onEnter(); log("SettingonEn

在游戏中,音效是一个不可或缺的部分,它可以为我们的游戏增加效果.音效在游戏中一般分为长时间的背景音乐和短促的特效音乐.Cocos2D-x支持多种常见音乐格式(mp3.wav等). Cocos2D-x提供了一个非常简单的跨平台声音引擎,它被包含在CocosDenshion库(编译生成libCocosDenshion.lib)中,目录结构如下:   上图可以看出,Cocos2D-x的声音引擎支持多个平台,我们这里使用的是win32平台. 在include目录中有一个SimpleAudioEngine

循环调用.只能设置boolean,不能设置循环次数. egret.Tween.).call(()=>{ console.log("循环调用"); }) 每次改变时,调用onChange函数.发现Tween默认调用时间是20ms左右一次. protected startCreateScene(): void { egret.Tween.},); } ; private onChange(){ var now = egret.getTimer(); console.log(now-

前言: 在上一篇文章中着重介绍了H5小游戏开发的起步阶段,如Wing面板的使用,素材的处理,类的说明等等,那么今天主要是涉及到场景的创建,loading的修改等等的代码编写. 对于这一节,我在讲解的过程中会使用到众多的类或对象,对于它们的具体用法,建议查看白鹭官方文档. 文档地址:http://edn.egret.com/cn/docs/page/639 修改Loading 上一节我们讲到即将创建场景createGameScene()的时候就结束了,这一节在我们正常创建场景之前,我们先修改一下l

前言: 好久没更新博客了,以前很多都不会,所以常常写博客总结,倒是现在有点点经验了就懒了.在过去的几个月里,在canvas游戏框架方面,撸过了CreateJS,玩得了Egret,又学过PIXI.js.在移动前端方面,尤其是小游戏开始有一点点小经验了.但只是小经验,为什么说是小经验? 首先,深度不足,虽然用得最熟最多的白鹭,可是习惯了JavaScript,对TypeScript的OOP编程掌握得还不够:其次,对Egret等游戏框架了解的广度还不够,还有相当部分用法没用到.虽然能够应付朋友圈里传播的

在游戏中,我们一般会有各种各样的二级页面,比如游戏暂停界面或者游戏结束界面,这些界面组成了对玩家交互主要手段,在游戏开发中,对于这些界面的coding组织是非常有学问的,如果倒退到十年前,游戏开发的老前辈们一定孜孜不倦的上课如何设计好“易读”“可维护”“逻辑清晰”的界面代码,本人曾深陷其中变得对代码抠抠索索,结果事倍功半,原因是什么?老前辈们的一个项目或一段代码可能是长期维护长期使用的,而现在的高速code和超短的产品生命周期,使得完全不用规划那么好的交互代码,有时候可能过几个月自己的代码都不认