Comments (4)
These is my code:
in GameTest.vue
<template>
<div class="game-test-box">
<ion-phaser
:game.prop="game"
:initialize.prop="initialize"
class="mine-box" />
</div>
</template>
<script>
import Phaser from 'phaser';
import 'phaser/plugins/spine/dist/SpinePlugin';
import SymbolScene from '@/scripts/scene/SymbolScene';
export default {
data() {
return {
initialize: false,
game: {
width: 664,
height: 1152,
transparent: true,
type: Phaser.AUTO,
plugins: {
scene: [{ key: 'SpinePlugin', plugin: window.SpinePlugin, mapping: 'spine' }],
},
scene: [SymbolScene],
},
};
},
created() {
this.initialize = true;
},
};
</script>
in SymbolScene.js
import Phaser from 'phaser';
export default class SymbolScene extends Phaser.Scene {
constructor() {
super({
key: 'SymbolScene',
});
}
preload() {
this.load.setPath('assets/');
this.load.image('gamePic', 'spine/game/skeleton.png');
this.load.spine('gameSpine', 'spine/game/skeleton.json', ['spine/game/skeleton.atlas'], true);
}
create() {
this.add.spine(50, 50, 'gameSpine');
}
After update to 1.3.0, it has been solved.
Thank you.
from ion-phaser.
Can you share a code example please?
from ion-phaser.
Please try the last version and let me know, thanks!
from ion-phaser.
Awesome, thanks for letting me know! <3
from ion-phaser.
Related Issues (20)
- How to upgrade to Phaser 3.52.0 HOT 14
- How do I declare functions in phaser using vue? HOT 8
- Issue while using with Vue 3 - Canvas not loaded HOT 8
- Using a custom `Phaser.Game` class HOT 1
- How to use with phaser 2? HOT 1
- Property 'ion-phaser' does not exist on type 'JSX.IntrinsicElements' HOT 2
- Next.js: ReferenceError: Phaser is not defined HOT 3
- image cannot be loaded HOT 3
- use in Taro HOT 3
- How to load a web picture HOT 1
- Interested making it work with next.js HOT 20
- React HTMLIonPhgaissue HOT 1
- Access Vue this from the scene object HOT 6
- Failed to parse source map warnings - @ion-phaser/react HOT 1
- Support React v17 HOT 3
- [Question] Is it possible to use reactive properties inside ion-phaser?
- Some functions are missing HOT 3
- Support React 18
- can not reinitialize after destroy becauseof plugin HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from ion-phaser.