Categories
Giochi HTML5 Tutorial Tutorial JavaScript

Realizzare Giochi in HTML5 Ep. V: Introduzione a CreateJS

Il nostro primo esperimento

This post is part of the series Realizzare Giochi in HTML5

Other posts in this series:

  1. Realizzare giochi con i Canvas di HTML5 e JavaScript Ep. I
  2. Realizzare un Gioco in HTML5 Ep. II: Disegnare sui Canvas
  3. Realizzare un Gioco in HTML5 Ep. III: Animare gli elementi

Creaimo subito un esempio utilizzando questo Framework, non dobbiamo fare altro che includerlo in pagina, in questo modo:

<script src="https://code.createjs.com/createjs-2015.11.26.min.js"></script>

Dopo di che possiamo subito utilizzarlo per disegnare un cerchio blu, in questo modo:

var canvas,
    stage,
    circle;

function init() {
    canvas = document.getElementById('myCanvas');
    stage = new createjs.Stage(canvas);
    circle = new createjs.Shape();

    circle.graphics.beginFill("#006699");
    circle.graphics.drawCircle(0,0,30);
    circle.graphics.endFill();
    stage.addChild(circle);

    circle.x = 50;
    circle.y = 50;

    stage.update();
}

window.onload = init;

Non sembra molto rispetto a quello che avevamo realizzato senza nessun Framework, allora il vantaggio qual è?

Continue reading this series:

Leave a Reply

Your email address will not be published. Required fields are marked *