Instantly share code, notes, and snippets.

Embed
What would you like to do?
Phaser 3 Example
<!DOCTYPE html>
<html>
<head>
<script src="https://cdn.jsdelivr.net/npm/phaser@3.15.1/dist/phaser-arcade-physics.min.js"></script>
</head>
<body>
<script>
var config = {
type: Phaser.AUTO,
width: 800,
height: 600,
physics: {
default: 'arcade',
arcade: {
gravity: { y: 200 }
}
},
scene: {
preload: preload,
create: create
}
};
var game = new Phaser.Game(config);
function preload ()
{
this.load.setBaseURL('http://labs.phaser.io');
this.load.image('sky', 'assets/skies/space3.png');
this.load.image('logo', 'assets/sprites/phaser3-logo.png');
this.load.image('red', 'assets/particles/red.png');
}
function create ()
{
this.add.image(400, 300, 'sky');
var particles = this.add.particles('red');
var emitter = particles.createEmitter({
speed: 100,
scale: { start: 1, end: 0 },
blendMode: 'ADD'
});
var logo = this.physics.add.image(400, 100, 'logo');
logo.setVelocity(100, 200);
logo.setBounce(1, 1);
logo.setCollideWorldBounds(true);
emitter.startFollow(logo);
}
</script>
</body>
</html>
@davids994

This comment has been minimized.

Copy link

davids994 commented Mar 1, 2018

cdcm

@lomeat

This comment has been minimized.

Copy link

lomeat commented Aug 3, 2018

серьезно? Я блять зашел сюда за архитектурой кода, проекта, но сука не той же копией, что в посте написана. Пиздец конечно крутой совет

@designbyadrian

This comment has been minimized.

Copy link

designbyadrian commented Aug 13, 2018

BlendMode 'ADD', doesn't seem to work in Chrome.

@frob

This comment has been minimized.

Copy link

frob commented Aug 20, 2018

ADD doesn't work in Firefox either. I changed it to NORMAL and it works.

@frob

This comment has been minimized.

Copy link

frob commented Aug 20, 2018

Looks like none of the WebGL modes that are listed here

@peter-chea

This comment has been minimized.

Copy link

peter-chea commented Aug 23, 2018

For anyone else experiencing similar issues with the blend modes, blendMode: 'ADD' and blendMode: Phaser.BlendModes.ADD both work for me on both Firefox and Chrome. I managed to get the sky and red particle asset from https://github.com/photonstorm/phaser-examples/tree/master/examples/assets and downloaded 'assets/sprites/phaser.png' instead of 'phaser-3-logo.png'. Hopefully this information helps someone.

@aR-Dee

This comment has been minimized.

Copy link

aR-Dee commented Sep 5, 2018

Seems that when you try to load local images and later on this.load.setBaseURL it seems to append the URL even to previously loaded ones. Description of this function states otherwise (that it adds URL "...from this point on..."). Anyone had such issue?

@adrian-castravete

This comment has been minimized.

Copy link

adrian-castravete commented Nov 25, 2018

For those having problems with the ADD blend mode. I downloaded the phaser.js from the main site and the files from those locations. I doubt the files have anything to do with the problem at hand, because everything worked fine when I used add as the blend mode (all lowercase).

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment