Tutoriel : Comment créer un jeu comme Angry Birds en Flash avec Box2d – Partie 2 – Creation du niveau

Partie 2 – Creation du niveau avec Box2D

Introduction

Voici la suite du tutoriel sur la création d’un jeu de physique comme Angry Birds en Flash.

Vous pouvez télécharger les sources ici : How_to_create_a_game_like_angry_birds_part2.zip

Si vous avez raté la première étape indispensable du tutoriel elle est ici : https://benoitfreslon.com/fr/tutorial-how-to-create-a-game-like-angry-birds-with-box2d-world-construction-kit-flash-part-1.

Introduction

Dans ce tutoriel je vais vous montrer comment créer un objet de type : plaque rigide et indestructible.
Nous allons ensuite l’utiliser dans un niveau simple pour construire une structure de base.

Modification de la scène

Depuis le panneau Propriétés, modifier la taille de la scène pour 800px de large.

Capture d’écran 2013-04-01 à 20.27.19

Création du sol

Commençons par créer le MovieClip du sol.

Insertion > Nouveau Symbole > Nom : Floor > Type : Clip > Exporter pour ActionScript > Classe : Floor > Classe de Base : shapes.Box > OK

Capture d’écran 2013-04-01 à 21.12.18

Une fois dans le clip créé, dessiner un carré vert.

Capture d’écran 2013-04-01 à 20.31.51

NB : Le moteur World Construction Kit utilise toujours le centre de l’image comme étant le centre de gravité d’une forme physique.

Donc toujours centrer la forme au centre du symbole à l’aide du panneau Aligner :

Capture d’écran 2013-04-01 à 20.32.03

Une fois le sol terminé cliquer sur Scène 1 pour revenir sur la scène puis rentrer dans le Clip World.

C’est seulement dans le Clip World que nous allons construire le monde physique.

Depuis la bibliothèque cliquer et déposer une instance de Floor sur la scène comme ceci :

Capture d’écran 2013-04-01 à 20.33.33

Ensuite déformer la forme du sol avec l’outil de transformation libre dans la barre d’outils à gauche.

Supprimer l’ancien sol gris pour le remplacer par le nouveau. Placer le sol en bas de l’écran de cette façon.

Capture d’écran 2013-04-01 à 20.34.35

Pour régler tous les paramètres physiques du sol il a 2 façons. Soit via le code ActionScript (nous verrons cela plus tard) soit avec les propriétés du composant Flash.

Pour avoir accès à toutes ces propriétés via Flash il faut définir un composant sur l’objet Floor fraîchement créé.

Depuis la bibliothèque > sélectionner le clip Floor puis > clic droit > Définition du composant.

Capture d’écran 2013-04-01 à 20.39.14

Classe : wck.BodyShape > OK.

Capture d’écran 2013-04-01 à 20.41.06

Désormais lorsqu’on clic sur le clip Floor placé sur la scène on a accès aux propriétés physiques depuis les paramètres du composant dans dans le panneau propriétés.

Régler de cette façon pour le moment:

Capture d’écran 2013-04-01 à 20.44.23

Création de plateformes dynamiques

Nous allons maintenant créer les plateformes dynamiques.

Insertion > Nouveau symbole > Nom : IronPlate > Type : Clip > Exporter pour ActionScript > Classe : IronPlate > Classe de base : shapes.Box > OK

Capture d’écran 2013-04-01 à 20.45.08

Dessinez une plaque de métal environ 200 px de large et 10 px de hauteur et centrez l’image.

Capture d’écran 2013-04-01 à 20.45.41

Nous allons donner les mêmes réglages à toutes les plaques disposées dans le jeu avec une seule classe.

Cela nous évitera de régler TOUS les objets un par un via Flash. Une tâche pénible. Voilà pourquoi nous allons créer une classe IronPlate.

Fichier > Nouveau > Classe d’ActionScript 3.0 > Nom de classe : IronPlate > OK

Capture d’écran 2013-04-01 à 20.46.39

Ensuite > Fichier > Enregistrer Sous > IronPlate.as ( Dans le même dossier que le fichier .fla ).

Capture d’écran 2013-04-01 à 20.47.05

Copier coller ensuite ce code afin de donner un réglage générique pour toutes les plaques en métal.

Enfin ajouter plusieurs instances de IronPlate dans le Clip World qui se trouve sur la scène.

Construire une structure dans le genre pour tester le bon fonctionnement du jeu.

J’ai placé la grosse boite au dessus pour casser la structure.

Capture d’écran 2013-04-01 à 20.54.20

Tester l’animation > CTRL + Entrée

Si il a des erreurs ou des plaques immobiles vérifier que les Clip IronPlates sont bien dans le clip World.

Scène > World > IronPlates

A bientôt :).

The WTF Game Experience maintenant jouable

Salut à tous,

Vous pouvez maintenant jouer à “The WTF Game Experience” sur Kongregate.

The WTF Game Experience est un jeu d’action et de réflexion sous le thème du délire dans lequel se trouve les fameux “Internet memes”.

