Anthor.Net http://www.anthor.net Mon, 05 Dec 2011 16:29:41 +0000 en hourly 1 Ophite – Panneaux de signalisation http://www.anthor.net/blog/portfolio/ophite-panneaux-de-signalisation/ http://www.anthor.net/blog/portfolio/ophite-panneaux-de-signalisation/#comments Thu, 15 Sep 2011 16:23:56 +0000 Anthor http://www.anthor.net/?p=863 Fonction : Intégration et Développement PHP / Gestion de projet

Lien : Ophite – Panneaux de signalisation

Société : AnthorNet

]]> http://www.anthor.net/blog/portfolio/ophite-panneaux-de-signalisation/feed/ 0 Minecraft Blueprint http://www.anthor.net/blog/portfolio/minecraft-blueprint/ http://www.anthor.net/blog/portfolio/minecraft-blueprint/#comments Fri, 05 Aug 2011 16:22:13 +0000 Anthor http://www.anthor.net/?p=855 Fonction : Intégration et Développement PHP / Gestion de projet

Lien : Minecraft Blueprint

Société : AnthorNet

]]> http://www.anthor.net/blog/portfolio/minecraft-blueprint/feed/ 0 WebGL avec Three.js http://www.anthor.net/blog/developpement/webgl-avec-three-js/ http://www.anthor.net/blog/developpement/webgl-avec-three-js/#comments Sun, 12 Jun 2011 13:23:30 +0000 Anthor http://www.anthor.net/?p=794 Avec l’arrivée de WebGL dans les derniers navigateurs, il était temps de faire quelques essais. N’ayant aucune connaissance en programmation 3D, je me suis aidé de Three.js, une librairie permettent de proposer un API « simple ». La documentation est inexistante, mais les exemples fournis sont nombreux et permettent rapidement d’obtenir quelques résultats, à condition d’avoir de bonnes connaissances en JavaScript et de savoir se débrouiller !

Pour commencer, il me fallait quelque chose de simple, jouant à Minecraft depuis quelques mois, je me suis dit, qu’utiliser des cubes serait un bon moyen de tester les possibilités, sans entrer dans des formes complexes. De ce constat est né l’idée de Minecraft Blueprint, un service qui permettrait de créer des formes en ligne, composées des matériaux disponibles dans Minecraft, et proposant aux visiteurs de pouvoir recréer ces plans avec facilité.

Je n’avais pas prévu au départ d’ouvrir le site publiquement avant d’avoir un éditeur complet et stable, mais la version de développement ayant été relayé sur LearningWebGL, il en a été autrement !

Finalement, j’ai réussi rapidement à avoir quelques rendus sympathiques, mais mes connaissances restent trop limitées pour arriver à optimiser mon code pour les différentes versions de Firefox et de Chrome.
Aujourd’hui les dernières versions de ces deux navigateurs proposent WebGL activé par défaut, et sont plutôt bien introduites. De plus Three.JS proposent aussi un moteur de rendu en Canvas et en SVG, bien que les performances en sont bien moindres.

Malgré cela, je pense qu’il y a de bonnes applications pour les jeux par navigateur, et pour des applications en ligne. On peux tout à fait imaginer des plateaux de jeux en 3D, des cartes, des interfaces, des pages d’accueil…

Il me reste encore quelques ajustements à faire pour sortir l’éditeur publiquement, mais le travail est en bonne voie ! Actuellement j’ai réussi à implémenter une grande majorité des blocs du jeu, et je dois m’attaquer aux objets avec une orientation, ainsi qu’à plusieurs travaux d’optimisations, surtout sur des constructions de plus de 2000 blocs.

]]> http://www.anthor.net/blog/developpement/webgl-avec-three-js/feed/ 0 Nicolas Maligne http://www.anthor.net/blog/portfolio/nicolas-maligne/ http://www.anthor.net/blog/portfolio/nicolas-maligne/#comments Thu, 12 May 2011 13:32:02 +0000 Anthor http://www.anthor.net/?p=799 Fonction : Intégration et Développement PHP / Gestion de projet

