{"id":709,"date":"2020-07-04T10:29:37","date_gmt":"2020-07-04T02:29:37","guid":{"rendered":"http:\/\/blog.xrhoujie.com\/?p=709"},"modified":"2020-07-10T16:49:51","modified_gmt":"2020-07-10T08:49:51","slug":"egret%e5%bc%80%e5%8f%91%e8%b6%b3%e7%90%83%e7%ab%9e%e7%8c%9c%e6%b8%b8%e6%88%8f%e4%b8%80","status":"publish","type":"post","link":"http:\/\/blog.xrhoujie.com\/?p=709","title":{"rendered":"egret\u5f00\u53d1\u8db3\u7403\u7ade\u731c\u6e38\u620f"},"content":{"rendered":"

\u524d\u6bb5\u65f6\u95f4\u7ffb\u9605\u81ea\u5df1\u7684\u9879\u76ee\u65f6\uff0c\u53d1\u73b0\u4e86\u4e00\u6b3e\u5f88\u591a\u5e74\u524d\u5199\u7684\u4e00\u4e2a\u5165\u53e3\u7ade\u731c\u5c0f\u6e38\u620f\uff0c<\/p>\n

\u5927\u81f4\u770b\u4e86\u4e00\u4e0b\u53d1\u73b0\u8fd9\u4e2ademo\u5f88\u9002\u5408\u5165\u95e8\u65b0\u624b\u6765\u53c2\u8003<\/p>\n

\u5148\u6765\u770b\u4e0b\u5f00\u53d1\u65f6\u6240\u9700\u8981\u7684\u76ee\u5f55\u7ed3\u6784\uff0c<\/p>\n

\"\"<\/p>\n

 <\/p>\n

\u8fd9\u91cc\u9762\u7684ball.ts \u4e0e ball.exml\u6587\u4ef6\u662f\u6e38\u620f\u7684\u6838\u5fc3\u4ee3\u7801\u6587\u4ef6\uff0c\u4e00\u4e2a\u662f\u4ee3\u7801\u811a\u672c\uff0c\u4e00\u4e2a\u662feui\u6587\u4ef6 \uff0c<\/p>\n

\u770b\u4e0bball\u7684\u4ee3\u7801\u5185\u5bb9<\/p>\n

 <\/p>\n


\nclass ball extends eui.Component implements eui.UIComponent {<\/code><\/p>\n

\/\/\u795e\u68cd\u6309\u94ae
\npublic btn_start: eui.Button;
\n\/\/\u8db3\u7403\u56fe\u7247
\npublic img_ball: eui.Image;
\n\/\/Win\u56fe\u7247
\npublic win_Top: eui.Image;
\npublic win_Buttom: eui.Image;
\npublic i: number = 1;
\npublic tw: egret.Tween;
\n\/\/\u7528\u4e8e\u5224\u5b9a\u8f93\u8d62\u76840 – 1\u7684\u968f\u673a\u6570
\nrandom: number;
\nprivate btnbool: Boolean = true;<\/p>\n

private audioCurrent;<\/p>\n

private _sound: egret.Sound;<\/p>\n

public constructor() {
\nsuper();
\nthis.skinName = “resource\/gameSkins\/ball.exml”;
\nthis.addEventListener(egret.Event.ADDED_TO_STAGE, this.startGame, this);
\n}
\nprivate startGame():void{<\/p>\n

}<\/p>\n

protected partAdded(partName: string, instance: any): void {
\nsuper.partAdded(partName, instance);
\n}<\/p>\n

protected childrenCreated(): void {
\nsuper.childrenCreated();
\nthis.startLoad();
\n}
\nprivate startLoad() {
\nthis.loadBgSound();
\nthis.loadImages();
\n}
\nprivate loadImages() {
\nvar loader: egret.ImageLoader = new egret.ImageLoader();
\nloader.addEventListener(egret.Event.COMPLETE, this.loadComplate, this)
\nvar url: string = ‘resource\/assets\/ballImgs.png’
\nloader.load(url)
\n}
\nprivate loadBgSound() {
\nthis.audioCurrent = new SoundExample();
\n}
\nprivate loadComplate() {
\nthis.btn_start.addEventListener(egret.TouchEvent.TOUCH_TAP,
\nthis.onButtonClick, this);
\nthis.img_ball.addEventListener(egret.TouchEvent.TOUCH_TAP, this.playTweenAnim, this)
\n}<\/p>\n

\/\/\u70b9\u51fb\u795e\u68cd\uff0c\u8db3\u7403\u5f00\u59cb\u7f13\u52a8
\nprivate onButtonClick(e: egret.TouchEvent) {<\/p>\n

if (this.btnbool) {
\nthis.img_ball.source = ‘resource\/assets\/ballImgs.png’
\nthis.btnbool = false;
\n} else {
\nthis.img_ball.source = ‘resource\/assets\/ballImg.png’
\nthis.btnbool = true;
\n}<\/p>\n

switch (this.i) {
\ncase 1:\/\/\u5f00\u59cb\u6e38\u620f
\nthis.ballTween();
\nthis.i++;
\nthis.btn_start.currentState = “pause”;
\nbreak;
\ncase 2:\/\/\u6682\u505c\u6e38\u620f
\nthis.tw.setPaused(true);
\nthis.btn_start.currentState = “resume”;
\nthis.i++;
\nbreak;
\ncase 3:\/\/\u7ee7\u7eed\u6e38\u620f
\nthis.tw.setPaused(false);
\nthis.btn_start.currentState = “pause”;
\nthis.i = 2;
\nbreak;
\ncase 4:\/\/\u91cd\u65b0\u5f00\u59cb
\n\/\/\u5c06win\u56fe\u7247\u8bbe\u7f6e\u4e3a\u4e0d\u53ef\u89c1
\nthis.win_Top.visible = false;
\nthis.win_Buttom.visible = false;
\n\/\/\u5c06\u8db3\u7403\u56fe\u7247\u4f4d\u7f6e\u5c45\u4e2d
\nthis.img_ball.x = this.stage.width \/ 2;
\nthis.img_ball.y = this.stage.height \/ 2;
\nthis.i = 1;
\nthis.btn_start.currentState = “up”
\nbreak;
\n}
\n}<\/p>\n

\/**
\n* \u8db3\u7403\u7f13\u52a8
\n*\/
\nprivate ballTween() {
\nthis.random = Math.random();
\nif (this.random < 0.5) { \/\/\u83b7\u53d6\u7403\u6267\u884ctween\u52a8\u753b this.tw = egret.Tween.get(this.img_ball) this.tw.to({ y: 1000 }, 250).to({ y: 120 }, 500).to({ y: 1000 }, 500) .to({ y: 120 }, 500).to({ y: 1000 }, 500).to({ y: 120 }, 500).call(() => {
\nthis.win_Buttom.visible = true;
\nthis.btn_start.currentState = “reset”;
\nthis.i = 4;
\n});
\n}
\nelse if (this.random > 0.5) {
\nthis.tw = egret.Tween.get(this.img_ball)
\nthis.tw.to({ y: 1000 }, 250).to({ y: 120 }, 500).to({ y: 1000 }, 500)
\n.to({ y: 120 }, 500).to({ y: 1000 }, 500).call(() => {
\nthis.win_Top.visible = true;
\nthis.btn_start.currentState = “reset”;
\nthis.i = 4;
\n});
\n}
\n}
\nprivate playTweenAnim() {
\n\/\/ \u56fe\u7247\u7f29\u653e\u52a8\u753b
\nthis.playBallZoom(this.img_ball)
\n\/\/ \u56fe\u7247\u65cb\u8f6c\u52a8\u753b
\nthis.playBallrotation(this.img_ball)
\n\/\/ \u64ad\u653e\u97f3\u9891
\nvar url:string = “resource\/assets\/Sound\/sound_click.mp3”;
\nthis.audioCurrent.startLoadMusic(url);<\/p>\n

}
\nprivate _nScaleBase: number;
\n\/\/\u5b9a\u4e49\u7f29\u653e\u7cfb\u6570
\nprivate static STEP_SCALE: number = .3;
\n\/\/\u5b9a\u4e49\u65cb\u8f6c\u89d2\u5ea6
\nprivate static STEP_ROT: number = 3;<\/p>\n

private _channel: egret.SoundChannel;<\/p>\n

private _pauseTime: number = 0;<\/p>\n

private playBallZoom(e) {
\nthis._nScaleBase = 0;
\nthis.addEventListener(egret.Event.ENTER_FRAME, (evt: egret.Event) => {
\ne.scaleX = e.scaleY = 0.8 + 0.2 * Math.abs(Math.sin(this._nScaleBase += ball.STEP_SCALE));
\n}, this)
\n}
\nprivate playBallrotation(e) {
\nthis.addEventListener(egret.Event.ENTER_FRAME, (evt: egret.Event) => {
\ne.rotation += ball.STEP_ROT;
\n}, this)
\n}
\n}<\/p>\n

ball.exml\u5185\u5bb9
\n
\n<\/p>\n

<\/code><\/p>\n

 <\/p>\n

\u6e90\u7801\u653e\u5230github\u5427 \uff1ahttps:\/\/github.com\/894658027\/HTML5-Games\/tree\/master\/Egret\/egret2d\/ballGame<\/p>\n","protected":false},"excerpt":{"rendered":"

\u524d\u6bb5\u65f6\u95f4\u7ffb\u9605\u81ea\u5df1\u7684\u9879\u76ee\u65f6\uff0c\u53d1\u73b0\u4e86\u4e00\u6b3e\u5f88\u591a\u5e74\u524d\u5199\u7684\u4e00\u4e2a\u5165\u53e3\u7ade\u731c\u5c0f\u6e38\u620f\uff0c \u5927\u81f4\u770b\u4e86\u4e00\u4e0b\u53d1\u73b0\u8fd9\u4e2ademo\u5f88\u9002\u5408\u5165\u95e8\u65b0 […]<\/p>\n","protected":false},"author":1,"featured_media":469,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[15],"_links":{"self":[{"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/posts\/709"}],"collection":[{"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=709"}],"version-history":[{"count":4,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/posts\/709\/revisions"}],"predecessor-version":[{"id":726,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/posts\/709\/revisions\/726"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/media\/469"}],"wp:attachment":[{"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=709"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=709"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=709"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}