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.

Follow @BenoitFreslon

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)

Play on Kongregate
LudumDare web page

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

Open Flash > Create a new Flash ActionScript 3.0 document
Insert > New Symbol
Name : Btn
Type > Button
Click OK

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

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

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

Copy and paste this code:

mc_btn.addEventListener(MouseEvent.CLICK, click);
function click(e:MouseEvent):void {
	// On click
	trace("click");
	navigateToURL(new URLRequest("https://www.benoitfreslon.com"));
}

1

2

3

4

5

6

mc_btn.addEventListener(MouseEvent.CLICK, click);

function click(e:MouseEvent):void {

// On click

trace("click");

navigateToURL(new URLRequest("https://www.benoitfreslon.com"));

}

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

// Copyrights
// Benoît Freslon
// https://www.benoitfreslon.com

import flash.events.KeyboardEvent;
import flash.events.MouseEvent;

// Constants (You can modify this values)
const acceleration:Number = 0.1;
const decceleration:Number = 0.9;
const speedMax:Number = 5;

// Variables
var speedX:Number = 0;
var speedY:Number = 0;

// Key states
var leftPressed:Boolean = false;
var rightPressed:Boolean = false;
var upPressed:Boolean = false;
var downPressed:Boolean = false;

// Keyboard events
stage.addEventListener(KeyboardEvent.KEY_DOWN, keyDown);
stage.addEventListener(KeyboardEvent.KEY_UP, keyUp);
function keyDown(e:KeyboardEvent):void {
	switch (e.keyCode) {
		case 37 :
			leftPressed = true;
			break;
		case 38 :
			upPressed = true;
			break;
		case 39 :
			rightPressed = true;
			break;
		case 40 :
			downPressed = true;
			break;
	}
}
function keyUp(e:KeyboardEvent):void {
	switch (e.keyCode) {
		case 37 :
			leftPressed = false;
			break;
		case 38 :
			upPressed = false;
			break;
		case 39 :
			rightPressed = false;
			break;
		case 40 :
			downPressed = false;
			break;
	}
}

// Enter frame events
pig.addEventListener(Event.ENTER_FRAME, enterFrame);
function enterFrame(e:Event):void {

	// If a key is pressed I will increase the speed with the acceleration value

	if (upPressed) {
		speedY -=  acceleration;
	} else if (downPressed) {
		speedY +=  acceleration;
	} else {
		// If the up key and the down key are released I will decrease the speed with the decceleration value
		speedY *=  decceleration;
	}

	if (leftPressed) {
		speedX -=  acceleration;
	} else if (rightPressed) {
		speedX +=  acceleration;
	} else {
		speedX *=  decceleration;
	}

	// Limit the speed
	if (speedX &gt; speedMax) {
		speedX = speedMax;
	}
	if (speedX  &lt;-speedMax) { 		                 speedX =  -  speedMax; 	         } 	         if (speedY &gt; speedMax) {
		speedY = speedMax;
	}
	if (speedY &lt;-speedMax) {
		speedY =  -  speedMax;
	}

	// Move the pig
	pig.x +=  speedX;
	pig.y +=  speedY;

	// Display values on HUD
	tValues.text = "speedX: " + speedX + "\nspeedY: " + speedY;

}

// Reset pig
stage.addEventListener(MouseEvent.CLICK , click);
function click(e:MouseEvent):void {
	pig.x = stage.stageWidth / 2;
	pig.y = stage.stageHeight / 2;
}

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

75

76

77

78

79

80

81

82

83

84

85

86

87

88

89

90

91

92

93

94

95

96

97

98

99

100

101

102

103

104

105

106

107

// Copyrights

// Benoît Freslon

// https://www.benoitfreslon.com

import flash.events.KeyboardEvent;

import flash.events.MouseEvent;

// Constants (You can modify this values)

const acceleration:Number = 0.1;

const decceleration:Number = 0.9;

const speedMax:Number = 5;

// Variables

var speedX:Number = 0;

var speedY:Number = 0;

// Key states

var leftPressed:Boolean = false;

var rightPressed:Boolean = false;

var upPressed:Boolean = false;

var downPressed:Boolean = false;

// Keyboard events

stage.addEventListener(KeyboardEvent.KEY_DOWN, keyDown);

stage.addEventListener(KeyboardEvent.KEY_UP, keyUp);

