Ir al contenido principal

Learning easeljs Day#4

So, I decided that I wanted to practice and learn my JavaScript skills doing video games. I wasn't sure with what I should begin, as I have try this several times and fail.

So I found this library easeljs. It's really easy to use it.
This post and the future ones, are to share, part of the code and explain some of the things I had issues to manage, probably this can help somebody.


See the Pen Running-Scripts V2 by Diego (@diegotc) on CodePen.


    function init() {    
    stage = new createjs.Stage("demoCanvas");
    circle = new createjs.Shape();
    spriteSheet = new createjs.SpriteSheet({
        framerate: 5,
        "images": ["man2_rt1.gif","man2_rt2.gif","man2_Up_rt1.gif","man2_Up_rt2.gif","man2_Down_rt1.gif","man2_Down_rt2.gif"],
        "frames": {"regX": 16, "height": 32, "count": 6, "regY": 0, "width": 32},
        "animations": {
           "runRight":{
               frames: [1,0],
               next: "runRight",
               speed: 1
           },
           "runUp":{
                frames: [3,2],
                next: "runUp",
                speed: 1
           },
           "runDown":{
            frames: [5,4],
            next: "runDown",
            speed: 1
       },
           "stopRight": [0,"stopRight",0],
           "stopUp": [2,"stopUp",2],
           "stopDown": [4,"stopUp",4]
        }
    });

    grant = new createjs.Sprite(spriteSheet, "stopRight");
    grant.x = 50;
    grant.y = 50;
    
    circle.graphics.beginFill("black").drawCircle(x,y,10);
    
    stage.addChild(grant);
    stage.addChild(circle);
    createjs.Ticker.addEventListener("tick", tickFn);
    createjs.Ticker.on('tick',tick);
    createjs.Ticker.setFPS(15);
    stage.update();
};

When I create new spreadsheet, I select the first frame, that I want the sprite to begin, so in this is the stop image

grant = new createjs.Sprite(spriteSheet, "stopRight");

Comentarios

  1. Bovada is still updating its web site with new betting alternatives; it launched horse betting relatively just lately and its live dealers have gotten increasingly popular. Although this web site is a bit ‘clunky’ in terms of|when it comes to|by means of} accessibility, it’s undoubtedly a legit and safe crypto gambling platform. In our opinion, BitStarz considered one of the|is amongst the|is doubtless one of the} finest Bitcoin gambling websites outcome of|as a end result of} it’s obtained all the bases covered; from online security to a great number of games, bonuses, and transparency, BitStarz is all that you've got|that you have} been in search of and more. Some individuals say that buying and selling in a stock market is a type of gambling. Others, however, insist that purchasing and selling shares is investing, and never betting. The stock market is the whole 1xbet market the place merchants buy and sell shares.

    ResponderEliminar

Publicar un comentario

Entradas populares de este blog

Que buscaron los hondureños en Google en el 2017

Se han preguntando que buscan los catrachos en Internet? Les traemos un resumen de las busquedas de este 2017 en Honduras.

Pre order your Super Smash Bros. Ultimate for Nintendo Switch

Are you fan of Super Smash Bros! Don't wait until the last minute, you can pre order you Super Smash Bros Ultimate here This new game has stages and fighters are joined by the combined rosters of every past Super Smash Bros game. If you buy it, you will be enjoying this Limited Time Offer: Piranha Plant Playable Fighter. Buy Super Smash Bros. Ultimate and register your game with My Nintendo by 11:59 PM on Jan. 31, 2019 and get Piranha Plant in your game for free.

Access to AWS Postgres instance in private subnet

I have been working with AWS in the last days and encounter some issues when using RDS.  Generally when you're working in development environment you have setup your database as Publicly accessible and this isn't an issue. But when you're working in Production. So we place the Amazon RDS database into a private subnet. What we need to do for connecting to the database using PgAdmin or other tool? We're going to use one of the most common methods for doing this. You will need to launch an Amazon EC2 instance in the public subnet and then use it as jumping box. So after you have your EC2, you will need to run the following command. See explantion below After this, you will need to configure your PgAdmin. The host name will be your localhost, the port is the same you define in the above command. Maintenance database will be your DB name and the username you have for connecting. Hope this helps you connect to your databases.