var e=Object.defineProperty,o=(o,t,s)=>(((o,t,s)=>{t in o?e(o,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):o[t]=s})(o,"symbol"!=typeof t?t+"":t,s),s);import{g as t,r as s,l as i,s as a,o as n,c as l,w as m,h as p,d as g,b as h,m as c,p as r,f as b,j as d,k as u}from"./index-22fb332c.js";import{H as f,_ as w}from"./Hilo.70feeeab.js";import{U as y,Y as x,P as _,_ as k}from"./Page.692802d8.js";const S={Mixes:f.EventMixin,fire:f.EventMixin.fire,on:f.EventMixin.on,off:f.EventMixin.off,queue:null,bg:null,man:null,bom:null,ground:null,ready:null,over:null,numberGlyphs:null,birdAtlas:null,holdback:null,load:function(){let e="https://ssl.ycxxkj.com/demo_list/game_test1/dist/build/h5";var o=[{id:"bg",src:e+"/static/images/map.jpg"},{id:"man",src:e+"/static/images/man.png"},{id:"bom",src:e+"/static/images/bom.png"}];console.log("#debug#🚀 ~ file: Asset.ts:24 ~ resources:",o),this.queue=new f.LoadQueue,this.queue.add(o),this.queue.on("complete",this.onComplete.bind(this)),this.queue.start()},onComplete:function(e){console.log("#debug#🚀 ~ file: Asset.ts:33 ~  Asset onComplete: Asset"),this.bg=this.queue.get("bg").content,this.man=new f.TextureAtlas({image:this.queue.get("man").content,width:204,height:375,frames:{frameWidth:204,frameHeight:375,numFrames:13},sprites:{man:{from:0,to:12}}}),this.bom=new f.TextureAtlas({image:this.queue.get("bom").content,width:137,height:135.31,frames:{frameWidth:137,frameHeight:135.31,numFrames:16},sprites:{bom:{from:0,to:12}}}),this.queue.off("complete"),this.fire("complete")}};let Y;console.log("#debug#🚀 ~ file: game.ts:2 ~ Hilo:",f),console.log("#debug#🚀 ~ file: game.ts:4 ~ Asset:",S);let v,X,L=1381,G=1043,T=0,C=0,B=0,M=[{x:1400,y:1e3,bomX:1250,bomY:1100,position:1,bomShow:!0,workLong:1e3,step:0},{x:1300,y:1050,bomX:1150,bomY:1100,position:1,bomShow:!0,workLong:1e3,step:1},{x:1180,y:1060,bomX:1050,bomY:1100,position:1,bomShow:!0,workLong:1e3,step:2},{x:1100,y:1060,bomX:920,bomY:1100,position:1,bomShow:!0,workLong:1e3,step:3},{x:980,y:1030,bomX:720,bomY:980,position:1,bomShow:!0,workLong:1e3,step:4},{x:720,y:900,bomX:600,bomY:930,position:1,bomShow:!0,workLong:3e3,step:5},{x:620,y:850,bomX:500,bomY:900,position:1,bomShow:!0,workLong:1e3,step:6},{x:520,y:800,bomX:420,bomY:1100,position:1,bomShow:!0,workLong:1e3,step:7},{x:450,y:1050,bomX:220,bomY:1060,position:1,bomShow:!0,workLong:2e3,step:8},{x:220,y:980,bomX:230,bomY:720,position:1,bomShow:!0,workLong:4e3,step:9},{x:340,y:650,bomX:250,bomY:640,position:-1,bomShow:!0,workLong:3e3,step:10},{x:370,y:580,bomX:260,bomY:540,position:-1,bomShow:!0,workLong:1e3,step:11},{x:390,y:480,bomX:320,bomY:390,position:-1,bomShow:!0,workLong:1e3,step:12},{x:430,y:320,bomX:460,bomY:280,position:-1,bomShow:!0,workLong:3e3,step:13},{x:560,y:200,bomX:460,bomY:180,position:-1,bomShow:!0,workLong:2e3,step:14},{x:560,y:100,bomX:730,bomY:80,position:-1,bomShow:!0,workLong:1e3,step:15},{x:860,y:30,bomX:830,bomY:80,position:-1,bomShow:!0,workLong:3e3,step:16}];class A{constructor(e,t=375,s=667){o(this,"stage"),o(this,"asset"),o(this,"bg"),o(this,"width"),o(this,"height"),o(this,"scale",.5),o(this,"man"),o(this,"bom"),o(this,"playing",!1),this.width=t,this.height=s,C=2086,B=1.324065196548418*C,this.stage=Y=new f.Stage({renderType:"canvas",container:e,width:t,height:s,scaleX:this.scale,scaleY:this.scale});var i=[100,100,0,0];X=new f.Camera({width:t,height:s,bounds:[0,0,L-t+100,0],deadzone:i}),v=(new f.Container).addTo(Y),S.on("complete",(()=>{S.off("complete"),this.init()})),S.load();var a=new f.Ticker(60);a.addTick(Y),a.addTick(f.Tween),a.addTick(X),a.addTick({tick:function(){v.x=-X.scroll.x,v.y=-X.scroll.y}}),a.start()}init(){let e=S.bg,o=2*this.height/C;T=this.width*o*2-B,console.log("#debug#🚀 ~ file: Game.ts:68 ~ Game ~ init ~ bmpHeight:",B,C,o,T),console.log("#debug#🚀 ~ file: Game.ts:72 ~ Game ~ init ~ this.height:",this.height),new f.Bitmap({id:"bg",image:e,rect:[0,0,L,G],x:0,y:0,scaleX:o,scaleY:o}).addTo(v),this.initMan()}initMan(){this.bom=new f.Sprite({frames:S.bom.getSprite("bom"),x:M[0].bomX,y:M[0].bomY,scaleX:1,scaleY:1,interval:8,timeBased:!1,loop:!0,paused:!0,
//!stepArray[0].bomShow,
onUpdate:function(){}}).addTo(v),console.log("#debug#🚀 ~ file: game.ts:90 ~ Game ~ initMan ~ bom:",this.bom),console.log("#debug#🚀 ~ file: game.ts:65 ~ Game ~ initMan ~ Asset.getman:",S.man),S.man.getSprite("man"),this.man=new f.Sprite({frames:S.man.getSprite("man"),x:M[0].x,y:M[0].y,scaleX:.5*M[0].position,scaleY:.5,interval:5,timeBased:!1,loop:!0,paused:!0,onUpdate:function(){}}).addTo(v),this.man.speed=2,X.follow(this.man),console.log("#debug#🚀 ~ file: game.ts:78 ~ Game ~ initMan ~ this.man:",this.man),this.animotion()}animotion(){this.playing=!0,console.log("#debug#🚀 ~ file: Game.ts:181 ~ Game ~ 开始动画 "),y.toast("开始播放动画"),this.man,this.man.x=M[0].x,this.man.y=M[0].y,this.man.scaleX=.5*M[0].position,this.goStep(1),console.log("#debug#🚀 ~ file: Game.ts:181 ~ Game ~ 结束动画 ")}async goStep(e){let o=this,t=this.man,s=this.bom;M[e].bomShow&&(s.alpha=1,s.paused=!M[e].bomShow,s.x=M[e-1].bomX,s.y=M[e-1].bomY,await x.delay(2500),s.paused=!0,s.alpha=0),t.paused=!1,t.scaleX=.5*M[e].position,f.Tween.to(t,{x:M[e].x,y:M[e].y},{duration:M[e].workLong,onComplete:function(){t.paused=!0,console.log("complete 完成第",e,"步,数组步数",M[e].step,t),e==M.length-1&&(o.playing=!1,y.toast("播放动画完毕")),e<M.length-1?(console.log("#debug#🚀 ~ file: Game.ts:209 ~ Game ~ goStep ~ stepArray.length:",M.length),o.goStep(e+1)):this.playing=!1}})}startBom(){console.log("#debug#🚀 ~ file: game.ts:102 ~ Game ~ startBom ~ startBom:"),this.bom.x=parseInt((651*Math.random()).toString())+50,this.bom.y=parseInt((451*Math.random()).toString())+50,this.bom.paused=!1,this.bom.alpha=1}stopBom(){console.log("#debug#🚀 ~ file: game.ts:107 ~ Game ~ stopBom ~ stopBom:"),this.bom.paused=!0,this.bom.alpha=0}}const q=k(t({__name:"index1",setup(e){let o;s("Hello");const t=()=>{o.playing?_.YcUniapp.toast("请动画结束后再播放"):o.animotion()},f=()=>{o.goLeft()},y=()=>{o.startBom()},x=()=>{o.goUp()},k=()=>{o.goRight()},S=()=>{o.goDown()},Y=()=>{o.stopBom()};return i((async()=>{a({title:"动画演示"}),await _.Yc.delay(100),(()=>{let e=document.getElementById("game-container"),t=r();console.log("#debug#🚀 ~ file: index.vue:22 ~ init ~ sysinfo:",t);let s=t.pixelRatio;console.log("#debug#🚀 ~ file: index.vue:22 ~ init ~ devicePixelRatio:",s),e.style.height="667px",e.style.width="375px",o=new A(e,750,1334)})()})),(e,o)=>{const s=b,i=d(u("u-button"),w);return n(),l(s,{class:"page"},{default:m((()=>[p(s,{class:"p20 tc"},{default:m((()=>[g("红军长征动画")])),_:1}),p(s,{class:"canvas_box pos_r"},{default:m((()=>[h(' <view class="tc p20 titlebar">canvas演示</view> '),h(' <canvas id="canvasId" class="canvas" /> '),c("div",{id:"game-container",class:"bg_ff game_container"})])),_:1}),p(s,{class:"p20 tc"},{default:m((()=>[p(i,{type:"primary",onClick:t,class:"w200"},{default:m((()=>[g("重新播放")])),_:1})])),_:1}),p(s,{class:"dis_none"},{default:m((()=>[p(s,{class:"tl mt20 text_color_tips pl20"},{default:m((()=>[g("为方便演示动画，提供功能按钮看效果")])),_:1}),p(s,{class:"dis_flex_align_between_center p20"},{default:m((()=>[p(s,{class:"left dis_flex"},{default:m((()=>[p(i,{type:"primary",onClick:y,class:"w100"},{default:m((()=>[g("开炮")])),_:1}),p(i,{type:"primary",onClick:Y,class:"ml30 w100"},{default:m((()=>[g("停炮")])),_:1})])),_:1}),p(s,{class:"w300 tc"},{default:m((()=>[p(i,{class:"w100",type:"primary",onClick:x},{default:m((()=>[g("向上")])),_:1}),p(s,{class:"dis_flex_align_between_center mt20 mb20"},{default:m((()=>[p(i,{type:"primary",class:"w100",onClick:f},{default:m((()=>[g("向左")])),_:1}),p(i,{type:"primary",class:"w100",onClick:k},{default:m((()=>[g("向右")])),_:1})])),_:1}),p(i,{type:"primary",class:"w100",onClick:S},{default:m((()=>[g("向下")])),_:1})])),_:1})])),_:1})])),_:1})])),_:1})}}}),[["__scopeId","data-v-a7562da9"]]);export{q as default};