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 >>
Voici l'explication d'une class SQL faite par Jarod (
www.webinformatic.fr) avec l'aide de fonctions de Raymond Irving. Cette class permet, entre autre, de se connecter à une base, de faire des requêtes, de supprimer des données, et bien d'autre choses encore.
L'initialisation
Voici quelques variables à définir avant tout pour le bon fonctionnement de cette class.
/**
* Préfixe de vos tables dans la base de donnée.
*/
public $prefixe;
/**
* Identifie de manière unique la connexion courante au serveur.
* (Id est retourné par mysql_connect)
*/
public $link_id;
public $query_result;
/**
* Permet de retourner le nombre de requête effectué.
* Variable initialisé à 0 bien évidemment.
*/
public $nb_requete = 0;
Le constructeur
Tout d'abord, comme vous pouvez le deviner, commençons par le constructeur.
Il permet la connexion à la base de donnée.
function __construct($db_host, $db_username, $db_password, $db_name, $db_prefixe) {
// connexion à la base de donnée ,
// récupération de l'id de connexion si celle-ci a réussi.
$this->prefixe = $db_prefixe;
$this->link_id = @mysql_connect($db_host, $db_username, $db_password);
// si on a un ID de retour, on a bien une connexion au serveur donc on peut continuer en
// sélectionnant la base de donnée demandée.
if ($this->link_id) {
if (@mysql_select_db($db_name, $this->link_id))
// si la base existe, on retourne l'identifiant synonyme d'une connexion réussie.
return $this->link_id;
else // sinon on arrˆte tout et on retourne une erreur
die('Impossible de sélectionner la base de données: '.mysql_error());
}
else
die('Impossible de se connecter au serveur MySQL: '.mysql_error());
}
Voilà pour ce qui est du constructeur.
Vous suivez ? Alors on continue ...
Lire la suite >>
Le code HTML
Tout d'abord, inserez dans votre page, le code suivant :
<a class="infobulle" href="#">texte<span>infobulle</span></a>
Placez votre le texte à la place du mot 'texte'. Et placez le contenu de l'infobulle entre les balises .
Voilà en ce qui concerne le code HTML.
Rappel : n'oubliez pas d'appeler la feuille de style entre vos balises <head></head>
Le code CSS
a.infobulle {
/* on définit le lien présent dans la balise info */
position: relative;
color: blue;
font-style : italic;
text-decoration: none;
}
a.infobulle span {
/* on cache l'infobulle */
display: none;
}
a.infobulle:hover {
/* aucun arrière plan */
background: none;
/* On définit une valeur pour que l'info bulle s'affiche au dessus du texte */
z-index: 10;
}
a.infobulle:hover span {
/* on affiche l'infobulle en ligne */
display: inline;
/* on définit la position du block */
position: absolute;
/* on change la valeur de la propriété white-space pour éviter les retours à la ligne */
white-space: nowrap;
/* on positionne notre infobulle */
top: 30px;
left: 20px;
/* couleur de l'arrière plan */
background-color: white;
/* couleur du texte */
color: blue;
/* marge interne */
padding: 3px;
/* bord de l'info bulle */
border: 1px solid blue;
border-left: 3px solid blue;
}
Lire la suite >>
