phaser 基本入门使用

最新推荐文章于 2024-08-16 10:09:58 发布

十八流选手益达张

最新推荐文章于 2024-08-16 10:09:58 发布

阅读量970

点赞数

分类专栏： phaser 文章标签：游戏开发

本文链接：https://blog.csdn.net/u013108007/article/details/107887907

版权

这篇博客介绍了如何初始化一个基于Phaser的游戏开发项目，包括安装Webpack、配置开发环境，设置.babelrc和tsconfig.json文件，以及创建基本的index.html、index.ts和webpack.config.js文件，最终实现一个简单的游戏效果。

摘要由CSDN通过智能技术生成

初始化项目

npm init  -y

安装webpack

npm i webpack@next -D  //yarn add  webpack@next

安装webpack cli

npm i webpack-cli@next -D  //yarn add  webpack-cli@next

配置 “dev”: “webpack --mode development”

安装phaser

npm i phaser -D  //yarn  add  phaser

安装babel-load

npm i @babel/preset-env -D //yarn  add
npm i @babel/core -D
npm i @babel/preset-typescript -D

index.ts

import {
    AUTO, Game, Scene } from "phaser";
class Demo extends Scene {
   
    constructor() {
   
        super("demo");//继承父类 并传入名字
    }
    public preload() {
    //j静态资源
        this.load.setBaseURL('http://labs.phaser.io');//
        this.load.image('sky', 'assets/skies/space3.png');//静态资源 图片地址 官方
        this