【phaser微信抖音小游戏开发002】hello world！

原创

已于 2023-07-31 11:59:17 修改 · 2.1k 阅读

标签

#phaser #小游戏 #微信小游戏 #抖音小游戏

收录于

于 2023-07-31 11:24:33 首次发布

该代码示例展示了如何在game.js中导入weapp-adapter和Phaser库，设置窗口宽高，创建游戏配置，并定义预加载、创建和更新函数。通过添加和启动状态，建立了一个简单的微信小游戏项目。解压提供的文件包后导入到微信开发者工具即可运行。

执行效果：

将以下代码文本内容，放入到game.js中即可。目录结构如下图

/upfiles/addon/sj14/media/20230731/1690773603_e60535.png

import './js/libs/weapp-adapter'
import './js/libs/symbol'

GameGlobal.window.scrollTo = () => {
};//防止真机出错
import Phaser from './js/phaser'//引入Phaser

var {windowWidth, windowHeight} = wx.getSystemInfoSync();//定义宽高
var config = {
    width: windowWidth,
    height: windowHeight,
    canvas: canvas,//这个canvas是微信适配器导出的全局使用的canvas
    renderer: Phaser.WEBGL,//渲染用这个速度更快
    transparent: false,
    antialias: false
};
var game = new Phaser.Game(config);
//创建一个默认的state
export default class index extends Phaser.State{
    preload(){//预加载
        console.i