Lien : Nicolas Maligne

Société : AnthorNet

]]> http://www.anthor.net/blog/portfolio/nicolas-maligne/feed/ 0 Château du Moulin-à-Vent http://www.anthor.net/blog/portfolio/chateau-du-moulin-a-vent/ http://www.anthor.net/blog/portfolio/chateau-du-moulin-a-vent/#comments Sun, 05 Dec 2010 16:26:59 +0000 Anthor http://www.anthor.net/?p=867 Fonction : Intégration dans Power Boutique

Lien : Château du Moulin-à-Vent

Société : AnthorNet

]]> http://www.anthor.net/blog/portfolio/chateau-du-moulin-a-vent/feed/ 0 Démarrage rapide avec Webgame Achievements http://www.anthor.net/blog/developpement/demarrage-rapide-avec-webgame-achievements/ http://www.anthor.net/blog/developpement/demarrage-rapide-avec-webgame-achievements/#comments Tue, 05 Oct 2010 17:23:35 +0000 Anthor http://www.anthor.net/?p=768 Un service destiné à être utilisé par des néophytes se doit d’avoir une bonne documentation, actuellement, ceci manque sur Achievements, principalement par manque de temps, et aussi car j’aime avoir un contact proche avec les participants.

Néanmoins, je livre ici une première version du « Quick Start », et d’autres suivront. La publication va permettre de motiver plus de jeux à participer, notamment en expliquant de façon un peu plus détaillé le fonctionnement de l’API. Ce tuto est disponible pour les éditeurs, de façon privé, dans leur interface.

Achievements se compose d’une classe PHP ainsi que d’une feuille de style, permettant la communication avec le service et l’affichage au sein du jeu.

Le service requiert d’installer sur le serveur l’extension CURL (Pour communiquer avec le serveur) et l’extension MCRYPT (Pour crypter les communications entre votre jeu et le serveur).

Imaginons une page standard comportant un formulaire, ce formulaire servira à introduire les mécanismes de communication vers le service, en simulant l’activité du joueur, tel qu’une attaque ou une création d’objets. 

<?php
$nbObject = 0;
 
if( isset($_POST['playerAction']) && !empty($_POST['playerAction']) )
{
    // Ici votre code habituel pour gérer l'action du joueur
    $nbObject = (int) $_POST['playerAction'];
}
?>
<!DOCTYPE html PUBLIC 
    "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
    <title>Démarrez rapidement avec Achievements</title>
</head>
 
<body>
    <form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post">
        <input type="text" name="playerAction" value="<?php echo $nbObject; ?>" />
        <input type="submit" value="Action du joueur" />
    </form>
</body>
</html>

La page d’exemple est volontairement simplifiée afin de se concentrer sur la mise en place du service.

Inclure la classe Achievements

Récupérer le code PHP de la classe Achievements (Disponible dans la rubrique Éditeur » Fichier API) afin de l’injecter dans un fichier « Achievements.php ».
Si vous utilisez la version commune, il faut penser à modifier les clés privées et publiques, pour correspondre à celle de votre jeu.

Une fois le fichier créé, il suffit de l’inclure dans votre projet. De cette manière, la classe est accessible pour être utilisée. 

<?php
require_once APPLICATION_PATH . '/Achievements.php';
 
$nbObject = 0;
 
if( isset($_POST['playerAction']) && !empty($_POST['playerAction']) )
{
    // Ici votre code habituel pour gérer l'action du joueur
    $nbObject = (int) $_POST['playerAction'];
}
?>
<!DOCTYPE html PUBLIC 
    "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
    <title>Démarrez rapidement avec Achievements</title>
</head>
 
<body>
    <form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post">
        <input type="text" name="playerAction" value="<?php echo $nbObject; ?>" />
        <input type="submit" value="Action du joueur" />
    </form>
