Le dernier trimestre 2012 sera très intéressant…

Cela fait un moment que le blog n’a pas eu de billet, mais il faut avouer que je suis assez occupé par les différents projets, le travail et la vie active.

Je suis content de voir que la construction de l’éditeur avance bien. Si vous avez fait attention, c’est par l’intermédiaire du nom Web Creative5 que ce produit se développe.

L’éditeur n’est pas un produit amateur mais sera bel et bien un produit payant. Cependant le moteur RPG JS sera toujours gratuit OpenSource (même la version 2). L’éditeur de Web Creative5 sera le concurrent direct de RPG Maker d’Enterbrain.

Le principal atout de l’éditeur sera la possibilité de créer un MMORPG sans configurer ou installer un serveur.  Proposer un éditeur pour créer des MMORPG sans programmer alors vous devez faire configurer un serveur pour tester votre jeu, ça serait un comble ! La politique de l’éditeur est la même que RPG Maker : « créez un projet et lancez le jeu ».

La version 2 de RPG JS a été conçue de manière à créer un RPG ou un MMORPG. Il est rare de trouver des moteurs/editeurs faisant les deux. Pourtant, ce choix est important car le gameplay, le scénario, etc. d’un jeu est complètement différent entre un RPG et MMORPG et proposer un éditeur de MMORPG exclusivement alors que l’utilisateur souhaite concevoir un RPG serait problématique.

Le langage utilisé est le JavaScript. Il est vrai que pour un MMORPG, cela peut représenter un problème de sécurité. Mais RPG JS v2 vérifie chaque donnée (même les positions) côté serveur afin de garantir l’exactitude des données reçues. Une personne voulant pirater le MMORPG pourra changer les graphismes du jeu – de la même manière qu’une personne change le CSS de Google – mais cela n’aura aucune incidence sur le serveur et les autres joueurs.

Plusieurs éditeurs sont fermés à cause de leur licence propriétaire. Je pense à RPG Maker. Par exemple, l’exportation d’un jeu sur iPhone avec RPG Maker est impossible sauf avec des intermédiaires douteux. Certes, le but n’est pas de modifier le noyau de RPG Maker mais au moins d’ouvrir le code pour permettre plus de possibilité. Remarquez que ma critique sur RPG Maker est un peu excessive dans le sens que celui ci propose une librairie (RGSS) pour toucher aux scripts, fonctionnalité inexistante dans des versions plus anciennes (RPG Maker 2000-2003). Bref, le nouvel éditeur n’est pas fermé car vous pouvez exporter entièrement votre code, programmer des plugins voire améliorer le moteur RPG JS.

L’utilisation de HTML5 est incroyable ! surtout avec l’amélioration des navigateurs Web. Par exemple, voir un plugin dans l’éditeur (conçu par une personne quelconque) permettant de mettre du Google Maps dans un RPG ne serait pas insolite. On pourrait se poser des questions sur son utilité mais cela montre les possibilités et la puissance de l’éditeur et RPG JS. Dans la même lignée, faire un RPG social sur Facebook ou Google+ où les personnages qui jouent avec vous sont vos amis, mettre des vidéos (même Youtube), mettre de la 3D, etc. tout cela est possible sans grande difficulté.

Pour conclusion, cet éditeur sera vraiment une alternative à RPG Maker et proposera enfin des fonctionnalités selon les technologies actuelles. A suivre sur Twitter (@webcreative5) ou la page FaceBook de RPG Creative

NodeJS permet de créer des applications en temps réel. Il est basé sur le moteur Javascript V8. Vous utilisez donc le JavaScript aussi bien côté client que côté serveur.

Socket.io est un module de NodeJS permettant de partager des données en temps réel peu importe la plateforme (navigateurs, smartphones, tablette tactiles, etc.). Selon la plateforme, Socket.io va utiliser un mode de transport :

• WebSocket
• Adobe® Flash® Socket
• AJAX long polling
• AJAX multipart streaming
• Forever Iframe
• JSONP Polling

Commençons l’installation

Note : vous devez avoir un serveur sous Linux pour les commandes suivantes.

Téléchargez NodeJs

git clone git://github.com/joyent/node.git

Note :   »apt-get install git-core » si git n’est pas installé

Allez dans le dossier contenant les fichiers de NodeJs :

cd node

Et commencez l’installation :

./configure && make && make install

Note : Si vous avez l’erreur suivante :

aptitude install build-essential

apt-get install libssl-dev

curl http://npmjs.org/install.sh | sh

npm install socket.io

node server.js

En fait, c’était un petit projet qui m’a pris une semaine de développement. Cependant, ça n’a vraiment jamais marché. Il est vrai que des moteurs comme Google, Bing ou Yahoo! suffisent largement.

DownGames a ensuite été mis dans le menu en entête de RPG Creative afin de faire connaître un peu plus le site.

