Il y a quelques temps, je me suis lancé dans le développement d'un Tower Defense. Mais voilà, avec le boulot, et les projets qui s'accumulent, je ne suis pas allé bien loin.

Toutes fois, j'avais implémenté la création du niveau, des monstres, et leurs déplacements.

Ce code peut toujours vous servir de point de départ.

Voici les sources (commentées), mais si toutes fois, vous avez besoin de compléments d'infos, laissez un commentaire.

Main.hx

class Main {
	public static function main():Void {
		new TowerDefense(flash.Lib.current);
	}
}

Lire la suite >>

Pré-requis

haxelib install TweenerHX

Structure du fichier XML

                       
    First photo                 
    slide2.jpg 
    Description
  
                       
    2 photo                 
    slide3.jpg 
    Description 2
  

Chargement des données

Lire la suite >>

La classe TextField permet d'ajouter du texte dans une application Flash, zone de texte ou zone de saisie. Mais lorsqu'on souhaite utiliser beaucoup d'occurrence de celle-ci, et des les animer, il se peut que les performances en prennent un gros coup. Pour optimiser tout ceci, il suffit de passer par la classe Bitmap.

La classe Bitmap permet, quand à elle, de représenter des objets d'affichage. Elle va donc nous permettre de transformer nos textes en images. Voici comment faire :

import flash.display.Bitmap;
import flash.display.BitmapData;
import flash.text.TextField;

var monTexte : TextField = new TextField();
monTexte.text = "Hello World";
monTexte.autosize = flash.text.TextFieldAutoSize.LEFT;

var bmp : BitmapData = new BitmapData(monTexte.width, monTexte.height);
bmp.draw(monTexte);

var bitmap : Bitmap = new Bitmap(bmp);
addChild(bitmap);

Une petite optimisation qui peut vraiment être utile lors du développement de grosses applications utilisant beaucoup de zone de texte.

Lire la suite >>

Pré-requis :

• Le SDK de Flex (téléchargeable ici).
• Les librairies AS3 de Mochiads (téléchargeable ici).
• et bien évidemment haXe et SWFmill.

Intégrer les classes Mochiads à notre projet

Décompressez l'archive contenant les librairies de Mochiads, puis lancez la commande suivante :

compc -source-path . -output mochi.swc -include-classes mochi.as3.MochiAd mochi.as3.MochiDigits mochi.as3.MochiScores mochi.as3.MochiServices

Vous avez maintenant un fichier swc.

Un fichier swc est une archive contenant un fichier swf correspondant aux librairies, ainsi que d'autres ressources ne nous intéressant pas.

Récupérez le fichier library.swf (sous Windows, renommez le fichier en .zip).
Nous allons maintenant générer les entêtes des classes avec la commande :

Lire la suite >>

// récupération de la couleur de départ de l'objet
var myColor:ColorTransform = myObject.transform.colorTransform;
// on lui affecte maintenant la couleur qu'on souhaite
myColor.color = 0x000000; // la valeur hexa de ma couleur
// puis on l'applique à notre objet
myObject.transform.colorTransform = myColor;

myColor : ColorTransform = new ColorTransform(0,0,0,1,redValue,greenValue,blueValue,0);
myObject.transform.colorTransform = myColor;

Lire la suite >>

/**
 * Création d'un rectangle contenant un dégradé
 */
var degrade : Shape = new Shape();
// Bordures du rectangle
degrade.graphics.lineStyle(2, 0x0043AB);
			
// Matrice de transformation du dégradé
var matrice:Matrix = new Matrix();
matrice.createGradientBox(250, 50); // largeur et hauteur du dégradé
	
degrade.graphics.beginGradientFill(GradientType.LINEAR, [0xA7C04A, 0xAD7FA8], [1, 1], [0, 255], matrice);
degrade.graphics.drawRect(0, 0, 250, 50);
		
degrade.graphics.endFill();
		
addChild(degrade);

• le type de dégradé (LINEAR ou RADIAL)
• le tableau des couleurs
• le tableau des opacités de chaque couleur
• le tableau de positionnement des couleurs
• la matrice de transformation de type flash.geom.Matrix (optionnelle)

Lire la suite >>

Après avoir développé quelques players audio en flash, je ne m'étais jamais interessé à l'utilisation d'un Sound Spectrum (ou spectre sonore en français).

C'est chose faite ! Voici mes deux premiers tests :
Le premier correspond à une ligne qui bouge, et le second à une suite de cercles.
(musique : Moqawama par DJad)

Lire la suite >>

Un petit test en 3D avec haXe. Rotation d'une surface en utilisant la 3D "native" de flash10.
Voici le code source avec les explications nécessaires :

Lire la suite >>

Voici une classe qui vous permettra de sécuriser un minimum vos jeux ou applications flash.

Voici le code source :

class Sitelock {
    // liste des urls autorisées
    private static var urls_allowed : Array<String>;
    
    public static function init(list : Array<String> = null):Void {
        urls_allowed = list;
    }

    /**
     * @params :
     *    _url : url de provenance
     */
    public static function check(_url:String):Bool {
        var lock : Bool = true;
        var domain_parts = _url.split("://"); // on enleve le ://
        var real_domain : Array<String> = domain_parts[1].split("/");
        // on parcours le tableau a la recherche de l'url
        for (x in urls_allowed) {
            if (x == real_domain[0]) {// si le domaine est correct
                return false;
            }
        }
        return true;
    }
}