</body>
</html>

Il est recommandé de placer cette ligne le plus tôt possible dans votre projet et avant toute sortie HTML.

Inclure le style CSS

Vous pouvez définir différentes couleurs afin d’harmoniser le service avec votre jeu dans la rubrique Éditeur » Éditeur de style CSS.

Une fois vos couleurs définies, copier/coller le code source obtenu à la fin de votre fichier CSS actuel, ou bien en créer un nouveau et intégrez-le dans le header de votre jeu. 

<?php
require_once APPLICATION_PATH . '/Achievements.php';
 
$nbObject = 0;
 
if( isset($_POST['playerAction']) && !empty($_POST['playerAction']) )
{
    // Ici votre code habituel pour gérer l'action du joueur
    $nbObject = (int) $_POST['playerAction'];
}
?>
<!DOCTYPE html PUBLIC 
    "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
    <title>Démarrez rapidement avec Achievements</title>
 
    <link href="/css/achievements.css" media="screen" rel="stylesheet" type="text/css" />
</head>
 
<body>
    <form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post">
        <input type="text" name="playerAction" value="<?php echo $nbObject; ?>" />
        <input type="submit" value="Action du joueur" />
    </form>
</body>
</html>

Il est recommandé d’utiliser votre fichier CSS existant afin de limiter le nombre de requêtes sur votre serveur.

Instancier un joueur spécifique

Un joueur est reconnu sur Achievements grâce au hash de son email.
L’architecture de la classe permet de travailler sur plusieurs joueurs à la fois, ainsi, vous pouvez tout à fait accorder un succès à un joueur qui a paré l’attaque du joueur courant.

Dans notre exemple, nous instancions uniquement le joueur courant, afin d’envoyer des informations le concernant.
Dans tous les cas le hash de l’email est unique, assurant que le joueur retrouvera ces informations qu’il soit inscrit ou non sur Achievements au moment de l’action. 

<?php
require_once APPLICATION_PATH . '/Achievements.php';
 
$myPlayerAchievements = Achievements::getInstance( 'emailDuJoueur@domaine.com' );
 
$nbObject = 0;
 
if( isset($_POST['playerAction']) && !empty($_POST['playerAction']) )
{
    // Ici votre code habituel pour gérer l'action du joueur
    $nbObject = (int) $_POST['playerAction'];
}
?>
<!DOCTYPE html PUBLIC 
    "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
    <title>Démarrez rapidement avec Achievements</title>
 
    <link href="/css/achievements.css" media="screen" rel="stylesheet" type="text/css" />
</head>
 
<body>
    <form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post">
        <input type="text" name="playerAction" value="<?php echo $nbObject; ?>" />
        <input type="submit" value="Action du joueur" />
    </form>
</body>
</html>

Afficher les succès au joueur

Une fois que vous avez accès à l’instance du joueur courant, il faut pouvoir lui afficher le résultat de ses succès.
Une méthode dédiée s’occupe de cela en fournissant un code xHTML, ainsi que le javascript associé.

En la plaçant avant la fermeture de la balise , vous vous assurez que les messages destinés au joueur courant lui parvienne uniquement lorsqu’il affiche une page complète.
En effet en cas de redirection, la méthode n’est pas appelée et les messages restent dans le cache jusqu’à ce que le joueur affiche une page. 

<?php
require_once APPLICATION_PATH . '/Achievements.php';
 
$myPlayerAchievements = Achievements::getInstance( 'emailDuJoueur@domaine.com' );
 
$nbObject = 0;
 
if( isset($_POST['playerAction']) && !empty($_POST['playerAction']) )
{
    // Ici votre code habituel pour gérer l'action du joueur
    $nbObject = (int) $_POST['playerAction'];
}
?>
<!DOCTYPE html PUBLIC 
    "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
    <title>Démarrez rapidement avec Achievements</title>
 
    <link href="/css/achievements.css" media="screen" rel="stylesheet" type="text/css" />
