Forums GAMERGEN

• Les outils "raf_compiler" disponible dans le SDK officiel de la ps3.(je ne suis pas responsable du téléchargement du SDK, et je ne peut fournir aucun lien).
  
• D'un logiciel de modélisation 3D (ici je travaillerais avec Cinéma 4D R12).
• D'un logiciel de retouche photo.
• Du Pack RTU a télécharger ICI.(comprend les dossiers utiles, P3Tcompiler, et l'installateur de Notepad++).
• De patience, et d'un cerveau.

• Le XML.
• Le Javascript.

Le XML

Le XML (Extensible Markup Language, « langage de balisage extensible ») est un langage informatique de balisage générique qui dérive du SGML. Cette syntaxe est dite extensible car elle permet de définir différents espaces de noms, c'est-à-dire des langages avec chacun leur vocabulaire et leur grammaire, comme XHTML, XSLT, RSS… Cette syntaxe est reconnaissable par son usage des chevrons (< >) encadrant les balises. L'objectif initial est de faciliter l'échange automatisé de contenus complexes (arbres, texte riche…) entre systèmes d'informations hétérogènes (interopérabilité). Avec ses outils et langages associés une application XML respecte généralement certains principes:

- La structure d'un document XML est définie et validable par un schéma,
- Un document XML est entièrement transformable dans un autre document XML.

Le JavaScript

JavaScript est un langage de programmation de scripts principalement utilisé dans les pages web interactives mais aussi côté serveur. C'est un langage orienté objet à prototype, c'est-à-dire que les bases du langage et ses principales interfaces sont fournies par des objets qui ne sont pas des instances de classes, mais qui sont chacun équipés de constructeurs permettant de générer leurs propriétés, et notamment une propriété de prototypage qui permet d'en générer des objets héritiers personnalisés.

• Création d'un objet "cube" avec exportation au format .DAE ;
• Création d'un objet "background" avec exportation au format .DAE ;
• Ecriture du code XML ;
• Ecriture du code JS ;

• Ne pas utiliser des textures trop grande (préferez le 240*480, ou le 720*1440 maximum).
• Vérifiez toujours votre code source, nous n'avons aucun debugger, donc ce seras a vous de faire bien attention a ne rien oublier.
• Ne jamais utiliser le même objet pour 2 "model" (vous comprendrez tout a l'heure). Cette condition est importante, auquel cas votre console crasheras a l'installation du thème.
• Ne faite pas d'objets trop complexe.
• N'importez que des objets, les lumières et caméra n'étant pas reconnu par le logiciel, vous vous retrouverez confronté a une erreur de compilation.

• Un cube
• Un plane

• cube.xml : ce fichier sert a faire appel aux différents objets et textures que nous utiliserons pour l'animation. Il est primordial, car sans lui, on ne peut rien faire. Il faut appel entre autre aux objets, textures caméras et lumières dont nous avons besoin.
  
• cube.js : celui ci quand a lui ne gère que l'animation. par exemple, c'est lui qui gère le déplacement de vos objets, mais aussi de la caméra et des lumière. Il permet aussi de paramétrer les différents objets importer, même si le fichier xml permet aussi de le faire.
• tuto.xml : ce ficher là quand a lui n'est utile en rien dan la génération de l'animation. En fait ce fichier n'est autre que le fichier xml qui contient la liste de toute les icônes, arrière plan, et autre folie d'un thème au format P3T. Bien sûr, ici il ne contient rien d'autre qu'une ligne, qui permet de faire appel a notre futur fichier RAF.
• run.bat : Rien de bien utile en soit, ceci est un batch que je vous est créer, ceci permettras d'automatiser toute vos commandes, mais ne vous inquiétez pas je vous fournirais aussi les commandes exact pour tout les fan de la bonne vieille ligne de commande.

Code: Select All Code

<?xml version='1.0' encoding="UTF-8"?>

<raf>

</raf>

Code: Select All Code

<model id="mdl_wallpaper" file="objets\wallpaper.dae" />

<material id="mtrl_wallpaper" effect="pure_texture" >
        <texture file="ecosysteme\textures\wallpaper.jpg" />
</material>

<actor id="wallpaper" model="mdl_wallpaper" material="mtrl_wallpaper" scale="600, 600, 600" />


<model id="mdl_wallpaper" file="objets\wallpaper.dae" />

La balise <model> permet de faire appel a un objet au format DAE. Comme vous pouvez le voir, elle possède deux attribut, le premier attribut se nomme id, et le second se nomme file.

L'attribut id permet de donner un nom a notre objet, et ceci pour permettre par la suite de faire appel a l'objet via son nom. Le nom de l'objet ici est mdl_wallpaper, mais vous pouvez l'appeler comme vous le vouler, je l'ai appeler ainsi pour mieux m'y retrouver (mdl signifie modèle, et wallpaper est le nom du DAE).

L'attribut file permet quand a lui de faire appel au fichier DAE. Ici la valeur de cet attribut est "objets\wallpaper.dae", qui n'est autre que le chemin d'accès vers le DAE (ou seulement le nom si le DAE se trouve dans le même dossier que le xml).

<material id="mtrl_wallpaper" effect="pure_texture" >
<texture file="textures\wallpaper.jpg" />
</material>

Ici nous avons une balise dans une autre balise. La balise principale commence a <material> et fini a </material>La seconde balise est la balise <texture>.

<material> est une balise qui permet de définir un materiel. Celle ci possède deux attributs. L'attribut id est le même que pour la balise </model>. L'attribut effect permet de donner différent effet au materiel, comme un reflet, un affichage classique, une transparence etc...

La seconde balise nommé <texture> permet de définir une texture et ne possède qu'un attribut file, qui fait la même chose que pour la balise <model>

<actor id="wallpaper" model="mdl_wallpaper" material="mtrl_wallpaper" scale="300, 300, 300" />

Cette balise permet de grouper objet et texture ensemble. En clair, la balise <actor> permet d'appeler notre DAE et notre texture. Vous remarquerez que la valeur des attributs sont les noms des attributs défini dans les précédentes balises.

L'attribut id= permet de donner un nom a notre objet définitif.

L'attribut model= fait appel a la balise <model>

L'attribut material= fait appel a la balise <material>

l'attribut scale= permet de définir une taille a notre objet final. les valeurs de base sont "1, 1, 1", ce qui sgnifie 100% de la taille d'origine. Un scale de "2, 2, 2" correspond a une taille 200% plus grande que la taille d'origine, vous comprendre donc qu'un scale en "300, 300, 300" est très très grand. Il faut savoir qu'ici, nous n'avons aucune unité de mesure tel que le centimètre, donc ce seras a vous de savoir gérer la taille de vos objets. Pour finir, sachez que ces mesures sont exprimé sur 3 axes, l'axe X, Y et Z (dans cet ordre là).

• appelez votre cube mdl_cube et votre texture mtrl_cube.
• mettez lui un scale défini sur 100%.
• n'oubliez pas de dire ou se trouve votre cube et votre texture.

[+] CLIQUER POUR AFFICHER

Code: Select All Code

<model id="mdl_cube" file="objets\cube.dae" />

<material id="mtrl_cube" effect="pure_texture" >
        <texture file="textures\cube.jpg" />
</material>
<actor id="cube" model="mdl_cube" material="mtrl_cube" />

Code: Select All Code

<?xml version='1.0' encoding="UTF-8"?>

<raf>

<model id="mdl_wallpaper" file="objets\wallpaper.dae" />

<material id="mtrl_wallpaper" effect="pure_texture" >
        <texture file="ecosysteme\textures\wallpaper.jpg" />
</material>

<actor id="wallpaper" model="mdl_wallpaper" material="mtrl_wallpaper" scale="300, 300, 300" />


<model id="mdl_cube" file="objets\cube.dae" />

<material id="mtrl_cube" effect="pure_texture" >
        <texture file="textures\cube.jpg" />
</material>
<actor id="cube" model="mdl_cube" material="mtrl_cube" />

</raf

Code: Select All Code

<camera id="camera" type="perspective" yfov="0.927292" ymag="0" znear="0.01" zfar="1000" position="0, 0, 18" direction="0, 0, 0" up="0, 1, 0" />

<light id="ambiant_light" file="objets\ambiant_light.dae" type="ambient" />

<camera id="camera" type="perspective" yfov="0.927292" ymag="0" znear="0.01" zfar="1000" position="0, 0, 18" direction="0, 0, 0" up="0, 1, 0" />

Je ne vous apprend rien quand je vous dit que la balise <camera> permet d'importer...une caméra ! Comme vous pouvez le voir, ici nous ne faisons pas appel a un objet au format .DAE, pour la simple et bonne raison que ceci est déjà intégré au logiciel de Sony, il suffit juste d'indiquer que l'on souhaite importer une caméra, lui mettre quelques propriété, et le tour est jouer.

L'attribut id= fonctionne de la même manière qu'auparavant, elle sert a donner un nom a notre caméra.

L'attribut type= permet de dire quel type de vision utiliser, il n'existe que deux type de vision, la vision "perspective" et "orthographique", mais nous reviendrons sur ce point un peu plus bas, ici nous n'allons utiliser que la vision "perspective".

L'attribut yfov= indique le champ de vision dans le direction verticale (perspective uniquement) grâce a un nombre.

L'attribut ymag= indique le grossissement de la vision dans le direction verticale (orthographique uniquement) grâce a un nombre.

L'attribut znear= indique la distance la plus proche où la camera peut voir l'objet.

L'attribut zfar= indique la distance la plus loin où la camera peut voir l'objet.

L'attribut position= permet de choisir la position de notre caméra, sur un axe X, Y, Z. Vous verrez par la suite que l'on peut soit mettre des attributs dans notre xml pour donner des propriétés a un objet, soit le faire via le fichier JS, ici pour la caméra, je préfère établir la position/rotation/direction via le XML pour ne garder que les mouvements d'objet via le JavaScript.

L'attribut direction= est identique a l'attribut position=, il permet de choisir la direction de notre caméra.

Pour finir, l'attribut up= permet de définir l'axe qui seras placé en haut. Il faut savoir que de base, l'axe x est l'axe de gauche a droite, l'axe Y est l'axe de haut en bas, et l'axe Z et l'axe d'avant en arrière. Ici, tout est laisser par défaut, ne toucher pas a cette option pour le moment, écrivez la tel quel, ça vous éviteras bien des mésaventures...

<light id="ambiant_light" file="objets\ambiant_light.dae" type="ambient" />

Ici rien de bien compliqué, la balise <light> permet d'importer une lumière. Il ne faut utiliser que ces deux types de lumières, n'essayez pas de mettre une lumière dans un .DAE personnalisé, vous serez confronté a une erreur de compilation.

Vous connaissez déjà les deux premiers attribut, seul le dernier vous est inconnu, celui ci permet de choisir entre une lumière ambiante (ambient), ou un point lumineux, similaire a un spot (point). Il existe aussi plein d'autre paramètres a donner a notre lumière, mais qui seront inutile pour ce tutoriel.

Code: Select All Code

<?xml version='1.0' encoding="UTF-8"?>

<raf>

<!-- arrière plan -->

<model id="mdl_wallpaper" file="objets\wallpaper.dae" />

<material id="mtrl_wallpaper" effect="pure_texture" >
        <texture file="ecosysteme\textures\wallpaper.jpg" />
</material>

<actor id="wallpaper" model="mdl_wallpaper" material="mtrl_wallpaper" scale="300, 300, 300" />

<!-- objets de notre scène -->

<model id="mdl_cube" file="objets\cube.dae" />

<material id="mtrl_cube" effect="pure_texture" >
        <texture file="textures\cube.jpg" />
</material>

<actor id="cube" model="mdl_cube" material="mtrl_cube" />

<!-- caméra et lumières -->

<camera id="camera" type="perspective" yfov="0.927292" ymag="0" znear="0.01" zfar="1000" position="0, 0, 18" direction="0, 0, 0" up="0, 1, 0" />

<light id="ambiant_light" file="objets\ambiant_light.dae" type="ambient" />

</raf