function keyDown(e:KeyboardEvent):void {

switch (e.keyCode) {

case 37 :

leftPressed = true;

break;

case 38 :

upPressed = true;

break;

case 39 :

rightPressed = true;

break;

case 40 :

downPressed = true;

break;

}

function keyUp(e:KeyboardEvent):void {

switch (e.keyCode) {

case 37 :

leftPressed = false;

break;

case 38 :

upPressed = false;

break;

case 39 :

rightPressed = false;

break;

case 40 :

downPressed = false;

break;

}

// Enter frame events

pig.addEventListener(Event.ENTER_FRAME, enterFrame);

function enterFrame(e:Event):void {

// If a key is pressed I will increase the speed with the acceleration value

if (upPressed) {

speedY -= acceleration;

} else if (downPressed) {

speedY += acceleration;

} else {

// If the up key and the down key are released I will decrease the speed with the decceleration value

speedY *= decceleration;

}

if (leftPressed) {

speedX -= acceleration;

} else if (rightPressed) {

speedX += acceleration;

} else {

speedX *= decceleration;

}

// Limit the speed

if (speedX > speedMax) {

speedX = speedMax;

}

if (speedX <-speedMax) { speedX = - speedMax; } if (speedY > speedMax) {

speedY = speedMax;

}

if (speedY <-speedMax) {

speedY = - speedMax;

}

// Move the pig

pig.x += speedX;

pig.y += speedY;

// Display values on HUD

tValues.text = "speedX: " + speedX + "\nspeedY: " + speedY;

}

// Reset pig

stage.addEventListener(MouseEvent.CLICK , click);

function click(e:MouseEvent):void {

pig.x = stage.stageWidth / 2;

pig.y = stage.stageHeight / 2;

}

Jump’Box – Fleury Michon (2013)

Jouer sur Facebook

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

Type: MovieClip
Enter the name: Apple
Check: Export for ActionScript
Enter the classname: Apple
Then click OK

Enter in the Apple symbol from your library:

Then draw an beautiful apple :).

Let’s the origin in the center of this image

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

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.

Then just add this line in the Actions pannel.

import com.greensock.TweenMax;

1	import com.greensock.TweenMax;

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

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

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

TweenMax.to(theObject, theTimeInSeconds, {x:100, y:100});

1	TweenMax.to(theObject, theTimeInSeconds, {x:100, y:100});

Now add this lines of code:

// Import the TweenMax classes
import com.greensock.TweenMax;
import com.greensock.easing.*;

// Mouse event
stage.addEventListener(MouseEvent.MOUSE_UP, mouseUp);
function mouseUp (e:MouseEvent):void {
	// Create an apple on the stage
	var apple:Apple = new Apple();
	// Set the position to the mouse coordinates
	apple.x = stage.mouseX;
	apple.y = stage.mouseY;

	// Add a tween with TweenMax
	// The apple will move to the bottom with a bounce tween.
	// When to tween is complete the apple will be removed
	TweenMax.to(apple, 2, {y:apple.y + 150, ease:Bounce.easeOut, onComplete:removeApple, onCompleteParams:[apple]})

	// Add the apple to the stage
	addChild(apple);
}

function removeApple(apple:Apple):void {
	trace("Remove apple");
	removeChild(apple);
}

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

// Import the TweenMax classes

import com.greensock.TweenMax;

import com.greensock.easing.*;

// Mouse event

stage.addEventListener(MouseEvent.MOUSE_UP, mouseUp);

function mouseUp (e:MouseEvent):void {

// Create an apple on the stage

var apple:Apple = new Apple();

// Set the position to the mouse coordinates

apple.x = stage.mouseX;

apple.y = stage.mouseY;

// Add a tween with TweenMax

// The apple will move to the bottom with a bounce tween.

// When to tween is complete the apple will be removed

TweenMax.to(apple, 2, {y:apple.y + 150, ease:Bounce.easeOut, onComplete:removeApple, onCompleteParams:[apple]})

// Add the apple to the stage

addChild(apple);

}

function removeApple(apple:Apple):void {

trace("Remove apple");

removeChild(apple);

}

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)

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.

// https://www.benoitfreslon.com

// Hide the mouse cursor
Mouse.hide();

// Use the custom cursor

// cursor is the instance name in the stage
// Tip: Add the cursor always on top.
stage.addChild(cursor);

// Drag the cursor to the mouse coordinates
cursor.startDrag(true);

// Show the mouse cursor
//Mouse.show();

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

// https://www.benoitfreslon.com

// Hide the mouse cursor

Mouse.hide();

// Use the custom cursor

// cursor is the instance name in the stage

// Tip: Add the cursor always on top.

stage.addChild(cursor);

// Drag the cursor to the mouse coordinates

cursor.startDrag(true);

// Show the mouse cursor

//Mouse.show();

That’s all :).

The WTF Game experience (2012)

Play on Kongregate

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)

Play sur Facebook

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