12:01 12:0112:01
 

Désolé, cet article est seulement disponible en Anglais Américain. Pour le confort de l’utilisateur, le contenu est affiché ci-dessous dans une autre langue. Vous pouvez cliquer le lien pour changer de langue active.

In the previous post we learn how to get the current volume.

As I said the max volume can be different according the OS version or de device.

Now let’s get the max volume in c# without native plugin:

11:47 11:4711:47
 

Désolé, cet article est seulement disponible en Anglais Américain. Pour le confort de l’utilisateur, le contenu est affiché ci-dessous dans une autre langue. Vous pouvez cliquer le lien pour changer de langue active.

To get the current volume value on Android in Unity without plugin you can use this c# script.
Thanks to the Java Native Interface.

You will get an integer between 0 and ?, 15, 13, 25, …
NB: Actually the max volume value depends of the OS version.

10:36 10:3610:36
 

Désolé, cet article est seulement disponible en Anglais Américain. Pour le confort de l’utilisateur, le contenu est affiché ci-dessous dans une autre langue. Vous pouvez cliquer le lien pour changer de langue active.

Sometimes you need to check the Wifi connection of the device on mobile for several reasons.

In order to get the permission to get the Wifi state you have to add this permission in the AndroidManifest.xml file:

Then use this code in your c# class:

11:30 11:3011:30
 

Désolé, cet article est seulement disponible en Anglais Américain. Pour le confort de l’utilisateur, le contenu est affiché ci-dessous dans une autre langue. Vous pouvez cliquer le lien pour changer de langue active.

In this tutorial I will show you how to generate and import bitmap fonts in Unity3D with ShoeBox and GlyphDesigner.

UPDATE 07.07.2016: An Unity asset store plugin can convert your bitmap fonts for free: https://github.com/lite3/Unity-BitmapFontImporter
UPDATE 11.17.2015: Littera is an online tool. It works great and it’s free: 
http://kvazars.com/littera/
UPDATE: Unity 5.x, I updated the script but there is an issue with the space interline.

EDIT: GitHub repository

You can use your own custom font in your Unity games like this:

MyCustomFont-export

Capture d’écran 2015-03-22 à 22.15.51

First of all we need to export a .xml file and a .png file.

You will also need this piece of code to generate a font compatible with Unity. I modified and found this C# script in the Unity forum.

Download and add this C# script in your Unity Assets folder: GitHub zip

The softwares

It exists several applications to export a bitmap font with a .xml file but in this tutorial we will use ShoeBox and GlyphDesigner:

Export a bitmap font with ShoeBox

Capture d’écran 2015-03-22 à 22.18.34

Capture d’écran 2015-03-23 à 11.46.51

ShoeBox is a free Adobe Air based app for Windows and Mac OSX with game and ui related tools. Each tool uses a drag and drop or clipboard interaction for a quick workflow.

How to generate the required files to import your custom font with ShoeBox?

  • Download and Install ShoeBoxhttp://renderhjs.net/shoebox/
  • You can use my custom font in this .psd file: MyCustomFont.psd
  • Watch this video bellow but export with the template: FNT-xml Starling. Yes! Starling! :). The BitmapImporterScript.cs script needs a .XML file format.

Capture d’écran 2015-03-22 à 22.24.25

The video tutorial:

  • Import the .xml and the .png files in your Unity Assets folder.

Capture d’écran 2015-03-22 à 22.06.14

Follow the next step of the tutorial in the next chapter after this one.

Export a bitmap font with GlyphDesigner

glyph

Glyph-Designer_1

Glyph Designer is a powerful bitmap font designer. Create beautiful designs using highly configurable effects, definable backgrounds and more. Make the most of your screen with smart zooming and full screen support. Target hundreds of devices on multiple platforms with support for over 15 frameworks out the box. Streamline localizations with GDCL.

How to generate the required files to import your custom font with GlyphDesigner?

  • Download and install GlyphDesigner for Mac or Windows
  • Create your own custom bitmap font with all the glyphs you need
  • Click on the Export button
  • And select Export Type > .xml (BMFont XML)

