GuZnaK
22/10/2006, 13h12
Créer un skin pour la Supercard
Attention ce tuto ne marche que pour les firmwares < 1.7 brickage assuré sinon
par GuZnaK (1e partie) et Pitt (2e partie)
Voila, il est d'actualité que le menu de la Supercard fait un peu peur...Certains diront que ce n'est pas important vu le peu de temps qu'on passe dessus, mais pour tous les nerds qui voudraient s'expérimenter à cette méthode, la voici...
/!\TOUT D'ABORD CETTE METHODE NE MARCHE QUE SUR LES SC SC,MiniSD ET CF/!\
[B]1ere partie : Injecter un skin déja existant.
Voila ce qu'il faut faire :
Tout d'abord, l'archive ici présente (http://www.users.qwest.net/~videenlance/SCZv25.rar) vous permet de rappatrier les fichiers dont vous aurez besoin ainsi que quelques skins pré-construits. Téléchargez-là puis extrayez-là, le dossier doit s'appeler SCZ.
Tout d'abord, copiez le programme "SCdumper.nds" sur votre SD/CF puis lancez-le. Le programme créera le fichier fichier "FIRMWARE.BIN" sur votre carte mémoire: c'est le firmware de votre SC. Copiez-le dans le dossier "SCZ" (faites en une copie de sécurité au cas où ;))
Vous pourrez trouver, dans le dossier "Example Skins", des skins assez sympathiques déja construits. Copiez les fichiers du skin (qui vous plait évidemment)"Chekbox.png", "font.png" et "buttons.png" dans le dossier "SCZ".
Lancez Skin.bat; si ce firmware n'est pas le votre et contient, par exemple, un skin qui vous plait, choisissez le choix "1" pour extraire les images dans le dossier "SCZ".
Si vous voulez avoir un apercu des images du skin que vous avez copié, le choix "2" créera une image "preview.png" qui vous montre à quoi le skin ressemble (ne vous y fiez pas trop non plus si vous avez fait le skin de A à Z, on verra ca plus tard).
Si le skin vous plait, lancez "Compiler.bat" et attendez la fin du programme; une fois cela fait, copiez "flasmp.nds" sur votre SD/CF et lancez-le. A l'apparition du message en espagnol, une combinaison de touches vous sera demandée :
S'il est marqué : "Izquierda: SC OriginalSD : Lista!" , pressez les touches L+R+Gauche. S'il est marqué : "Derecha: Supercard SD : Lista!" , pressez les touches L+R+Droite.
S'il est marqué : "Arriba: Supercard SD : Lista!" , pressez les touches L+R+Haut.
Une fois cela fait, le firmware va être dumpé et après le message "Reseta ahora.." vous pourrez éteindre et rallumer votre DS.
Si tout va bien, votre skin devrait être opérationnel !
Skins fournis avec le .rar :
http://img350.imageshack.us/img350/9780/skinsc2vh6.png
Special thanks: simleouf, qui a traduit en premier ce tuto, que j'ai repris et amélioré.
La team qui a fait ce programme.
Voila, j'attends vos réactions !
[B]2e partie : Comment créer son propre skin pour la supercard.
Nécessaire:
un logiciel de dessin dans lequel vous pourrez gérer facilement la palette. Pour les Windowsiens, Usenti fait très bien l'affaire. :D
le kit pour créer un skin supercard (voir plus haut).
un cerveau, comme d'habitude. =_=
Vous avez tout ? Alors c'est parti ! Pour notre skin, nous avons besoin de 3 fichiers:
font.png:
Ce fichier va contenir la police de caractères de l'ensemble du menu. La solution la plus simple consiste à le créer grâce à l'utilitaire DSFG (Font Grapher) fourni dans l'archive. :) Pour cela, choisissez votre police de caractères puis sauvegardez l'image dans le dossier de votre skin. Pour ceux qui ne pourraient/voudraient pas utiliser DSFG, chaque lettre correspond à un rectangle de 8x16, et les lettre sont dans l'ordre montré ci-dessous. :S
http://img430.imageshack.us/img430/6589/fontxt2.png
checkbox.png
Ce fichier va contenir l'apparence des différentes cases à cocher du menu. Encore une fois, rien de plus simple: cette image de 32x16 se décompose en 2 zones de 16x16, la plus à gauche pour la case cochée, et la plus à droite pour la case non-cochée.
http://img267.imageshack.us/img267/2724/checkboxcw4.png
buttons.png
Le dernier, mais pas des moindres ! Ce fichier représente 80% de la réalisation du skin. C'est une image de 216x16, qui se subdivise en 3 parties:
La portion de 8x16 la plus à gauche représente le motif qui sera répété tout le long de la barre inférieur, celle qui nous affiche le dossier dans lequel nous nous trouvons.
Exemple:http://img303.imageshack.us/img303/695/leftrl8.png qui deviendra comme barre inférieure:http://img404.imageshack.us/img404/217/bottomyl4.png
La portion de 200x16 suivante représente la barre supérieure, celle qui nous indique dans quel menu on se trouve. Là, ça se complique un peu, car on va devoir parler de palette. En effet, ce fichier doit être enregistré en mode 256 couleurs, mais vous ne pouvez utiliser QUE LES 128 premières couleurs ; de plus, il y a certaines contraintes à respecter >_< :
- La première couleur de la palette correspond à la couleur de fond du menu.
- La 128ème couleur correspond à la couleur de mise en surbrillance du texte lorsqu'il est "sélectionné". De plus, cette portion de 200x16 peut être découpée en 4 zones de 50x16, qui représentent les 4 menus disponibles: jeux, sauvegardes, options et aide. Lorsque l'utilisateur sélectionne un menu, le firmware colore les zones transparentes DE LA PORTION CORRESPONDANTE avec la couleur 128. :huh: En fait, c'est assez simple ... quand on a compris ! :lol:
- La 140ème couleur correspond à 3 choses différentes: la couleur de transparence dont je parlais précédemment, la couleur "standard" du texte lorsqu'il n'est pas mis en surbrillance, et enfin la couleur du fond (en dessous et à droite du menu) lorsque l'on boote en mode DS.
Un exemple de palette:
http://img197.imageshack.us/img197/8176/palkb6.png
Et un exemple de barre supérieure:http://img411.imageshack.us/img411/8561/tophk1.png
La dernière portion de 8x16 correspond au motif qui sera répété (comme pour la barre du bas) A DROITE de la barre du haut. C'est sur ce motif que s'affiche le 1/4, 2/4, etc de la supercard.:)
Après ça, il ne vous reste plus qu'à 'compiler' votre skin, et à l'essayer ; ^^ avant de vous quitter, je vous donne le skin (même si il est dans l'archive :lol:) que j'ai utilisé pour ce tuto:
http://img333.imageshack.us/img333/6720/buttonmg2.png
... et sa preview:
http://img197.imageshack.us/img197/448/previewli0.png
Le tout s'affiche très mal à cause des couleurs transparentes ... Tant pis ! <_< Voilà, ce tuto sur la création de skins pour la supercard est fini, j'espère avoir été clair. Si vous avez des questions, n'hésitez pas ! ;)
Pitt
Attention ce tuto ne marche que pour les firmwares < 1.7 brickage assuré sinon
par GuZnaK (1e partie) et Pitt (2e partie)
Voila, il est d'actualité que le menu de la Supercard fait un peu peur...Certains diront que ce n'est pas important vu le peu de temps qu'on passe dessus, mais pour tous les nerds qui voudraient s'expérimenter à cette méthode, la voici...
/!\TOUT D'ABORD CETTE METHODE NE MARCHE QUE SUR LES SC SC,MiniSD ET CF/!\
[B]1ere partie : Injecter un skin déja existant.
Voila ce qu'il faut faire :
Tout d'abord, l'archive ici présente (http://www.users.qwest.net/~videenlance/SCZv25.rar) vous permet de rappatrier les fichiers dont vous aurez besoin ainsi que quelques skins pré-construits. Téléchargez-là puis extrayez-là, le dossier doit s'appeler SCZ.
Tout d'abord, copiez le programme "SCdumper.nds" sur votre SD/CF puis lancez-le. Le programme créera le fichier fichier "FIRMWARE.BIN" sur votre carte mémoire: c'est le firmware de votre SC. Copiez-le dans le dossier "SCZ" (faites en une copie de sécurité au cas où ;))
Vous pourrez trouver, dans le dossier "Example Skins", des skins assez sympathiques déja construits. Copiez les fichiers du skin (qui vous plait évidemment)"Chekbox.png", "font.png" et "buttons.png" dans le dossier "SCZ".
Lancez Skin.bat; si ce firmware n'est pas le votre et contient, par exemple, un skin qui vous plait, choisissez le choix "1" pour extraire les images dans le dossier "SCZ".
Si vous voulez avoir un apercu des images du skin que vous avez copié, le choix "2" créera une image "preview.png" qui vous montre à quoi le skin ressemble (ne vous y fiez pas trop non plus si vous avez fait le skin de A à Z, on verra ca plus tard).
Si le skin vous plait, lancez "Compiler.bat" et attendez la fin du programme; une fois cela fait, copiez "flasmp.nds" sur votre SD/CF et lancez-le. A l'apparition du message en espagnol, une combinaison de touches vous sera demandée :
S'il est marqué : "Izquierda: SC OriginalSD : Lista!" , pressez les touches L+R+Gauche. S'il est marqué : "Derecha: Supercard SD : Lista!" , pressez les touches L+R+Droite.
S'il est marqué : "Arriba: Supercard SD : Lista!" , pressez les touches L+R+Haut.
Une fois cela fait, le firmware va être dumpé et après le message "Reseta ahora.." vous pourrez éteindre et rallumer votre DS.
Si tout va bien, votre skin devrait être opérationnel !
Skins fournis avec le .rar :
http://img350.imageshack.us/img350/9780/skinsc2vh6.png
Special thanks: simleouf, qui a traduit en premier ce tuto, que j'ai repris et amélioré.
La team qui a fait ce programme.
Voila, j'attends vos réactions !
[B]2e partie : Comment créer son propre skin pour la supercard.
Nécessaire:
un logiciel de dessin dans lequel vous pourrez gérer facilement la palette. Pour les Windowsiens, Usenti fait très bien l'affaire. :D
le kit pour créer un skin supercard (voir plus haut).
un cerveau, comme d'habitude. =_=
Vous avez tout ? Alors c'est parti ! Pour notre skin, nous avons besoin de 3 fichiers:
font.png:
Ce fichier va contenir la police de caractères de l'ensemble du menu. La solution la plus simple consiste à le créer grâce à l'utilitaire DSFG (Font Grapher) fourni dans l'archive. :) Pour cela, choisissez votre police de caractères puis sauvegardez l'image dans le dossier de votre skin. Pour ceux qui ne pourraient/voudraient pas utiliser DSFG, chaque lettre correspond à un rectangle de 8x16, et les lettre sont dans l'ordre montré ci-dessous. :S
http://img430.imageshack.us/img430/6589/fontxt2.png
checkbox.png
Ce fichier va contenir l'apparence des différentes cases à cocher du menu. Encore une fois, rien de plus simple: cette image de 32x16 se décompose en 2 zones de 16x16, la plus à gauche pour la case cochée, et la plus à droite pour la case non-cochée.
http://img267.imageshack.us/img267/2724/checkboxcw4.png
buttons.png
Le dernier, mais pas des moindres ! Ce fichier représente 80% de la réalisation du skin. C'est une image de 216x16, qui se subdivise en 3 parties:
La portion de 8x16 la plus à gauche représente le motif qui sera répété tout le long de la barre inférieur, celle qui nous affiche le dossier dans lequel nous nous trouvons.
Exemple:http://img303.imageshack.us/img303/695/leftrl8.png qui deviendra comme barre inférieure:http://img404.imageshack.us/img404/217/bottomyl4.png
La portion de 200x16 suivante représente la barre supérieure, celle qui nous indique dans quel menu on se trouve. Là, ça se complique un peu, car on va devoir parler de palette. En effet, ce fichier doit être enregistré en mode 256 couleurs, mais vous ne pouvez utiliser QUE LES 128 premières couleurs ; de plus, il y a certaines contraintes à respecter >_< :
- La première couleur de la palette correspond à la couleur de fond du menu.
- La 128ème couleur correspond à la couleur de mise en surbrillance du texte lorsqu'il est "sélectionné". De plus, cette portion de 200x16 peut être découpée en 4 zones de 50x16, qui représentent les 4 menus disponibles: jeux, sauvegardes, options et aide. Lorsque l'utilisateur sélectionne un menu, le firmware colore les zones transparentes DE LA PORTION CORRESPONDANTE avec la couleur 128. :huh: En fait, c'est assez simple ... quand on a compris ! :lol:
- La 140ème couleur correspond à 3 choses différentes: la couleur de transparence dont je parlais précédemment, la couleur "standard" du texte lorsqu'il n'est pas mis en surbrillance, et enfin la couleur du fond (en dessous et à droite du menu) lorsque l'on boote en mode DS.
Un exemple de palette:
http://img197.imageshack.us/img197/8176/palkb6.png
Et un exemple de barre supérieure:http://img411.imageshack.us/img411/8561/tophk1.png
La dernière portion de 8x16 correspond au motif qui sera répété (comme pour la barre du bas) A DROITE de la barre du haut. C'est sur ce motif que s'affiche le 1/4, 2/4, etc de la supercard.:)
Après ça, il ne vous reste plus qu'à 'compiler' votre skin, et à l'essayer ; ^^ avant de vous quitter, je vous donne le skin (même si il est dans l'archive :lol:) que j'ai utilisé pour ce tuto:
http://img333.imageshack.us/img333/6720/buttonmg2.png
... et sa preview:
http://img197.imageshack.us/img197/448/previewli0.png
Le tout s'affiche très mal à cause des couleurs transparentes ... Tant pis ! <_< Voilà, ce tuto sur la création de skins pour la supercard est fini, j'espère avoir été clair. Si vous avez des questions, n'hésitez pas ! ;)
Pitt