Lire la suite >>

Les relations 1:n ne sont pas réellement plus compliquées que les relations 1:1.
Pour ce faire, nous allons partir d'un exemple simple et expliquer le déroulement des opérations l'une après l'autre.

Prennons le cas d'une personne qui possède une voiture. Une voiture est possédée par 1 et 1 seule personne, alors qu'une personne peut posseder 1 ou n voitures.

Notre classe voiture :

class Voiture extends neko.db.Object {
    public var id : Int;
    public var nom : String;
    public var id_proprietaire : Int;
    static var TABLE_NAME = "Voiture";
    static var TABLE_IDS = ["id"];

    static function RELATIONS(){ 
        return[{prop:"idU", key:"proprietaireId", manager:User.manager}];
    }

    public var proprietaireId : Int;
    public var idU(dynamic, dynamic):User;
}

Le manager de la voiture, qui possède une methode qui va récuperer la liste des voitures comportant l'identifiant du propriétaire passe en paramètre :

Lire la suite >>

Dans toute application web, nous avons souvent besoin de relations inter-table. Dans ce tuto nous allons voir les relations 1:1 en prenant par exemple un site sur une école.

Prennons la table élève, un élève possède un parrain, et un professeur est parrain au maximum d'un élève.

Voici en images les deux tables :

Elles restent relativement simple. Chaque personne (élève ou professeur) possède un identifiant, un nom et un identifiant qui permet de connaitre soit le parrain, soit le filleul.

Tout d'abord, nous devons créer les deux classes propres à chaque table.

Lire la suite >>

Commencons par le code

var root : MovieClip = flash.Lib.current; 
root.stop();
root.loaderInfo.addEventListener (ProgressEvent.PROGRESS, function(event:ProgressEvent)
{
    var pcent:Float=event.bytesLoaded/event.bytesTotal*100;
    trace("Chargement : "+pcent+"%");
    if(pcent==100) root.gotoAndStop(2)
}
);

Quelques explications :

Lire la suite >>

Vous souhaitez enlever, voir personnaliser le menu qui apparait par defaut lors d'un clic droit ?

Alors voilà comment il faut faire. C'est relativement simple, mais fort utile.

Tout d'abord, voici comment l'enlever :

var menu = new flash.ui.ContextMenu();
menu.hideBuiltInItems();
flash.Lib.current.contextMenu = menu;

Et maintenant, pour ajouter un nouvel élément :

var nouvelItem = new flash.ui.ContextMenuItem("Texte a afficher", true, true, true);
// on ajoute une action sur le bouton

nouvelItem.addEventListener(flash.events.ContextMenuEvent.MENU_ITEM_SELECT, function(e){
    flash.Lib.getURL(new flash.net.URLRequest("http://revolugame.com"), "_self");
}
menu.customItems.push(nouvelItem);

Lire la suite >>

But de ce tutoriel : créer un système de drag and drop d'un élément entre deux Sprites. Notre élément prendra la forme d'un cercle rouge, et nos conteneurs la forme de deux carrés bleus.

Le code

Lire la suite >>

Plutôt que de mettre le code en entier, je préfère faire quelques explications sur les parties les plus importante à mon goût. En ce qui concerne l'utilisation et la gestion des movieClips, je vous renvoie sur le tuto du même nom.

Création des niveaux

Le plus simple est d'utiliser un tableau pour chaque niveau.

bricks = new Array();
for ( y in 0...15 ) { // taille de mes niveaux
    for ( x in 0...12 ) {
        if (tabNiveau[y][x] == 1) {
            var newBrick:Brick = new Brick();
            // On fait les espacements nécessaires
            newBrick.x = 25*x;
            newBrick.y = 11*y+Cst.WALL_TOP+2;
// la variable Cst.WALL_TOP est une constante stockée dans le fichier Cst.hx dans la classe du même nom
            mv_main.addChild(newBrick);
            bricks.push(newBrick); // on met la cellule en fin de tableau
        }
    }
}

Mouvement de la raquette

Lire la suite >>

Introduction

Avant de d'aller plus loin, il faut savoir que pour utiliser des images en ActionScript (et de la même façon avec haXe) nous avons besoin de les ajouter à une librairie, ou bibliothèque. Pour importer un clip (ou Movie Clip) dans la librairie, deux approches sont possibles. La première consiste à utiliser le logiciel propriétaire de Adobe : Adobe Flash CS3 (ou +). Les inconvénients sont bien évidemment les suivants : tout d'abord, la licence coûte assez cher (A partir de 836€ pour la version complète), ensuite l'environnement du logiciel est plutôt pénible et long à prendre en mains de par ses nombreuses options. Mais bien évidemment, ce logiciel est réellement utile si vous n'êtes pas familié avec le langage ActionScript et peut s'avérer assez rapide après la phase d'apprentissage.

Quelques captures de Flash CS3 :

La deuxième façon consiste à utiliser une librairie sous licence GNU GPL : SWFMill.

SWFMill est une librairie qui permet de générer des fichiers swf à partir de fichier xml ou xslt. Ses avantages sont bien évidemment sa gratuité mais également sa simplicité d'utilisation.

Utilisation de SWFMill

Pour commencer, nous allons créer une librairie contenant une seule image. Pour ce faire, ouvrez votre éditeur de texte, et saisissez :

Lire la suite >>