Capture d’écran 2015-03-23 à 11.52.15

  • Click Save
  • Import the .xml and the .png files in your Unity Assets folder.

Capture d’écran 2015-03-23 à 11.57.44

Follow the next step of the tutorial in the next chapter.

Import and use the bitmap font in Unity

Capture d’écran 2015-03-22 à 22.50.37

  • Import the BitmapFontImporter.cs file in your Unity Assets folder.
  • Then do a Right Click on the .xml file
  • Click Generate Bitmap Font
  • The Script should generate a .material and a .fontsettings file
  • Now we use the font you just created in your scene
  • Create an UI > Text game object in your scene
  • Select the UI Text game object
  • In the inspector go to the Text (Script) component and add the .fontsettings file in the Character >Font field
  • Then add the .mat file in the Material field
  • Never use the Font Size value in the component but use the Scale of the game object instead

Capture-d’écran-2015-03-23-à-12.15.15

12:02 12:0212:02
 

Un clic droit sur un animation Flash fait apparaître un menu contextuel avec plusieurs actions possibles sur l’animation en cours.

On peut supprimer les éléments du menu contextuel avec ce bout de code :

15:42 15:4215:42
 

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 :

10:47 10:4710:47
 

Pour tous les dévleoppeurs qui aiment développer avec Flash Develop comme moi, vous aurez probablement BESOIN de coloriser tous les mots clé ActionScript 3.0.

Voici un exemple de la colorisation des mots clés :

flash_develop

Vous pouvez télécharger Flash Develop 4 ici.

Télécarger mon fichier AS3.xml et remplacer le par celui qui se trouve dans le dossier Languages.

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

or

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

Le fichier xml est compatible avec Flhas Develop 4.X.X.

10:54 10:5410:54
 

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

10:04 10:0410:04
 

Aujourd’hui une petite astuce pour tous les développeurs ActionScript avec Flash.

Cela fait un moment que je recherche un moyen d’afficher des message de debug dans la Sortie avec un maximum de détails.

Voici un petit script qui va vous changer la vie.

Simplement en ajoutant cette ligne :

Vous aurez automatiquement ce type de message :

[Class][method][line] foo bar

Installation

  1. Téléchargez le fichier Debug.as
  2. Copiez et collez le fichier Debug.as à la racine du projet, dans le même dossier que le fichier .fla
  3. Activez le mode debug dans Flash : Paramètres de publication > swf > Avancé > Activter debogage
  4. Utilisez le code suivant pour afficher le message de debug avancé

Utilisation

Code source

Debug.as code :

Programmez bien :).

22:14 22:1422:14
 

Partie 4 – Création des cochons et détection des collisions

Introduction

Voici le quatrième tutoriel pour apprendre à créer un jeu de physique comme Angry Birds en Flash avec Box2D.

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

Si vous avez raté le premier tutoriel vous pouvez le trouver ici : http://www.benoitfreslon.com/fr/tutorial-how-to-create-a-game-like-angry-birds-with-box2d-world-construction-kit-flash-part-1

Dans ce tutoriel nous allons créer les ennemis : les Cochons. Puis nous allons détecter les collisions pour les détruire.

Create the Pig character

Créer le Clip du Cochon :

  1. Insertion > Nouveau Symbole
  2. Nom : Pig
  3. Type : MovieClip
  4. Cocher exporter pour ActionScript
  5. Classe : Pig
  6. OK

Capture d’écran 2013-04-28 à 22.25.04

Dessiner un joli cochon vert comme ceci avec les dimensions : 30×30.

Capture d’écran 2013-04-28 à 22.25.21

Ou télécharger mon sprite :

pig

La classe du Cochon

Créer la classe du Cochon

  1. Nouveau > Fichier > Classe ActionSript 3.0
  2. Nom de classe : Pig

Copier et coller ce code à la place :

Ajouter les cochons dans le clip World comme ceci :

Capture d’écran 2013-04-28 à 23.32.12

Enfin tester le niveau.

Le tutoriel est terminé. Si vous souhaitez d’autres fonctionnalités et plus de tutoriels sur le moteur d’Angry Birds postez un commentaire :).

Amusez-vous bien !