Benoit Freslon

Benoît Freslon – game designer – développeur indépendant – formateur

Je m’appelle Benoît Freslon, et je suis développeur professionnel de jeux vidéo depuis 2006.

J’ai plusieurs profils :

  • Créateur de jeux vidéo indépendants ;
  • Game designer et développeur Freelance sur Unity 3D ;
  • Formateur ;

Je développe principalement des jeux avec Unity 3D et Animate CC mais je peux facilement m’adapter.

Vous trouverez sur ce site la liste de mes créations et mon CV.

N’hésitez pas à me contacter pour toute demande : devis, conseils, formation, expertise, achats de mes jeux, etc.

Créateur du blog : VideoGameCréation.fr : Apprenez à créer un jeu vidéo de A à Z

Plus de détails


Références clients :

  • Disney.com
  • Sony Music
  • Hachette Multimédia
  • ArmorGames.com
  • Orange France Telecom
  • King.com
  • Castor Et Pollux
  • Plus Conseil
  • NoHuman Interactive
  • Kongregate.com
  • Playwala
  • Yahoo.com
  • Smart-kit.com
  • GameShed.com
  • MoFunZone.com
  • Andkon.com
  • Avea
  • GameZHero
  • ISART Digital
  • Zapak
  • Exkee
  • Faeria
  • Chugulu Games
  • PlayTDGames

Kmembert (2013)

Jeu réalisé en 48h lors de la Ludum Dare 28. Jeu Flash, type: puzzle/action.
Game design, level design, graphisme, développement ActionScript 3.0.

Tutoriel Flash : créer un bouton simple avec Flash ActionScript 3.0

Aujourd’hui voici comment créer un simple bouton en Flash avec ActionScript 3.0

Exemple

Sources

Vous pouvez trouver le fichier .fla avec le code ActionScript à l’intérieur.

Télécharger les codes sources ici : Simple_button_benoitfreslon.com.fla

Commençons

  1. Ouvrir Flash > Créer un nouveau document ActionScript 3.0
  2. Insertion > Nouveau Symbol
  3. Nom:  Btn
  4. Type : Bouton
  5. Cliquer OK

Capture d’écran 2013-09-28 à 16.10.09

  1. Dessiner un bouton sur l’image Haut (Etat du bouton relâché)
  2. Dessiner un bouton différent sur l’image Dessus (Etat du bouton quand le souris se trouve dessus)
  3. Dessiner un bouton différent sur l’image Abaissé (Etat du bouton quand le bouton de la souris est enfoncé)
  4. Dessiner une forme de la zone de click.
  5. C’est terminé pour le bouton. Revenir sur la Scène principale

Capture d’écran 2013-09-28 à 16.18.25

  1. Ensuite sélectionner le Bouton depuis la scène
  2. Nommer le bouton dans le panneau Propriétés : mc_btn

simple_button_02

  1. Créer un nouveau Calque avec le nom : Actions
  2. Sélectionner ce nouveau calque
  3. Ouvrir le panneau Actions : Fenêtre > Actions ou avec la touche F9

simple_button_03

Copier et coller ce code dans la fenêtre Actions :

ActionScript : Déplacer un objet de manière fluide avec une accélération, une décélération et une inertie

Aujourd’hui voici un exemple de code pour créer un effet d’accélération et d’inertie en Flash ActionScript 3.0.

Le personnage va commencer à accélérer si on appuie sur une flèche. Il atteindra sa vitesse maximale puis il ralentira si on relâche la touche.

Vous pouvez télécharger le code source ici : Flash_acceleration_benoifreslon.com

Jump’Box – Fleury Michon (2013)

Jeu Flash de plateformes sur Facebook.
Game design, développement Flash, ActionScript, Starling, Stage3D, level design, sound design.

Tutoriel : Utiliser les librairies TweenMax pour créer une animation fluide avec un exemple simple

Prérequis

Lisez le précédent tutorial à propos de l’installation de la librairie TweenMax.
Tutoriel : Installer les librairies TweenMax ActionScript 3 avec Flash IDE pour débutants

Utilisation

Animations (Tweens)

Nous allons essayer de tester quelques animations et quelques animations fluides :

Cliquer sur Insertion > Nouveau symbole :

  1. Type: Clip
  2. Entrer le nom: Apple
  3. Cocher : Exporter pour ActionScript
  4. Entrer le nom de la classe : Apple
  5. Enfin cliquer OK

