phaser学习笔记:物理系统arcade基础平台

import Phaser from 'phaser'

class GameScene extends Phaser.Scene {
   
  constructor() {
   
    super({
    key: 'GameScene' })
    // 平台
    this.platforms = null
    // 移动的平台
    this.movingPlatform = null
    // 游戏角色
    this.player = null
    // 星星
    this.stars = null
    // 操作按键
    this.cursors = null
  }

  preload() {
   
    // 加载游戏素材资源
    // 基本路径
    this.load.path = 'assets/example/physics/basicPlatform/'
    // 具体文件
    this.load.image('sky', 'sky.png')
    this.load.image('ground', 'platform.png')
    this.load.image('star', 'star.png')
    this.load.spritesheet('dude', 'dude.png', {
    frameWidth: 32, frameHeight: 48 })
  }

  create() {
   
    // 添加天空背景
    // 添加进去的元素,默认origin是0.5 0.5,也就是居中的
    this.add.image(400, 300, 'sky')
    // 底部静止不动平台
    this.platforms = this.physics.add.staticGroup(
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
根据你提供的引用内容,当出现"phaser Uncaught TypeError: Cannot read properties of undefined (reading 'image')"的错误时,这通常意味着你在代码中尝试读取一个未定义的属性'image'。这个错误可能是由于在钩子函数运行过程中,操作了一个未渲染的DOM元素,然后将v-if改成了v-show来解决问题。v-if和v-show在渲染方式上有所不同。具体来说,v-if是惰性渲染的,当初始值为false时,组件不会渲染,生命周期钩子也不会执行;当初始值为true时,组件会进行渲染,并依次执行beforeCreate、created、beforeMount和mounted钩子。而v-show则是基于CSS的显示与隐藏,元素始终被渲染,只是通过CSS控制其显示与隐藏。 因此,如果你在代码中使用了v-if,并在mounted钩子中引用了一个未渲染的DOM元素,那么当初始值为false时,该DOM元素是不存在的,因此尝试读取其属性'image'会导致上述错误的发生。 为了解决这个问题,你可以检查一下代码中是否正确使用了v-if和v-show,并确保在引用一个DOM元素的属性之前,该元素已经被正确渲染。此外,你还可以在开发过程中使用debugger语句或者console.log来调试代码,查看具体出错的位置和原因,以便更好地定位和解决问题。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [Cannot read properties of null (reading ‘style‘)前端错误记录211020](https://blog.csdn.net/web15285868498/article/details/123052596)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值