Sign in to follow this  

Scaling an image down

Recommended Posts

How do I scale, or resize, an image in javascript with phaser's framework? 

I have tried a few different things but they do not seem to be working. I am using a weapon method to throw a pokeball, this is just a test using some code from, so the other images aren't mine, I am just testing to try and get the pokeball to be thrown, but it is freaking huge right now!

Please help me, I need the pokeball to be about 10x10 px because my character is 64x64.


var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { preload: preload, create: create, update: update, render: render });

function preload() {

    game.load.image('bullet', 'Pokeball.png', .01, .01);
    game.load.image('ship', 'tiles1.png');


var sprite;
var weapon;
var cursors;
var fireButton;

function create() {

    //  Creates 1 single bullet, using the 'bullet' graphic
    weapon = game.add.weapon(1, 'bullet');
    weapon.scale.setTo(.5, .5);

    //  The bullet will be automatically killed when it leaves the world bounds
    weapon.bulletKillType = Phaser.Weapon.KILL_WORLD_BOUNDS;

    //  Because our bullet is drawn facing up, we need to offset its rotation:
    weapon.bulletAngleOffset = 90;

    //  The speed at which the bullet is fired
    weapon.bulletSpeed = 400;

    sprite = this.add.sprite(320, 500, 'ship');


    //  Tell the Weapon to track the 'player' Sprite, offset by 14px horizontally, 0 vertically
    weapon.trackSprite(sprite, 14, 0);

    cursors = this.input.keyboard.createCursorKeys();

    fireButton = this.input.keyboard.addKey(Phaser.KeyCode.SPACEBAR);


function update() {

    sprite.body.velocity.x = 0;

    if (cursors.left.isDown)
        sprite.body.velocity.x = -200;
    else if (cursors.right.isDown)
        sprite.body.velocity.x = 200;

    if (fireButton.isDown)


function render() {




Share this post

Link to post
Share on other sites

Do you have the console open?

weapon.scale.setTo(.5, .5);

should give you an error since Weapons have no scale property.

Weapons do have a bullets property that is a Group. The Group contains Sprites. Groups have a setAll method. setAll can modify scale values (as 'scale.x' and 'scale.y').

Share this post

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.