Phaser笔记-Phaser适配WeChat

最新推荐文章于 2024-09-22 07:12:45 发布

IT1995

最新推荐文章于 2024-09-22 07:12:45 发布

阅读量2.5k

点赞数

分类专栏： phaser JavaScript 文章标签：微信 javascript 开发语言 phaser

本文链接：https://blog.csdn.net/qq78442761/article/details/129237057

版权

JavaScript 同时被 2 个专栏收录

60 篇文章

订阅专栏

phaser

5 篇文章

订阅专栏

文章介绍了如何从Github下载并集成eastecho的WeChatGame-phaser项目到微信小游戏开发环境中。首先下载所需库，然后在main.js中导入并配置Phaser依赖，最后在game.js中进行实例化。这个过程展示了Phaser在微信小游戏平台上的应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

首先将这个大佬的Github下载下来，他已经做好了适配

GitHub - eastecho/WeChatGame-phaser: A demo running phaser.js in WeChat game platform.

用微信开发工具创建一个小游戏项目。

将git上下载的包放到libs/gamelibs

在main.js中添加：

import BootState from "./states/BootState";
import PreLoadState from "./states/PreLoadState";

/**
 * Import Phaser dependencies using `expose-loader`.
 * This makes then available globally and it's something required by Phaser.
 * The order matters since Phaser needs them available before it is imported.
 */

window.PIXI = require('libs/gamelibs/pixi.min.js')
window.p2 = require('libs/gamelibs/p2.min.js')
window.Phaser = require('libs/gamelibs/phaser-split.min.js')
window.scrollTo = function() {}

/**
 * Create a new Phaser game instance.
 * And render a single sprite so we make sure it works.
 */

let phGame;

export default class Main {

    constructor(){


        let {windowWidth, windowHeight} = wx.getSystemInfoSync();

        const conf = {
            width: windowWidth,
            height: windowHeight,
            canvas: canvas,
            renderer: Phaser.WEBGL,
            transparent: false,
            antialias: false,
            scaleMode: Phaser.ScaleManager.EXACT_FIT,
            state: { preload: this.preload, create: this.create, update: this.update, pointer: this.pointDown },
        }

        phGame = new Phaser.Game(conf);
    }

    preload(){

    }

    create(){
        
    }

}

game.js改成如下：

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

import Main from './js/main'

new Main();