Pendant une soirée arrosée 2 gars décident de créer un puzzle géant avec des bouteilles de bière un entonnoir et divers accessoires.

Trouver un moyen de verser la bière dans l’entonnoir.

Partagez-le, likez-le, votez 5 étoiles et amusez-vous à créer des niveaux.

Thanks ;).

The WTF Game Experience: private beta test

Bonjour tout le monde !

Je suis en train de développer un nouveau jeu en Flash avec un moteur physique et un gameplay simple et une approche plutôt originale.
Le jeu est toujours en développement mais je vous invite à tester la version beta.

Pour tester le jeu c’est ici et entrez le mot de passe : beta

Postez vos commentaires, vos feedback ou reporter des bugs avec le bouton adéquate dans le jeu.
J’espère que vous apprécierez mon nouveau “délire”.

Bon jeu ;) !

Rolling Jump version 1.1 avec les nouvelles features était gratuit hier.

Rolling jump version 1.1 est sorti la semaine dernière.

Hier mon jeu était disponible gratuitement sur l’appstore.

Il y a désormais plus de 2000 commentaires avec cette note : ★★★★★. :)

It was 1st on the top 25 on several appstore in Europe. (France, Spain, Belgium, …)

Il était premier du top 25 français, espagnol, belge, …

Télécharger Rolling Jump sur l’appstore.

Télécharger Rolling Jump free sur l’appstore.

Description

Aidez Lighty à sauvegarder la lumière du monde en échappant aux créatures de l’ombre dans ce jeu incroyablement ADDICTIF et FUN !

Dans Rolling Jump, votre but est d’aider le héros, Lighty, à sauter de plus en plus haut dans le ciel et d’échapper aux créatures de l’ombre. Pour cela, il faudra apprendre le double saut, s’aider des murs pour atteindre des roues difficiles d’accès, enchaîner les bonus multiplicateurs de points en faisant des sans faute et obtenir une dextérité à toute épreuve pour ne jamais tomber.

Vous découvrirez alors les différents niveaux de l’arc-en-ciel et atteindrez alors les étoiles et le cosmos ! Protégez la lumière, sauvez le monde et montrez à tous votre valeur en faisant partie du top mondial !

★ 7 niveaux à découvrir pour atteindre les étoiles

★ Difficulté croissante avec un véritable challenge pour les plus exigeants

★ Multipliez votre score jusqu’à x10 en faisant des sauts sans faute

★ Nouveau Bonus de Boost propulsant Lighty dans les airs

★ Choppez les étoiles pour augmenter votre multiplicateur de scores

★ Gobez les soleils pour charger votre bonus de Boost

★ Eviter les montgolfières vous faisant tomber et les roues rebondissantes

★ Aidez-vous des murs pour rebondir plus haut

★ Classez-vous parmi les meilleurs joueurs du monde via le Game Center

★ Comparez-vous à vos amis et défiez-les !

★ Graphismes Retina mélangeant le style cartoon et steam-punk

Obtenir des trucs et astuces sur Rolling Jump :

http://www.facebook.com/rollingjump

Suivez-nous sur Twitter : @Chugulu

Devenez fan de Chugulu : http://www.facebook.com/chugulugames

ActionScript : Protégez vos jeux Flash sur le web, sitelockez-les

Si vous souhaitez diffuser vos jeux Flash sur les portails de jeux NE LES UPLOADER PAS AVANT D’AVOIR SITELOCKE VOS JEUX.

POURQUOI ?

Vos jeux peuvent être “volés” par d’autres portails de jeux. Ils le mettrons sur leur portail sans autorisation de votre part.
Ou bien si vous n’avez pas encore terminé votre jeu et que vous voulez le mettre à jour “bonjour la misère” pour mettre à jour votre jeu sur tous les portails du web.

J’ai essayé beaucoup de codes pour sitelocker mes jeux mais certains trouvés sur le net sont encore en ActionScript 2.0 ou totalement périmés.
Certains ne fonctionnent pas avec le préfixe “https” ou sans les “www”.
Un autre exemple, quand vous voulez simplement tester votre jeu sur votre machine, il faut commenter le code de sitelock et ne pas oublier de le décommenté avant de l’uplopadé sur web.

Donc j’ai décidé de créer mon propre script de sitelock.

Il s’agit d’une version simplifiée de mon script de base mais cette version est parfaite pour toutes utilisations.

Installation

Copier et coller ce bout de code et ajouter les domaines dans le tableau “[ ]” séparés par des virgules.

[“kongregate.com”, …, …]

Vous pouvez vérouiller la lecture en local du jeu en changeant le second paramètre pour “false”.
La valeur par défaut étant true.

Rolling Jump – iOS jeu hautement addictif

Bonjour à tous, je suis heureux de vous présenter mon dernier jeu sur périphériques iOS : Rolling Jump. La version Flash a été conçu et développé en mai 2009.

La nouvelle version est co-éditée par Chugulu.