</head>
 
<body>
    <form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post">
        <input type="text" name="playerAction" value="<?php echo $nbObject; ?>" />
        <input type="submit" value="Action du joueur" />
    </form>
 
    <?php echo $myPlayerAchievements->printStatus(); ?>
</body>
</html>

Communiquer avec Achievements

Une fois la mise en place effectuée, il ne reste plus qu’à communiquer avec Achievements lorsqu’un joueur effectue une action.

Pour cela il faut créer un succès dans l’interface du service, et récupérer le code donné. La clé du succès est automatiquement remplacée par la clé du succès courant.
Le service recevra la valeur donnée et renverra une réponse contenant les informations nécessaires à l’affichage.
Ces informations sont traitées de façon automatisées par la classe, et vous n’avez donc pas à vous en préoccuper. 

<?php
require_once APPLICATION_PATH . '/Achievements.php';
 
$myPlayerAchievements = Achievements::getInstance( 'emailDuJoueur@domaine.com' );
 
$nbObject = 0;
 
if( isset($_POST['playerAction']) && !empty($_POST['playerAction']) )
{
    // Ici votre code habituel pour gérer l'action du joueur
    $nbObject = (int) $_POST['playerAction'];
 
    // Le code envoyant la valeur courante à Achievements
    try
    {   
        $myPlayerAchievements->updateAchievement(
            'XXXXXXXX', // Clé du succès
            $nbObject
        );
    }
    catch( Exception $e ) 
    {
        // Mettre ici votre gestion d'erreurs.
        // Ou laisser vide pour ne pas bloquer le jeu en cas de panne du service.
    }
}
?>
<!DOCTYPE html PUBLIC 
    "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
    <title>Démarrez rapidement avec Achievements</title>
 
    <link href="/css/achievements.css" media="screen" rel="stylesheet" type="text/css" />
</head>
 
<body>
    <form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post">
        <input type="text" name="playerAction" value="<?php echo $nbObject; ?>" />
        <input type="submit" value="Action du joueur" />
    </form>
 
    <?php echo $myPlayerAchievements->printStatus(); ?>
</body>
</html>
]]> http://www.anthor.net/blog/developpement/demarrage-rapide-avec-webgame-achievements/feed/ 4 Webgame Achievements http://www.anthor.net/blog/developpement/webgame-achievements/ http://www.anthor.net/blog/developpement/webgame-achievements/#comments Mon, 30 Aug 2010 13:44:00 +0000 Anthor http://www.anthor.net/?p=741 J’en avais vaguement parlé dans un précédent billet, et c’est aujourd’hui chose faite !

« Achievements » est en ligne dans une première version et n’attend plus que des jeux se joignent à l’aventure pour prendre son envol.

Comme l’explique SorenS, Achievements permettra aux jeux par navigateur de fidéliser un peu plus leurs joueurs avec un service simple à mettre en place.

Une classe PHP permet de communiquer avec l’API et gère l’affichage du résultat pour les joueurs. Le résultat est visible sur les démonstrations, qui utilisent la même API que les jeux. Ces démonstrations sont avant tout destinées aux futurs éditeurs du service afin de comprendre les différents types de succès qu’il est possible de mettre en place.
Grâce à un système de cache évolué aussi bien côté serveur que côté client, le service est rapide et ne fait pas plus de requêtes que nécessaire.

Par exemple, si un joueur a déverrouillé un succès, alors aucune requête ne sera faite à l’API. De la même manière des vérifications permettent lors de l’édition d’un succès de débloquer le cache afin de refaire des requêtes vers l’API lorsque le joueur effectuera des actions sur le jeu. Tout cela étant évidemment transparent, car il n’y a que 3 méthodes pouvant être appelées.

// Un singleton pour utiliser un joueur en particulier
$myAchievement = Achievements::getInstance( 'emaildujoueur@mondomaine.com' );
 
