.eslrntic.js 可以删除，是小程序的
game.js 小游戏的入口程序的文件，名字不能乱改
game.json 小游戏的配置文件，用于设置titlebar或tabbar(不可删，但是也用不到)
project.config.json 小程序项目全局配置文件（项目开发过程中的设置）
project.private.config.json 小程序私有配置文件
audio 存放音频文件
images 存放图片文件
绘制矩形案例
修改game.js
import './js/libs/weapp-adapter'
import './js/libs/symbol'
let ctx= canvas.getContext("2d");
ctx.fillStyle="blue";
ctx.strokeStyle="red";
ctx.lineWidth="2px";
ctx.fillRect(50,100,200,100);
显示文字案例
修改game.js
import './js/libs/weapp-adapter'
import './js/libs/symbol'
let ctx= canvas.getContext("2d");
ctx.fillStyle="blue";
ctx.font="32px Arial";
ctx.fillText("得分:",10,42);
清除绘画区案例
修改game.js
import './js/libs/weapp-adapter'
import './js/libs/symbol'
let ctx= canvas.getContext("2d");
ctx.fillStyle="blue";
ctx.font="32px Arial";
ctx.fillText("得分:",10,42);
ctx.clearRect(0,0,window.innerWidth,window.innerHeight);
显示背景图片案例
修改game.js
import './js/libs/weapp-adapter'
import './js/libs/symbol'
let ctx= canvas.getContext("2d");
let img= new Image();
img.src= "./images/bg.jpg";
img.onload= ()=>{
console.log(img.width,img.height);
ctx.drawImage(img,0,0,img.width,img.height,0,0,375,667);
}
综合案例
修改game.js
import './js/libs/weapp-adapter'
import './js/libs/symbol'
let ctx= canvas.getContext("2d");
let img= new Image();
img.src= "./images/bg.jpg";
img.onload= ()=>{
ctx.drawImage(img,0,0,img.width,img.height,0,0,375,667);
ctx.fillStyle="blue";
ctx.strokeStyle="red";
ctx.lineWidth="2px";
ctx.fillRect(50,100,200,100);
ctx.font="32px Arial";
ctx.fillText("得分:",10,42);
}
