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

news2024/9/21 22:31:33

执行效果:

将以下代码文本内容,放入到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.info("preload!");
    }
    create(){//创建执行函数 
        console.info("create==>");
    }
    update(){//周期性执行的函数

    }
}
game.state.add("index",new index());//将index添加到场景
game.state.start("index");//启动场景

/upfiles/addon/sj14/media/20230731/1690773527_1467df.png

下载的解压包包含如下内容,将其解压后,导入到微信开发者工具即可,地址为:

/upfiles/addon/sj14/media/20230731/1690773374_38020f.png

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/815371.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

9条建议告诉你如何正确处理PCB设计布线

一、关于PCB布线线宽 1、布线首先应满足工厂加工能力,首先向客户确认生产厂家,确认其生产能力,如图1所示。如客户无要求,线宽参考阻抗设计模板。 图1 PCB板厂线宽要求 2、阻抗模板,根据客户提供的板厚及层数要求&…

vue中使用axios发送请求时,后端同一个session获取不到值

问题描述: 在登录页面加载完成后通过axios请求后端验证码接口(这时后端会生成一个session用于保存验证码数值),当输入完用户名、密码、验证码后请求登录接口,报错验证码输入错误,打印后端保存验证码的sessi…

C1. Dual (Easy Version)(正负号转换)

题目:Problem - C1 - Codeforces 总结: 首先:对于全正数和全负数的数组求非减序列构造很是简单 紧接着:对于有正有负的数组可以将其转化为统一符号 最后符号统一方案: 找出绝对值最大的数并将每个数都将加上该绝对…

SSM电影推荐系统【纯干货分享,免费领源码03073】

目 录 摘 要 Abstract 第1章 前 言 1.1 研究背景 1.2 研究现状 1.3 系统开发目标 第2章 技术与原理 2.1 开发技术 2 2.2 ssm框架介绍 2 2.3 MySQL数据库 2 2.4 B/S结构 2 第3章 需求分析 3.1 需求分析 3.2 系统可行性分析 3.3 项目设计目标与原则 3.4…

添加IP白名单的方法,你知道几个?

在各种网络操作中,不同网站和服务可能会对来源IP地址进行限制,为了正常访问,我们需要将自己的IP地址添加到白名单中。本文将为您详细介绍添加IP白名单的几种方法以及它们之间的优劣比较,同时分享可能遇到的问题和解决方案。 方法…

mac 下用brew快速安装CommandLineTools

有时候用git 就会提示安装CommandLineTools ,xcode太大又不想安装,怎么办呢我们可以试下下面的方式 什么是Brew: Brew是Mac OS X下的一个包管理器,可以方便地安装、升级和卸载很多常用的软件包 在mac下如何安装呢: …

linux网卡命名规则

Consistent Network Device Naming Linux provides methods for consistent(一致) and predictable(可预测) network device naming for network interfaces. These features change the name of network interfaces on a system in order to make locating and different…

Java8实战-总结9

Java8实战-总结9 Lambda表达式把Lambda付诸实践:环绕执行模式第1步:记得行为参数化第2步:使用函数式接口来传递行为第3步:执行一个行为第4步:传递Lambda 使用函数式接口PredicateConsumerFunction原始类型特化 Lambda表…

mybatis plus 的一些使用

简介 官网:http://mp.baomidou.com/ 参考教程:https://baomidou.com/pages/24112f/ MyBatis-Plus(简称 MP)是一个 MyBatis 的增强工具,在 MyBatis 的基础上只做增强不做改变,为简化开发、提高效率而生。 …

web前端框架Javascript之JavaScript 异步编程史

早期的 Web 应用中,与后台进行交互时,需要进行 form 表单的提交,然后在页面刷新后给用户反馈结果。在页面刷新过程中,后台会重新返回一段 HTML 代码,这段 HTML 中的大部分内容与之前页面基本相同,这势必造成…

同样是跨端框架,React会不会被VUE取代?

看到知乎上有比较多的类似问题,正好这两个框架在以往的一些项目中都有实践过,就借着本篇文章说说我个人的看法。 先摆个结论:不会,毕竟各有千秋,除非跨端框架有被更好的概念所替代,又或者App已经彻底过气了…

PoseiSwap:通过 RWA 的全新叙事,反哺 Nautilus Chain 生态

PoseiSwap 是 Nautilus Chain 上的首个 DEX,作为目前行业内模块化区块链叙事的早期奉行者,PoseiSwap 也得到了较高的市场关注。基于 Nautilus Chain,PoseiSwap 打造了一个全新的 Rollup 应用层,并通过零知识证明来建立全新的订单簿…

6个月、21天,GoldenDB分布式数据库核心系统落地中移动

近日,2023“鼎新杯”数字化转型应用大赛入围名单公示,山东移动基于GoldenDB分布式数据库的CRM&BOSS核心系统自主创新实践成功入选。该项目是中兴通讯与中国移动在数据库关键领域的又一个合作范例。 核心系统业务量大,分布式转型迫在眉睫 …

C语言指针进阶-1

本篇文章带来 1. 字符指针 2. 数组指针 3. 指针数组的相关知识详细讲解! 如果您觉得文章不错,期待你的一键三连哦,你的鼓励是我创作的动力之源,让我们一起加油,一起奔跑,让我们顶峰相见!&#…

Qt信号与槽机制的本质

引入 对象与对象之间的通信有多个方式,如果我们要提供一种对象之间的通信机制。这种机制,要能够给两个不同对象中的函数建立映射关系,前者被调用时后者也能被自动调用。 再深入一些,两个对象如果都互相不知道对方的存在&#xff…

229. 多数元素 II

229. 多数元素 II 原题链接:完成情况:解题思路:参考代码: 原题链接: 229. 多数元素 II https://leetcode.cn/problems/majority-element-ii/description/ 完成情况: 解题思路: 我们用哈希统…

想学嵌入式开发,薪资怎么样?

对于嵌入式工程师来说呢,它重点学习内容就是首先一定要打好基础,如果从编程语言角度来讲,那么可以在语言上选C或者C,你可以选择其中任何一门语言作为你的入门。当然从入门角度来讲,其实C语言要比C要容易一些&#xff0…

flag{网鼎杯之java代码审计入门} - file-in-java[ctf]

一、赛题截图 二、接口测试 我们先上传文件抓包,发送到repeter 响应如下 我们使用下载接口去下载一个不存在的文件,回显“资源被删除” - 说明系统可能去查找了这个文件,那我们能不能去下载/etc/passwd文件,但是还不知道相对…

HTML5中的data-*属性

介绍&#xff1a; data-*全局属性是一类被称为自定义数据属性的属性&#xff0c;它赋予我们在所有 HTML 元素上嵌入自定义数据属性的能力。 data-*的使用 <div class"child" data-name"小红" data-age"18"></div> 在js里有两种获…

无涯教程-jQuery - height( val )方法函数

height(val)方法设置每个匹配元素的CSS高度。 height( val ) - 语法 selector.height( val ) 这是此方法使用的所有参数的描述- val - 这是元素的高度。如果未指定任何显式单位(如em或&#xff05;)&#xff0c;则将" px"连接到该值。 height( val ) - 示例…