// Une fonction lorsqu'un joueur se connecte au jeu
$myAchievement->playerPlays( 'login' );
 
// Une fonction pour mettre à jour un succès
try
{  
    $myAchievement->updateAchievement( 'clé du succès', 'valeur' );
}
catch( Exception $e )
{
    echo 'Exception: ' . $e->getMessage();
    die();
}
 
// Une fonction à n'utiliser qu'en fin de fichier avant la fermeture de <body> 
// pour gérer l'affichage du joueur concerné par l'instance.
$myAchievement->printStatus();

Le service est fourni avec un back-office complet qui permet aux éditeurs d’être globalement autonome dans la gestion de leurs jeux et de leurs succès. Il est gratuit, et le seul retour se situe lors de l’affichage des succès pour le joueur, afin de le rediriger sur son profil. Concernant les emails, ils ne sont pas envoyés au service. Tout fonctionne grâce à une clé unique générée pour chaque email.

]]> http://www.anthor.net/blog/developpement/webgame-achievements/feed/ 2 Webgame Achievements http://www.anthor.net/blog/portfolio/webgame-achievements-2/ http://www.anthor.net/blog/portfolio/webgame-achievements-2/#comments Sun, 15 Aug 2010 09:28:09 +0000 Anthor http://www.anthor.net/?p=807 http://www.anthor.net/blog/portfolio/webgame-achievements-2/feed/ 0 Refonte graphique de Tarschool http://www.anthor.net/blog/divers/refonte-graphique-de-tarschool/ http://www.anthor.net/blog/divers/refonte-graphique-de-tarschool/#comments Wed, 23 Jun 2010 11:54:00 +0000 Anthor http://www.anthor.net/?p=739 Après les problèmes rencontrés par Tarschool avec ces anciens collaborateurs, Ebene est venu nous proposer son aide afin de refondre le graphiquement le jeu.

Après quelques jours de travail, l’intégration de la nouvelle maquette et le teasing afin de prévenir les joueurs en douceur, la nouvelle charte graphique est en ligne pour le plus grand plaisirs des joueurs.

Il faut dire que le travail effectué est ravissant, et bien plus harmonieux que la version précédente.

Ebene vous en parlera mieux que moi sur son blog, ici et ici.

]]> http://www.anthor.net/blog/divers/refonte-graphique-de-tarschool/feed/ 0 Sommes-nous des imposteurs ? http://www.anthor.net/blog/divers/sommes-nous-des-imposteurs/ http://www.anthor.net/blog/divers/sommes-nous-des-imposteurs/#comments Sat, 12 Jun 2010 16:44:12 +0000 Anthor http://www.anthor.net/?p=734 C’est fou comme la mauvaise foi de personnes avec qui vous pouvez travailler ou de joueurs peuvent vous faire perdre du temps et de l’énergie inutilement !
Du coup, le temps passe, le chômage aussi et j’ai souvent l’impression de stagner, recommencer à partir de zéro après quelques mois intensifs est très mauvais pour la motivation.

Dans les jeux par navigateur, on rencontre souvent des personnes qui pensent qu’un jeu tient en une idée de 3 lignes. Ce qui est rarement le cas. Hormis pour les petits jeux qui ne demandent que 5 minutes, un jeu est constitué d’une multitude de petits modules qui s’interconnectent entre eux pour former un ensemble de règles homogènes.
Créer les règles, les algorithmes, l’équilibrage demande beaucoup de réflexions et de temps afin d’avoir une bonne vision d’ensemble, mais il est très dur de parvenir à avoir un jeu vaste lorsque l’on travaille seul.
Trouver la bonne personne avec qui travailler est difficile, d’autant qu’il semble que l’on rencontre rarement des personnes ayant déjà une expérience en entreprise, et d’un travail sérieux

Les « créateurs » de jeux par navigateur sont-ils globalement des imposteurs ?

]]> http://www.anthor.net/blog/divers/sommes-nous-des-imposteurs/feed/ 0