C’est donc aujourd’hui que le site ferme ses portes. D’un côté, ça m’a formé dans des algorithmes et c’est le principal .

Par exemple, cette chaine de caractères est affiché sur une seule ligne :

var html = "<div><div id='test'><p>Texte</p></div></div>";

En terme de lisibilité, ce n’est pas super. Vous ne pouvez pas ajouter des sauts de ligne entre les caractères. Vous avez deux solutions :

1)

var html = "<div>" +

  "<div id='test'>" +

    "<p>Texte</p>" +

  "</div>" +

"</div>";

Le but est concaténer comme vous avez l’habitude de le faire en JS.

2)

var html = "<div>\

  <div id='test'>\

    <p>Texte</p>\

  </div>\

</div>";

Mettez un anti-slash à la fin de chaque ligne. Personellement, je trouve cette solution plus adéquate à l’affichage multi-ligne.

• 31 200 visiteurs uniques dont :
  • 17% des USA
  • 8% de France
  • 8% de l’Allemagne
  • 7% de l’espagne
  • 6% du Japon
  • 5 de l’Angleterre
  • 5% du Brésil
  • 3% du Canada
  • + autres (Argentine, Russie, Corée du Sud, Inde, Pologne, etc.)
• 36 900 visites
• 2 minutes environ passé sur le site
• 2 pages vues en moyenne (sachant que le site était composé de deux pages avant)
• 51% ont utilisé Google Chrome, 30% pour Firefox, 6% pour Safari, 5% pour IE et 2% pour Opera

Depuis début Mai, on compte plus de 3100 téléchargements pour la version Alpha 2

* Approximatives

Une nouvelle section sera donc créer dans le forum avec la possibilité de mettre une image entre la balise BBCode : [screen][/screen]. L’image sera automatiquement mis dans la galerie.

Chaque membre pourra donc commenter la ou les captures d’écran et donner des conseils. Il n’est pas obligé d’avoir un projet ou une présentation d’un projet pour poster un screen. D’ailleurs, le projet peut être même sur un autre site.

Chaque membre aura son propre sujet avec ses différents screens.

Cette fonctionnalité devrait sortir ce week end.

1 an et 4 mois après, quelle conclusion peut on en tirer ? Hé bien, 820 ouvrages^* ont été vendus. Bon résultat malgré l’objectif fixé de 1000 livres.

Compte tenu de la taille de la communauté RPG Maker, je peux donc que me réjouir de ce chiffre – rapportant très peu d’argent (pour les mauvaises langues …) – qui concrétise l’objectif du site RPG Creative : aider les débutants, initiés et experts dans la création de jeux vidéo amateur.

Prochaine étape : RPG JS. Ce dernier peut aussi aller très loin et offrir des perspectives intéressantes. Un autre projet est en cours de formation et est basé sur le moteur RPG JS. Un projet qui, à mon sens, est plus conséquent que la rédaction d’un livre, plus intéressant et une première pour RPG Creative.

^* Estimation

• IE9 : 25 FPS
• Firefox 3.6, 4 et 5 : 25 FPS
• Opera 10 : 25 FPS
• Google Chrome : 25 FPS
• Safari 5 : 25 FPS
• Maxthon 3 : 25 FPS
• SeaMonkey : 25 FPS

• Archos 70 (Android) : 14 FPS
• Ipad 2 (iOS) : 18 FPS

Très bonne performance sur tous les navigateurs. Pour les tablettes, il faut que la taille du canvas soit plus petit. Pas forcément gênant compte tenu de la taille des écrans de ces derniers. Pour une taille de 500*400 px), nous avons 20 FPS sur Archos.

Des tests ont été fait avec des canvas de 1200px*800px et on tourne à 25 FPS sur ordinateur pour tous les navigateurs cités ci-dessus. Très bon résultat !

On peut noter aussi :

- Jouer avec la souris.
- Possibilité de créer des scènes (Ecran Titre, Game Over, etc.) et de fenêtres pour des menus ou des systèmes.
- Sauvegarde/Chargement d’un jeu
- Possibilité de faire de la 2D isométrique
- Importer des évènements de RPG Maker
- Ton de l’écran, flash sur l’écran, tremblement
- Possibilité de mettre du DOM sur la carte. Par exemple, pour faire des infobulles sur des personnages.

Pour le moment, la version Beta est à 60% de réalisation.

var canvas = document.getElementById('canvas_id');

/*  // Contenu du canvas. Exemple avec un carré :

var ctx = canvas.getContext('2d');

ctx.fillRect(25,25,100,100);

ctx.clearRect(45,45,60,60);

ctx.strokeRect(50,50,50,50);

*/

var img = new Image();

img.src = canvas.toDataURL("image/png");

et le HTML :

<canvas id="canvas_id" width="640px" height="480px"></canvas>

Remarquez sur toDataURL() a un type en paramètre. Mettez « image/jpeg » pour une image JPEG. Aucun paramètre revient à avoir le type PNG.