Vous pouvez télécharger gratuitement la version free ici. La version gratuite est limitée par le score : 10 000 points maximum. Ou bien télécharger la version complète sans publicité pour 1.49€ ici sachant que l’appli est à -50% pour quelques jours encore.

Amusez-vous bien et un grand merci à la team Chugulu !

Description

Aidez Lighty à sauvegarder la lumière du monde en échappant aux créatures de l’ombre dans ce jeu incroyablement ADDICTIF et FUN !

Dans Rolling Jump, votre but est d’aider le héros, Lighty, à sauter de plus en plus haut dans le ciel et d’échapper aux créatures de l’ombre. Pour cela, il faudra apprendre le double saut, s’aider des murs pour atteindre des roues difficiles d’accès, enchaîner les bonus multiplicateurs de points en faisant des sans faute et obtenir une dextérité à toute épreuve pour ne jamais tomber.

Vous découvrirez alors les différents niveaux de l’arc-en-ciel et atteindrez alors les étoiles et le cosmos ! Protégez la lumière, sauvez le monde et montrez à tous votre valeur en faisant partie du top mondial !

★ 7 niveaux à découvrir pour atteindre les étoiles
★ Difficulté croissante avec un véritable challenge pour les plus exigeants
★ Multipliez votre score jusqu’à x5 en faisant des sauts sans faute
★ Aidez-vous des murs pour rebondir plus haut
★ Classez-vous parmi les meilleurs joueurs du monde via le Game Center
★ Comparez-vous à vos amis et défiez-les !
★ Graphismes Retina mélangeant le style cartoon et steam-punk

Obtenir des trucs et astuces sur Rolling Jump :
http://www.facebook.com/rollingjump

Nano War 2 enfin jouable

Voici la suite de Nano War 1 sorti en novembre 2007 sur la toile.

J’espère que ce nouveau volet plaira aux anciens et aux nouveaux joueurs. Ce jeu s’adresse autant aux joueurs occasionels qu’aux gamers. Tout comme le poker Nano War 2 est un jeu simple à comprendre mais plus compliqué à maîtriser. Les stratégies sont infinies. Il m’arrive aussi de me faire surprendre par d’autres joueurs.

Chaque être humain dispose de milliards de cellules. Certaines de ces cellules sont vouées à protéger notre corps et combattre tout organisme étranger. Même dans les endroits les plus petits et les plus improbables la guerre y est présente.  Bienvenue dans Nano War 2…

Jouer à Nano War 2 sur Kongregate.

Quelles sont les nouveautés ?

  • Mode solo
  • 25 niveaux : jouez contre 2 ou 3 adversaires.
  • Faites évoluer vos cellules.
  • 3 niveaux de difficulté
  • Mode multijoueur: affrontez 1, 2 ou 3 adversaires.
  • Mode escarmouche
  • 21 succès à débloquer
  • La cellule Globule blanc: Augmentez vos cellules et capturez les cellules adverses.
  • La cellule graisseuse: Protégez vos cellules ou bloquez les cellules adverses.
  • La cellule anticorps : La plus puissante des cellules, augmentez la production de cellules ou capturez instantanément les cellules et unités ennemies.

Bon jeu !

Roll n Jump : android, sur le market

Vous êtes invités à télécharger gratuitement mon jeu sur l’Android Market :

https://market.android.com/details?id=air.com.benoitfreslon.rollnjump

Game Description

Roll and Jump est un jeu d’adresse et de rapidité dont le but est de grimper le plus haut possible en sautant d’un cercle tournoyant à un autre.

Grimper le plus haut possible pour faire le meilleur score.

Screenshots

ActionScript : Déplacer un objet avec le clavier avec des contrôles absolus

Dans ce tutoriel je vais vous montrer comment déplacer un objet avec le clavier en contrôle absolu en Flash.

Voir également comment déplacer un objet avec le clavier avec des contrôles relatifs à la caméra.

Contrôle absolu ? Kézako ?

La direction de votre objet va être calculée en fonction de l’orientation de votre objet. (Resident Evil, Micro Machines, Gears of War, etc.). Ce script est très utile pour les jeux de voitures.

Comment faire un contrôle absolu en Flash?

  • Récupérer les informations des touches du clavier (touche enfoncée, touche relâchée)
  • Déplacer ou tourner l’objet entre chaque frame avec la nouvelle vitesse (Touche gauche et droite : tourner l’objet, Haut : faire avancer l’objet, Bas ; faire reculer l’objet)

Télécharger la source : www.benoitfreslon.com_Move_an_object_with_keyboard_with_absolute_controls

Vote for Nano War and Take Something Literally

Hello,
If you like Nano War or Take Something Literally you will be very helpfull if you can vote for my games on the Inde Pub Game contest.
Register here http://www.indiepubgames.com/register.php
And vote here http://www.indiepubgames.com/vote.php

Only 5 minutes needed :). Thank you very much.

Edit: The contest is over. Actually my game was submited one day before the end. Thank your IndiePub.