new_symbol

Entrer dans le symbole Apple depuis la Bibliothèque :

library

Dessiner ensuite une belle pomme rouge :).

Center la pomme au centre en laissant l’origine au milieu.

apple

Cliquer sur Séquence 1 depuis le navigateur en haut.

stage

Maintenant il y a une scène totalement vide.

Faire un clic droit sur la timeline et ouvrir le panneau Actions.

timeline

Ajouter ensuite cette ligne de code :

Si la librarie est correctement installée Flash propose de compléter la suite :

import

La méthode TweenMax.to va créer une interpolation avec n’importe quelles propriétés.

Par exemple cette ligne permet de déplacer l’objet vers de nouvelles coordonnées x et y :

Enfin ajouter ces lignes de codes :

Tutoriel: Comment créer un jeu comme Angry Birds avec box2D, World Construction Kit en Flash – Partie 1

Partie 1 – Installation de FlashBox2D (box2d) avec WCK

J’ai décidé de rédiger un petit tutoriel chaque vendredi. :)

Introduction

Aujourd’hui je vais vous montrer comment créer un jeu comme Angry Birds en plusieurs étapes avec un moteur physique en Flash.

Le fameux moteur physique s’appelle Box2D. 95% des jeux en 2D avec de la physique utilisent ce moteur : Angry birds, Limbo, Bad piggies, etc.
La version originale de Box2D a été développée en C++. Pour plus d’informations visitez le site Box2D C++. Ce moteur a été porté en ActionScript 3.0 appelé box2DFlash.

Box2DFlash

Box2DFlash est un moteur physique très puissant mais difficile à utiliser si vous n’êtes pas un bon programmeur et si vous n’avez pas d’éditeur de niveaux visuels.
C’est pourquoi je suggère d’utiliser le framework World Construction Kit (WCK).

World Construction Kit (WCK)

Site web : http://www.sideroller.com/wck/

Voici la description de World Construction Kit en anglais provenant du site :

World Construction Kit is is a toolset / framework for rapidly developing physics based games / websites within the Flash IDE. WCK allows you to layout your 2d worlds / game levels entirely within Flash and have them hook into the physics simulation without writing any code

Malheureusement le framework n’est plus maintenu à jour. Néanmoins il est reste très complet et performant.

Installation

  • Télécharger et installer : Adobe Flash Pro
  • Télécharger le framework WCK depuis github: https://github.com/jesses/wck (Télécharger le Zip si vous n’avez pas de client git)

Capture d’écran 2013-03-15 à 00.09.05

  • Extraire tous les fichiers du zip dans un dossier.
  • Ouvrir le fichier BlankProject/main.fla  depuis le dossier fraichement décompressé.
  • Voilà Box2D est déjà préinstallé avec le framework WCK.
  • Tester l’animation avec CTRL + Entrée ou CMD + Entrée sous OS X.
  • Vous devriez voir cela :

Dans le prochain tutoriel je vais vous montrer comment construire et paramétrer un niveau avec le moteur Box2D à l’aide de WCK en Flash.

Tutoriel : Comment remplacer et masquer le curseur de la souris en Flash avec ActionScript 3

Je vais vous montrer comment masquer le curseur de la souris en Flash et comment le remplacer par une autre image.

C’est très simple mais vous avez besoin d’au moins d’un Clip.

Vous pouvez télécharger les codes sources : Hide_mouse_cursor_and_custom_cursor.fla.

  • Créer un nouveau fichier ActionScript 3 dans Flash
  • Puis: Insertion > Nouveau Symbole > Nom: CustomCursor > Clip > OK.
  • Utiliser une image ou dessiner un curseur perso. Placer la pointe du curseur au niveau du point d’origine.
  • Puis retourner sur la Séquence principale.
  • Ajouter une occurrence du Clip CustomCursor sur la scène.
  • Mettre le nom d’occurrence de ce Clip dans ses propriétés : Cliquer sur le symbole sur la scène > Panneau propriétés > Nom d’occurrence: cursor
  • Ouvrir ensuite le panneau Actions et commencer à coder.

C’est terminé :).

The WTF Game experience (2012)

Jeu Flash, jeu de puzzle avec univers burlesque.
Game design, level design, développement ActionScript, sound design.

Color Fish – Teisseire (2012)

Jeu Flash de puzzle sur Facebook.
Game design, level design, développement Flash, ActionScript 3, sound design.