微信_小游戏_canvas_基础_笔记9
本来打算写解构官方的打飞机小游戏
奈何水平不够,而且自己也卡在其中,
始终无法成功循环调用 class 中的 drawimage 函数,
第一次OK,后续调用报错img没有数据,一直无法解决
休息了好几天,
自己挖的坑,自己埋
决定把之前埋的坑填了
废话不多说了,上代码
/** 画布基础数据 */
let ctx = canvas.getContext("2d");
let cw = ctx.canvas.width; // canvas 宽
let ch = ctx.canvas.height; // canvas 高
console.log("s11_ctx",cw,ch,ctx);
/** 建立需要引用的数据 */
let img_up = new Image();
let [img_up_width,img_up_height] = [0,0];
let img_dw = new Image();
let [img_dw_width,img_dw_height] = [0,0];
let i = 0; // 游动动作
let sp = 0; // 运动方向 0下移 1上移
let s = 8; // 运动步数 (决定鱼每帧移动距离))
let cx = cw/2; // 画布中起始x的位置
let cy = 0; // 画布中起始y的位置
wx.setPreferredFramesPerSecond(8