TUTORIEL 1 : Création et déplacement d'un personnage
Utilisez Google-image afin de trouver l'image du personnage principal de votre jeu et effectuez une capture-écran nommé perso.png
Utilisez GIMP,
A) ouvrez votre image
B) utilisez Menu Calque + transparence + Ajouter un canal alpha
C) en utilisant l'outil de sélection contigue, et/ou l'outil de sélection par couleur (double-clic pour régler le seuil au besoin) et/ou l'efface et/ou l'outil de découpage , supprimez les éléments non désirés de votre image
D) Exportez votre image au sous le nom perso.png
Utilisez cette commande dans le terminal pour redimensionner votre image
mogrify -resize 40x40 perso.png
ou
Utilisez GIMP + menu Image + Échelle et taille de l'image + dimensions 40x40
Exportez votre image au sous le nom perso.png
Lancez Tululoo à partir du navigateur de fichier dans le répertoire /home/cb/LinuxTululoo130
Si Tululoo n'est pas installé, installez Tululoo en tapant dans le terminal :
wget http://www.tululoo.com/linuxtululoo130.zip && unzip ./linuxtululoo130.zip && rm linuxtululoo130.zip et
Lancez Tululoo à partir du navigateur de fichier dans le répertoire /home/cb/LinuxTululoo130
IMPORTANT : Utilisez le menu FILE + PREFERENCES + EXPORT afin de régler les répertoires IMAGE FOLDER et AUDIO FOLDER à ./
Ajoutez une SPRITE nommé "spr_perso" à partir de votre image perso.png
Ajoutez un OBJET nommé "obj_perso" à partir de votre sprite "spr_perso"
Ajoutez une SCENE et placez votre objet "obj_perso"
Dans l'onglet OBJETS, double-cliquez sur votre "obj_perso" et ajoutez un événement STEP
Insérez ce script pour cet événement afin de déplacer votre personnage:
if ( keyboard_check( vk_right )) {
x = x + 5;
}
if ( keyboard_check( vk_left )) {
x = x - 5;
}
if ( keyboard_check( vk_up )) {
y = y - 5;
}
if ( keyboard_check( vk_down )) {
y = y + 5;
}
Enregistrez votre travail sous le nom votrenom1
Testez votre jeu (touche F5)
Dans votre espace de téléchargement, créez un répertoire nommé tululoo1
Téléchargez vos fichiers dans ce répertoire
Dans votre page de correction , ajoutez un titre de niveau 1 contenant le titre du tutoriel et un LIEN vers votre page index.html
TUTORIEL 2 : Collision avec un mur
Trouvez et effectuez une capture-écran nommé mur.png d'un objet utilisé pour créer un mur dans votre jeu
Utilisez GIMP ou cette commande dans le terminal pour redimensionner votre image
mogrify -resize 40x40 mur.png
Lancez Tululoo à partir du navigateur de fichier dans le répertoire /home/cb/LinuxTululoo130
Ouvrez le jeu que vous avez créé au tutoriel 1
Enregistrez-le sous le nom votrenom2
Trouvez et enregistrez une image sous le nom bg.png à afficher en arrière-plan de votre jeu de dimension minimale 640x480
Redimensionnez au besoin cette image en tapant dans le terminal :
mogrify -resize 1280x960 bg.png
Ajoutez un arrière-plan (BACKGROUND) en utilisant l'image bg.png
Ajoutez ce "background" à votre SCENE et modifiez la dimension (scene size) de votre SCENE selon les dimensions de votre image (1280x960)
DANS L'ONGLET SCENE, faire suivre votre personnage principal par la caméra en réglant :
OBJECT TO FOLLOW : obj_perso
Ajoutez un SPRITE nommé "spr_mur" à partir de votre image mur.png
Ajoutez un OBJET nommé "obj_mur" à partir de votre sprite "spr_mur"
Utilisez votre SCENE1 et placez votre objet "obj_mur" à plusieurs endroits
Dans l'onglet OBJETS, double-cliquez sur votre "obj_perso" et ajoutez un événement COLLISION sur le mur
Insérez ce script pour cet événement afin de repositionner votre personnage après une collision sur le mur:
x = xprevious;
y = yprevious;
Enregistrez votre travail sous votre nom
Testez votre jeu (touche F5)
Dans votre espace de téléchargement, créez un répertoire nommé tululoo2
Téléchargez vos fichiers dans ce répertoire
Dans votre page de correction , ajoutez un titre de niveau 1 contenant le titre du tutoriel et un LIEN vers votre page index.html
TUTORIEL 3 : Ramassage d'objets
Trouvez et effectuez une capture-écran nommé pomme.png d'un objet utilisé pour créer un objet à rammaser dans votre jeu
Utilisez GIMP ou cette commande dans le terminal pour redimensionner votre image
mogrify -resize 40x40 pomme.png
Lancez Tululoo à partir du navigateur de fichier dans le répertoire /home/cb/LinuxTululoo130
Ouvrez le jeu que vous avez créé au tutoriel 2
Enregistrez-le sous le nom votrenom3
Ajoutez une SPRITE nommé "spr_pomme" à partir de votre image pomme.png
Ajoutez un OBJET nommé "obj_pomme" à partir de votre sprite "spr_pomme"
Double cliquez votre SCENE et placez votre objet "obj_pomme" à plusieurs endroits
Dans l'onglet OBJETS, double-cliquez sur votre "obj_pomme" et ajoutez un événement COLLISION sur le personnage principal
Insérez ce script pour cet événement afn de ramasser la pomme
instance_destroy();
Testez votre jeu (touche F5)
Dans votre espace de téléchargement, créez un répertoire nommé tululoo3
Téléchargez vos fichiers dans ce répertoire
Dans votre page de correction , ajoutez un titre de niveau 1 contenant le TITRE DU TUTORIEL
Dans votre page de correction , ajoutez LIEN vers votre page index.html
TUTORIEL 4 : Création d'une bombe sur barre espace
Trouvez et effectuez une capture-écran nommé bombe.png d'un objet utilisé pour créer une bombe
Utilisez GIMP ou cette commande dans le terminal pour redimensionner votre image
mogrify -resize 40x40 bombe.png
Lancez Tululoo à partir du navigateur de fichier dans le répertoire /home/cb/LinuxTululoo130
Ouvrez le jeu que vous avez créé au tutoriel précédent
Enregistrez-le sous le nom votrenom4
Ajoutez une SPRITE nommé "spr_bombe" à partir de votre image bombe.png
Ajoutez un OBJET nommé "obj_bombe" à partir de votre sprite "spr_bombe"
Utilisez votre SCENE1 et placez votre objet "obj_pomme" à plusieurs endroits
Dans l'onglet OBJETS, double-cliquez sur votre "obj_bombe" et ajoutez un événement STEP
Insérez ce script pour cet événement afin de préciser le positionnement de votre bombe
image_angle = image_angle + 1;
Dans l'onglet OBJETS, double-cliquez sur votre "obj_perso" et ajoutez un événement STEP
Insérez ce script pour cet événement afin de préciser qu'une bombe doit être créée lors de l'utilisation de la touche espace
if ( keyboard_check_pressed( vk_space )) {
new_bombe = instance_create( x + 20, y, obj_bombe );
}
Testez votre jeu (touche F5)
Dans votre espace de téléchargement, créez un répertoire nommé tululoo4
Téléchargez vos fichiers dans ce répertoire
Dans votre page de correction , ajoutez un titre de niveau 1 contenant le titre du tutoriel et un LIEN vers votre page index.html
TUTORIEL 5 : Ajouter un chronomètre sur la bombe
Lancez Tululoo à partir du navigateur de fichier dans le répertoire /home/cb/LinuxTululoo130
Ouvrez le jeu que vous avez créé au tutoriel précédent
Enregistrez-le sous le nom votrenom5
Dans l'onglet OBJETS, double-cliquez sur votre "obj_bombe" et ajoutez un événement CREATION
Insérez ce script pour cet événement afin de créer un chronomètre
this.timer = 100;
Explication : 1 seconde = 25 tics dans le jeu
Dans l'onglet OBJETS, double-cliquez sur votre "obj_bombe" et ajoutez un événement STEP
Insérez ce script pour cet événement afin de préciser que la bombe soit détruite lorsque le chronomètre est à 0
Dans l'onglet SOUNDS, ajoutez un son nommé snd_explosion et chargez votre son explosion.wav
Dans l'onglet OBJETS, double-cliquez sur votre "obj_explosion" et ajoutez un événement CREATION contenant le script
sound_play(snd_explosion);
Sur ce même objet ajoutez un événement ANIMATION END contenant le script
instance_destroy();
Dans l'onglet OBJETS, double-cliquez sur votre "obj_bombe" et modifiez votre événement STEP
pour y ajouter cette commande :
new_explosion = instance_create( x-30, y-40, obj_explosion ); afin d'obtenir ceci ;
Dans votre espace de téléchargement, créez un répertoire nommé tululoo6
Téléchargez vos fichiers dans ce répertoire
Dans votre page de correction , ajoutez un titre de niveau 1 contenant le titre du tutoriel et un LIEN vers votre page index.html
TUTORIEL 7 : Ajouter un ennemi
Trouvez et effectuez une capture-écran nommé ennemi.png d'un objet utilisé pour créer un ennemi
Utilisez GIMP ou cette commande dans le terminal pour redimensionner votre image
mogrify -resize 40x40 ennemi.png
Lancez Tululoo à partir du navigateur de fichier dans le répertoire /home/cb/LinuxTululoo130
Ouvrez le jeu que vous avez créé au tutoriel précédent
Enregistrez-le sous le nom votrenom7
dans l'onglet GAME + Edit Global Variables , insérez :
global.player = obj_perso;
dans l'onglet OBJECT+ créez l'évènement CREATION sur votre objet "obj_perso" et ajoutez :
global.player = id;
Ajoutez une SPRITE nommé "spr_ennemi" à partir de votre image ennemi.png
Ajoutez un OBJET nommé "obj_ennemi" à partir de votre sprite "spr_ennemi"
Utilisez votre SCENE1 et placez votre objet "obj_ennemi" à un ou plusieurs endroits
Dans l'onglet OBJETS, double-cliquez sur votre "obj_ennemi" et ajoutez un événement STEP
Insérez ce script pour cet événement afin de préciser le positionnement de votre ennemi et qu'il se dirige vers votre personnage principal
image_angle = point_direction(x, y, global.player.x, global.player.y);
move_towards_point(global.player.x, global.player.y, 2);
Dans l'onglet OBJETS, double-cliquez sur votre "obj_ennemi" et ajoutez un événement COLLISION avec l'objet obj_mur
Insérez ce script pour cet événement
x = xprevious;
y = yprevious;
Dans votre espace de téléchargement, créez un répertoire nommé tululoo7
Téléchargez vos fichiers dans ce répertoire
Dans votre page de correction , ajoutez un titre de niveau 1 contenant le titre du tutoriel et un LIEN vers votre page index.html
TUTORIEL 8 : Mort de l'ennemi lors du contact avec une bombe
Lancez Tululoo à partir du navigateur de fichier dans le répertoire /home/cb/LinuxTululoo130
Ouvrez le jeu que vous avez créé au tutoriel précédent
Enregistrez-le sous le nom votrenom8
Dans l'onglet OBJETS, double-cliquez sur votre "obj_ennemi" et ajoutez un événement COLLISION avec l'objet obj_explosion
Insérez ce script pour cet événement
instance_destroy();
Dans votre espace de téléchargement, créez un répertoire nommé tululoo8
Téléchargez vos fichiers dans ce répertoire
Dans votre page de correction , ajoutez un titre de niveau 1 contenant le titre du tutoriel et un LIEN vers votre page index.html
TUTORIEL 9: À partir du jeu précédent, faire disparaître le personnage principal lorsque touché par l'ennemi, afficher un message "Partie perdue" et recharger le jeu
Lancez Tululoo à partir du navigateur de fichier dans le répertoire /home/cb/LinuxTululoo130
Ouvrez le jeu que vous avez créé au tutoriel précédent
Enregistrez-le sous le nom votrenom9
Dans l'onglet OBJETS, double-cliquez sur votre personnage principal et ajoutez un événement COLLISION avec l'objet obj_ennemi
Dans votre espace de téléchargement, créez un répertoire nommé tululoo9
Téléchargez vos fichiers dans ce répertoire
Dans votre page de correction , ajoutez un titre de niveau 1 contenant le titre du tutoriel et un LIEN vers votre page index.html
TUTORIEL 10: Création d'un personnage animé en utilisant une des 3 méthodes décrites ci-dessous :
Créez dans votre jeu ou dans un nouveau jeu un personnage animé de votre choix.
Méthode 1 : voir le tutoriel no 6
Méthode 2 :
Trouvez ou fabriquez une série d'images qui produiront votre animation Exemple :
Ajoutez un sprite et cliquez le bouton EDIT
Cliquez ensuite le bouton vert + pour importer chacune de vos images
Cliquez le bouton Done + Done
Méthode 3 :
Trouvez ou fabriquez une image animée au format .gif de votre animation Exemple :
Redimensionnez cette image en tapant dans le terminal et en remplacant "rd.gif" par le nom de votre image et en fixant les dimensions de votre choix :
mogrify -resize 40x40 rd.gif rd.gif
Tapez dans le terminal en remplacant rd.gif par le nom de votre image :
convert rd.gif rda.png
Vous obtiendrez une série d'images au format .png
Ajoutez un sprite et cliquez le bouton EDIT
Cliquez ensuite le bouton vert + pour importer chacune de vos images
Cliquez le bouton Done + Done
Ajoutez un objet à partir de ce personnage
Ajoutez le script de déplacement sur votre personnage (voir tutoriel 1)
Créez une scène et ajoutez votre personnage animé
Dans votre espace de téléchargement, créez un répertoire nommé tululoo10
Téléchargez vos fichiers dans ce répertoire
TUTORIEL 11 : Un jeu de tir
Dans un nouveau jeu, créez un sprite/objet personnage principal et un sprite/objet balle
Sur le personnage principal (dans l'évévement STEP):
//diriger le personnage en fonction de la position de la souris
image_angle = point_direction(x,y,mouse_x,mouse_y);
if (mouse_pressed) {
shoot = instance_create(x,y,obj_balle);
shoot.direction = image_angle;
shoot.speed = 15;
}
Placez votre personnage principal dans votre scène
TUTORIEL 12 : Ouverture d'une porte sur ramassage d'un objet
Créez une mur sprite/objet mur
Créez un sprite/objet porte
Créez un sprite/objet objet à ramasser
Créez un sprite/objet personnage
Positionnez le personnage principal et l'objet à ramasser à l'intérieur des murs
Sur l'objet à ramasser, créez l'événement collision avec joueur
Sur votre obj_plane, ajoutez l'événement STEP qui permettra à l'objet de se positionner en x=0 lorsque'il aura atteint une position x de 600
contenant :
if(x > 600)
{
x=0;
}
Dans votre espace de téléchargement, créez un répertoire nommé tululoo16
Téléchargez vos fichiers dans ce répertoire
TUTORIEL 17 : (merci à Guillaume Guindon) : Faire marcher/courir votre personnage vers la droite et/ou la gauche (remplacer un sprite)
Ouvrez votre image obj_perso_0.png avec gimp
Sélectionnez le menu IMAGE + TRANSFORMER + MIROIR HORIZONTAL
Exportez sous le nom perso2.png
Créez votre nouveau sprite nommé spr_perso2 en utilisant l'image perso2.png
Double cliquez votre obj_perso
Ajoutez un évènement STEP
Ajoutez le script de déplacmeent du peronnage (voir tutoriel 1)
Ajoutez à ce script les commandes : sprite_index=spr_perso2; ou
modifiez la valeur de image_angle = 0;
Exemple :
if ( keyboard_check( vk_right )) {
x = x + 5;
image_angle = 0;
sprite_index=spr_perso;
}
if ( keyboard_check( vk_left )) {
x = x - 5;
image_angle =0;
sprite_index=spr_perso2;
}
Dans votre espace de téléchargement, créez un répertoire nommé tululoo17
Téléchargez vos fichiers dans ce répertoire
TUTORIEL 18 : Création d'un objet avec emplacement aléatoire et déplacement aléatoire
Créez un objet nommé obj_sol à partir du sprite spr_sol
Insérez ce sol dans votre scène
Sur votre personnage principal, ajoutez un évènement CRÉATION et insérez ce code
this.air = 0;
this.jump = 0;
Sur votre personnage principal, ajoutez ou modifiez un évènement STEP et insérez ce code
if ( keyboard_check(vk_right) ) {
x += 4;
direction = 0;
if (place_meeting(x, y, obj_sol) != null ) {
x = xprevious;
}
}
if ( keyboard_check(vk_left) ) {
x -= 4;
direction = 180;
if (place_meeting(x, y, obj_sol) != null ) {
x = xprevious;
}
}
if ( keyboard_check_pressed(vk_up) && jump == 0 ) {
jump = 1;
air = 9;
}
if ( air > -5 ) air -= 0.5;
y -= air;
if ( place_meeting(x, y, obj_sol) != null ) {
y = yprevious;
air = 0;
jump = 0;
}
if ( x < 0 ) x = 0;
if ( x > room_width ) x = room_width;
Dans votre espace de téléchargement, créez un répertoire nommé tululoo19
Téléchargez vos fichiers dans ce répertoire
TUTORIEL 20 : : Redimensionner la scène
Dans votre espace de téléchargement, créez un répertoire nommé tululoo20
Téléchargez vos fichiers dans ce répertoire
TUTORIEL 21 : : Utiliser une vitesse aléatoire
Dans l'onglet OBJET + Événement CREATION, ajoutez
this.speed = choose (0.5,1,1.5,2,2.5,3);
ou
this.speed = irandom(10);
Dans votre espace de téléchargement, créez un répertoire nommé tululoo21
Téléchargez vos fichiers dans ce répertoire
TUTORIEL 22 : : Modifier une propriété avec une valeur différente pour chacune des instances d'un même objet