Benoit Freslon

Benoît Freslon – game designer – indie developer – freelance – teacher

My name is Benoît Freslon, and I’m a professional game developer since 2006.

I got several profiles:

  • Independent game developer;
  • Game designer and game developer as a freelancer with Unity 3D;
  • Teacher;

I usually develop games with Unity 3D and Adobe Animate CC, but I can easily adapt myself.

You can find on my website all my creations.

Don’t hesitate to contact me for all requests: a mission, advice, expertise, or if you want to purchase licenses of my games, etc.

Read more details.


I already worked for:

  • 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)

Game developed in 48h during the Ludum Dare 28.
Flash game, type: Puzzle/action.
Game design, level design, 2D design,  Flash development, ActionScript 3.0.

Flash tutorial: creating a simple button with Flash ActionScript 3.0

Today : How to create a simple button in Flash with AS3.

Example

Sources

You can find the .fla and with the ActionScript source code inside.

Download the source code here: Simple_button_benoitfreslon.com.fla

Let’s start

  1. Open Flash > Create a new Flash ActionScript 3.0 document
  2. Insert > New Symbol
  3. Name : Btn
  4. Type > Button
  5. Click OK

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

  1. Draw a button in the Up state (when the button is released)
  2. Draw a different button in the Over  state (when the mouse cursor is over the button)
  3. Daw a different button in the Down state (when the button is pressed)
  4. Draw a simple shape in the Hit state (The Hit area of the button)
  5. It’s done. Back to the stage now.

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

  1. Then select the MovieClip on the stage
  2. Set an instance name “mc_btn” in the Properties pannel like this

simple_button_02

  1. Create a new Layer with this name: Actions
  2. Select this new layer
  3. Open the Actions Pannel: Windows > Actions or hit F9

simple_button_03

Copy and paste this code:

ActionScript: Move object with smooth acceleration and deceleration with inertia

Today a simple sample of code to create an inertia effect in ActionScript 3.0.

The character will start to move with smooth acceleration if you press an arrow key.

You can download the source code here : Flash_acceleration_benoifreslon.com.fla

Jump’Box – Fleury Michon (2013)

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

Tutorial: Use TweenMax libs create a realistic tween with a simple example

Requierements

See the previous tutorial about how to install the TweenMax libraries in Flash IDE.

Usage

Tweens

We will try to test some tweens and easing  only with TweenMax to make this animation:

Click on Insert > New symbol

  1. Type: MovieClip
  2. Enter the name: Apple
  3. Check: Export for ActionScript
  4. Enter the classname: Apple
  5. Then click OK

new_symbol

Enter in the Apple symbol from your library:

library

Then draw an beautiful apple :).

Let’s the origin in the center of this image

apple

Click on the “Stage” from the navigator on the top.

stage

Now you are in an empty main stage.

Hit the right click from the frame on the timeline and select : Actions to open the Actions pannel.

timeline

Then just add this line in the Actions pannel.

If the library is correctly added in your Flash animation. Flash will autocomplete the package like this:

import

The TweenMax.to method can interpolate a tween with any properties.

For example this line can move an object to x and y coordinates.

Now add this lines of code:

Tutorial: How to create a game like Angry Birds with box2D, World Construction Kit and Flash – Part 1

Part1 – Box2D installation with WCK installation in Flash

I decided to write a tutorial every friday. :)

Introduction

Today I will show you how to make a game like Angry Birds with a physics engine with Flash.

The famous Physics engine is named Box2D. 95% of 2D games with physic use this engine. (Angry Birds, Limbo, Bad piggies, etc.).
The original engine is written in C++ language. Look at the Box2D C++ website. But this engine was ported in ActionScript 3.0 his codename is box2DFlash.

Box2DFlash

Box2DFlash is a powerful engine but it’s very difficult to use if you are not a good programmer or if you don’t have a level editor to create your levels with a WYSIWYG layout.
That’s why I suggest to use the World Construction Kit framework.

World Construction Kit

See the Wolrd Construction Kit Framework website: http://www.sideroller.com/wck/

Summary: 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

Installation

  • Downloads and install: Adobe Flash Pro
  • Download the WCK from github: https://github.com/jesses/wck (Download the Zip if you don’t have a git client)

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

  • Extract the WCK zip content in a folder.
  • Open the BlankProject/main.fla from the folder you just extract.
  • The Box2D engine and the WCK framework are ready to use!
  • Test the animation hit CTRL+Enter or CMD+Enter with OS X.
  • You should see this

In the next tutorial I will show you how to construct a basic level with box2D Flash and WCK.

Tutorial: How to replace and hide the cursor in Flash with ActionScript 3

I will show you how to hide the mouse cursor and how to replace it by another image.

It’s really simple but you need one at least one MovieClip.

You also can download the source file: Hide_mouse_cursor_and_custom_cursor.fla.

  • Create a new ActionScript 3 file.
  • Insert > New Symbol > MovieClip > name: CustomCursor > Ok.
  • Customize your cursor and set the origin on the top of the cursor.
  • Back to your main stage.
  • Add a CustomCursor MovieClip in the stage.
  • Set the instance name in the MovieClip property: Click on the CustomCursor instance > Properties pannel > Set instance name: cursor
  • Open the Actions pannel and start to code.

That’s all :).

The WTF Game experience (2012)

Puzzle game with physics in a crazy world with a lot of Internet memes.

Game design, level design, ActionScript development, sound design.

Color Fish – Teisseire (2012)

Flash puzzle game on Facebook for the Teisseire Brand.
Game design, level design, Flash development, ActionScript 3, sound design.