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
…

SlipGate : the game (2015)

Play on Kongregate

Newsgame.

Flash Development.

CleanLand – Cleanance (2014)

Play on Facebook

Facebook game for Cleaneance brand.
Flash development, ActionScript 3.0.

Planet Crunch (2014)

Play on LudoKado

Flash game like “Candy Crush Saga”.
ActionScript development.

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"));

}

FlashDevelop: Color scheme and syntax coloring with all ActionScript 3 keywords

For all developers who love Flash Develop like me, you probably NEED to colorize all ActionScript 3.0 keywords.

Here a screenshot of the syntax coloring:

You can download Flash Develop 4 here.

Download my AS3.xml file and replace the AS3.xml in the Languages folder.

C:\Program Files (x86)\FlashDevelop\Settings\Languages

or

C:\Users\XXXX\AppData\Local\FlashDevelop\Settings\Languages

The xml file is compatible with Flash Develop 4.X.X.

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: How to create a game like Angry Birds in Flash – Part 4 – Create the pigs and the collision detection

Part 4 – Create the pigs and the collision detection

Introduction

Here the 4th tutorial to learn how to create a physic based game like Angry Birds in Flash.

You can download the complete sources here: How_to_create_a_game_like_angry_birds_part4.zip

If you missed the first tutorial you can find it here: https://benoitfreslon.com/fr/tutorial-how-to-create-a-game-like-angry-birds-with-box2d-world-construction-kit-flash-part-1

In this tutorial we will create the the ennemies: the Pigs. We will detect the collision to destroy it.

Create the Pig character

Create the Pig MovieClip:

Insert > New Symbol
Name: Pig
Type: MovieClip
Check export for ActionScript
Class: Pig
OK

Draw a beautiful green pig like this with this dimensions: 30×30

Or get my sprite:

The Pig class

Create the Pig class.

New > File > ActionSript 3.0 class
Class name: Pig

Copy and paste this code:

package {
	import flash.events.Event;
	import flash.utils.*;
	import flash.geom.*;
	import Box2DAS.*;
	import Box2DAS.Collision.*;
	import Box2DAS.Collision.Shapes.*;
	import Box2DAS.Common.*;
	import Box2DAS.Dynamics.*;
	import Box2DAS.Dynamics.Contacts.*;
	import Box2DAS.Dynamics.Joints.*;
	import cmodule.Box2D.*;
	import wck.*;
	import shapes.*;
	import misc.*;
	import extras.*;
	public class Pig extends Circle {

		/** Constructor method, called when the bird instance is created */
		public function Pig() {
			// constructor code
			super();
		}

		/** Called when the pig is added to stage by box2d */
		override public function create():void {
			trace("pig created");
			// Physic properties
			density = 10;
			friction = 1;
			type = "Dynamic";
			reportBeginContact = true;
			reportEndContact = true;
			reportPostSolve = true;
			reportPreSolve = true;
			allowDragging = false;
			super.create();

			// Start the collision detection in 1000ms.
			// Sometimes the collision is detected at start so I delayed the collection detection
			setTimeout(initCollision, 1000);
		}
		private function initCollision():void {
			// Init the collision handler
			listenWhileVisible(this, ContactEvent.POST_SOLVE, postSolveContactHandler, false, 0, true);
		}
		/** Set the physic shapes and the size */
		override public function shapes():void {
			// 15 px of raduis
			circle(15);
		}
		/** Method called when this physic object collides */
		private function postSolveContactHandler(e:ContactEvent):void 
		{
			// Get the impulse the contact
			var impulse:b2ContactImpulse = e.impulses
			// Get the normal lenght of the contact
			var normalLength:Number = Math.sqrt((impulse.normalImpulse1 * impulse.normalImpulse1) + (impulse.normalImpulse2 * impulse.normalImpulse2));
			trace("normalLength", normalLength);
			// Check if the contact is strong
			if (normalLength &gt; 1) {
				// Remove the pig
				remove();
				return;
			}
		}
	}
}

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

package {

import flash.events.Event;

import flash.utils.*;

import flash.geom.*;

import Box2DAS.*;

import Box2DAS.Collision.*;

import Box2DAS.Collision.Shapes.*;

import Box2DAS.Common.*;

import Box2DAS.Dynamics.*;

import Box2DAS.Dynamics.Contacts.*;

import Box2DAS.Dynamics.Joints.*;

import cmodule.Box2D.*;

import wck.*;

import shapes.*;

import misc.*;

import extras.*;

public class Pig extends Circle {

/** Constructor method, called when the bird instance is created */

public function Pig() {

// constructor code

super();

}

/** Called when the pig is added to stage by box2d */

override public function create():void {

trace("pig created");

// Physic properties

density = 10;

friction = 1;

type = "Dynamic";

reportBeginContact = true;

reportEndContact = true;

reportPostSolve = true;

reportPreSolve = true;

allowDragging = false;

super.create();

// Start the collision detection in 1000ms.

// Sometimes the collision is detected at start so I delayed the collection detection

setTimeout(initCollision, 1000);

}

private function initCollision():void {

// Init the collision handler

listenWhileVisible(this, ContactEvent.POST_SOLVE, postSolveContactHandler, false, 0, true);

}

/** Set the physic shapes and the size */

override public function shapes():void {

// 15 px of raduis

circle(15);

}

/** Method called when this physic object collides */

private function postSolveContactHandler(e:ContactEvent):void

{

// Get the impulse the contact

var impulse:b2ContactImpulse = e.impulses

// Get the normal lenght of the contact

var normalLength:Number = Math.sqrt((impulse.normalImpulse1 * impulse.normalImpulse1) + (impulse.normalImpulse2 * impulse.normalImpulse2));

trace("normalLength", normalLength);

// Check if the contact is strong

if (normalLength > 1) {

// Remove the pig

remove();

return;

}

Finally add pigs in the World MovieClip like this:

And test your level.

The tutorial is over. If you want more features and more tutorials about the Angry birds engine please post a comment :).

Have fun !