Page 1 sur 2

[TUTO] Hyperspin Partie 5 – Le dossier « Media », l’habillag

Publié : 16 juil. 2013 - 22:15
par Heavyarms
Hyperspin Partie 5 – Le dossier « Media », l’habillage d’HyperSpin


Cinquième partie de ce dossier qui va traiter de tous les médias à insérer dans son Hyperspin. Je vais commencer par détailler la structure du dossier « Media », chaque type de média avec leurs caractéristiques, ou et comment les insérer, ainsi que la chose la plus importante au niveau de la personnalisation, comment créer ses propres médias et comment les partager avec la communauté.

Je détaillerai au fur et à mesure de cet article les différentes manières d'éditer ses médias grâce à d'autres tutos écrits et vidéos que moi et d'autres membres du forum ont monté pour vous.

En avant !


Qu'est ce qu'un média ?


Dans Hyperspin, on appelle médias tous les éléments qui permettent "d'habiller" son frontend et de le personnaliser. En effet toute l'interface d'Hyperspin peut être entièrement modifiée pour obtenir une configuration unique en fonction de ses goûts.

Il existe au jour d'aujourd'hui une multitude de médias que l'on peut mettre dans Hyperspin, tous entièrement créés par les passionnés de la communauté arcade et HS, que l'on peut trouver gratuitement (la plupart du temps, quand les billets verts ne sont pas encore montés au cerveau de ceux qui les distribuent), en voici une liste non exhaustive mais qui regroupe les principaux médias que vous aurez sûrement à manipuler :

- Thèmes
- Wheels
- Vidéos
- Artworks
- Sons
- Pointeurs

Tous ces éléments se complètent pour former une interface complète, homogène et agréable. Et grâce aux outils fournis par les créateurs d'Hyperspin et à de légères bases en édition d'image et de vidéo, vous serez en mesure de créer vos propres médias, soit qu'il vous manque, soit pour personnaliser un peu plus votre installation.

Mais comme tout ajout dans Hyperspin, les médias ne se configurent pas n'importe comment et quelques règles sont à respecter pour qu'HS puissent trouver les bons médias que vous avez insérer pour les afficher. Avant de détailler chaque média dans les paragraphes qui vont suivre, il est pour moi important de connaître ces 2 règles d'or que je répéterai pour limiter au maximum les erreurs :

1. Chaque média (quelque soit son type) devra être nommé de la même façon que la ROM avec laquelle il est censé fonctionner, à la virgule près. Comme d'habitude, Hyperspin est très sensible au nommage des fichiers.
2. Les formats des médias (précisés dans la suite du tuto)sont extrêmement important pour un affichage dans HS. Une erreur de format, aucun affichage.


Avec ces 2 règles à l'esprit, vous résoudrez seul 99.9% des problèmes de médias. Si votre média ne s'affiche pas dans HS, cela vient d'une ou de ces 2 choses, c'est aussi simple que ça.




Le dossier « Media »


Tous les médias seront à placer dans un des sous dossiers du dossier « Media » qui est structuré de la façon suivante :


Image


1/ En premier lieu, vous avez accès au dossier « Media » à la racine de votre Hyperspin.

2/ A l’intérieur vous avez 3 types de dossiers (que je vais nommé « dossiers principaux » dans la suite du tuto) :

Frontend : Contient tous les médias des menus d’Hyperspin (menu exit, différentes flèches et transitions entre wheels, vidéo d’intro d’Hyperspin, etc). Particularité de ce dossier, il est le seul à ne pas posséder de sous dossier « Themes », ce qui est logique vu qu’il ne regroupe que les éléments des menus.

Main Menu : Contient tous les médias de la Wheel système (thèmes système, wheels systèmes, vidéos d’intro systèmes, etc)

Tous les autres dossiers correspondent à un système installé dans Hyperspin (HyperHQ crée ce dossier à chaque installation d’un nouveau système avec le même nom) et contiennent donc les thèmes, wheels, images et vidéos des jeux proprement dits.

3/ Dans chacun de ces dossiers principaux de Media, vous retrouverez 4 sous dossiers (nommés « dossiers secondaires » dans la suite) :


Images


Image


Ce dossier secondaire contiendra tous les Artworks, Wheels (voir partie sur les types de medias, un peu plus bas) et éléments de customisation d'Hyperspin. Il contient les sous dossiers suivants :

Artwork 1,2,3 et 4 – Vous placerez ici vos Artworks que je décris plus bas.

Backgrounds – Placez ici des Backgrounds visible lors des transitions entre 2 jeux quand vous tourner la wheel.

Genre – Dans ce dossier, vous pourrez placer des wheels et des backgrounds à appliquer pour l'affichage des genres que vous aurez peut être créé (Foot, Puzzle Game, Vs Fighting, etc).

Letters – Vous pouvez placer ici des types de polices de texte pour encore plus personnaliser votre interface.

Others – Insérez ici vos pointeurs.

Particle – Très peu utilisé, permet ici d'insérer des effets de particule personnel qui peuvent être utilisés en combinaisons avec différents Artworks.

Special – Permet d'éditer ici les textes des genres de vos jeux si vous en avez créer.

Wheel – Comme le port salut, mettez vos médias Wheels dans ce dossier.


Sounds


Image


Ce dossier secondaire vous permet de customiser la partie sonore d'Hyperspin en y plaçant des pistes personnalisés.

Background Music - Placez ici des pistes musicales personnalisés pour chaque jeu. Elles devront être nommé de la même façon que les roms et muteront les bandes sonores des vidéos.

System Exit – Vous pouvez mettre ici vos pistes ou bruitages qui seront joués lorsque vous rentrerez dans la Wheel du système correspondant au dossier.

System Start – Même principe que l'option précédente mais lorsque vous rentrerez dans la wheel du système correspondant a ce dossier.

Wheel Sounds – Ici seront placés les sons que vous voulez entendre à chaque fois que vous tournerez la wheel et remplacer les sons de base d'Hyperspin. Normalement, ce dossier est vide et toutes les wheels jouent les sons de base d'HS présents dans le dossier « Wheel Sounds » du dossier principal « Main Menu ».



Themes


Image


Sans grande surprise, ce dossier sera celui dans lequel vous placerez tous vos thèmes, soit de vos systèmes (dans le dossier principal « Main Menu »), soit de vos jeux et default (dans le dossier principal du système concerné). Voir le type de média « Themes » pour plus de détails


Video


Image


Seconde évidence, ce dossier secondaire sera celui qui contiendra toutes vos vidéos de vos thèmes (voir le type de média  « vidéo » pour plus de détails). Le dossier « Override Transitions » pourra contenir des transitions de vidéos que vous pourrez créer et qui seront adaptés à tel ou tel jeu (très peu utilisé).

ATTENTION : La vidéo d'introduction d'Hyperspin (celle qui se lance lorsqu'Hyperspin se lance) se place dans le dossier « Medias\Frontend\Video » et non dans celui ci.


Ceci étant dit, passons à la suite du tuto avec la présentation de chaque média.


Les différents types de médias, caractéristiques et installation


LES THEMES (format ZIP)


Image


Les thèmes sont les principaux médias d'Hyperspin. Tous les thèmes existants sont du contenu créé par les membres de la communauté qui habilleront l'interface pour chaque jeu ou système que vous afficherez. De nombreux thèmes sont disponibles sur notre cloud ou sur la board officielle mais il en reste encore beaucoup a créer alors à vous de jouer et partager vos créations !

Petite précision, bien qu'ils soient créés de la même façon, il existe 3 grandes natures de thèmes :

Le thème « Game » - C'est un thème créé pour un jeu en particulier. Principalement axé sur les jeux MAME et arcade. Theme au centre sur l'image.

Le thème « System » - C'est un thème créé pour habiller l'entrée d'une Wheel système. Theme de gauche sur l'image.

Le thème « Default » - C'est un thème « générique » qui comblera l'absence de thème « Game ». Il peut être utilisé en relation avec des Artworks de Box, de CD ou de cartouches par exemple pour personnalisé chaque jeu avec ses artworks. A noter qu'il ne sera utilisable que dans une roue système. Très utilisé pour les systèmes basés sur des consoles. Theme de droite sur l'image.

Quoi qu'il en soit, un thème (peu importe sa nature) est une archive au format ZIP et qui doit être nommé de la même manière que le jeu ou le système avec lequel il est lié. Un thème default sera simplement nommé « Default.zip »


HFS TUTO ! Un tutoriel réalisé par moi même sur la création d'un thème pas a pas en 2 parties, l'une écrit et l'autre en vidéo, est disponible sur le forum, jetez y un œil pour apprendre a créer vous même vos thèmes !

Voici les liens :

1ere partie : viewtopic.php?f=29&t=1176" onclick="window.open(this.href);return false;
2eme partie : viewtopic.php?f=29&t=1179" onclick="window.open(this.href);return false;


LES WHEELS (format PNG)


Image


Les médias appelés Wheels sont simplement les logos des jeux présents dans les différentes roues.

Une wheel est une image au format PNG et qui doit être nommé de la même manière que le jeu ou le système avec lequel il est lié. Peu importe sa taille puisqu'elle sera redimensionnée automatiquement au dimensions par defaut, à savoir 400px de large pour 175px de haut.

Petites astuces en passant pour se faire des wheels homogènes et bien organisés, qui ne se chevauchent pas. Si vous avez par exemple une wheel du type 1, essayez de les éditer avec un logiciel de retouche d'image pour obtenir une wheel du type 2, soit en la modifiant (Rally Bike coupé puis replacé en long), soit en redimensionnant la zone de travail pour que votre wheel soit centrée dedans (comme celle de SF II' CE).


Image


HFS TUTO ! Un tutoriel écrit par Metheore sur la création d'une wheel est disponible sur le forum d'HyperFreeSpin, jetez y un œil pour apprendre a créer vous même vos propres wheels manquantes que vous partagerez avec nous ensuite !

Voici le lien : viewtopic.php?f=29&t=358" onclick="window.open(this.href);return false;


LES VIDEOS (format MP4 ou FLV)

Les vidéos sont donc en général, soit une introductions pour une video système qui présente les jeux de ce dernier, soit une vidéo in game pour un jeu.

Les vidéos pour Hyperspin doivent être au format MP4 ou FLV, doivent être nommées de la même manière que les jeux ou les systèmes avec lesquels elles sont liées. Leur durée conseillé est de 30 secondes et leur taille de 640X480.

ATTENTION : La vidéo d'intro d'Hyperspin doit se nommé « Intro » pour etre lue.


HFS TUTO ! Un tutoriel écrit par Metheore sur la création de vidéos pour Hyperspin est disponible sur le forum HyperFreeSpin, jetez y un œil pour apprendre a créer vous même vos propres vidéos manquantes que vous partagerez avec nous ensuite !

Voici le lien : viewtopic.php?f=29&t=650" onclick="window.open(this.href);return false;


LES ARTWORKS (format PNG)


Image


Tout média qui est appelé Artwork est un élément qui peut être affiché avec un thème Default. Principalement utilisés pour les systèmes consoles ou micros, ils peuvent représentés des boites de jeux en 2D ou 3D, des cartouches de jeux, des CD, des disquettes, etc.
Leurs emplacement et moyens d'insertion dans un thème sont reglé dans le thème Default en lui même donc vous devrez essayer plusieurs combinaisons pur trouver dans quel dossier mettre tel media. En règle général, les cartouches, CD et disquettes de jeux se mettent dans le dossier « Artwork 2 » et les box dans « Artwork 4 » mais à vous d'essayer.

Quoiqu'il en soit, tous les Artworks sont des images au format PNG.

Voila une petite illustration de ce que cela peut donner en terme d'affichage ;


Image


HFS TUTO ! Des tutoriels vidéos réalisés par Drawhyn et moi même sur le détourage d'objet et l'édition de cartouches sont disponibles sur le forum HyperFreeSpin et notre chaine Youtube (HeavyArcade), jetez y un œil pour apprendre a créer vous même vos propres artworks manquants que vous partagerez avec nous ensuite !

Le lien vers le tuto sur le détourage de Drawhyn : viewtopic.php?f=29&t=900" onclick="window.open(this.href);return false;

Le lien vers mon tuto sur l'édition de cartouches : viewtopic.php?f=29&t=1260" onclick="window.open(this.href);return false;


LES SONS (format MP3)


Pas de surprise ici, ce sont des pistes sonores de musiques ou de bruitages que vous pouvez insérer dans Hyperspin. Ils doivent être au format MP3.


LES POINTEURS (format PNG)


Image


Élément très peu utilisé mais qui peut être assez stylé, les pointeurs sont affichés quand vous afficher la liste par lettre.

Un pointeur est une image au format PNG, doit être placé dans le dossier Images\Other du système concerné et doit être nommé « Pointer.png », quelque soit le système.

Voila qui clos ce tour d'horizon des médias pour Hyperspin, j'espère que cela vous aura plus et surtout aidé dans l'apprentissage d'Hyperspin !

Bonne lecture !

Re: [TUTO] Hyperspin Partie 5 – Le dossier « Media », l’habillage d’HyperSpin

Publié : 16 juil. 2013 - 22:45
par Meth
Comme a ton habitude, tuto très clair et très accessible. Celui qui n'a pas un dossier media en ordre ne fait plus aucun effort désormais.

Re: [TUTO] Hyperspin Partie 5 – Le dossier « Media », l’habillage d’HyperSpin

Publié : 19 juil. 2013 - 11:43
par Matamelcan
Super tuto !!!
Merci pour celui-ci et les précédents ;)  

Re: [TUTO] Hyperspin Partie 5 – Le dossier « Media », l’habillage d’HyperSpin

Publié : 19 juil. 2013 - 19:27
par Ragnarok64
Merci superbe tuto !

Re: [TUTO] Hyperspin Partie 5 – Le dossier « Media », l’habillage d’HyperSpin

Publié : 19 juil. 2013 - 23:29
par DarkEagle37
Magnifique tuto, toujours d'aussi bonne qualité :D  

Re: [TUTO] Hyperspin Partie 5 – Le dossier « Media », l’habillage d’HyperSpin

Publié : 20 juil. 2013 - 09:11
par mak-45
Merci, comme d'habitude tu gère.

Re: [TUTO] Hyperspin Partie 5 – Le dossier « Media », l’habillage d’HyperSpin

Publié : 20 juil. 2013 - 13:31
par Guiguicar
Merci beaucoup une fois de plus

Re: [TUTO] Hyperspin Partie 5 – Le dossier « Media », l’habillage d’HyperSpin

Publié : 31 juil. 2013 - 15:35
par khomenor
Tuto carré et propre, je me coucherais moin bête ce soir surtout sur les pointeurs qui sont tres jolis

Re: [TUTO] Hyperspin Partie 5 – Le dossier « Media », l’habillage d’HyperSpin

Publié : 17 févr. 2014 - 19:58
par RafykX
[HS] Après de longues semaines d'attente j'ai enfin réussi à télécharger le pack par torrent et surtout les roms  :cheers:  ! Bravo pour la HVBox, elle s'adresse aussi bien aux débutants total qu'aux confirmés et ça chapeau!
Je tiens à remercier particulièrement HeavyArms ainsi que tous les participants qui nourrissent ce super forum (si si même ceux qui restent dans l'ombre) pour m'avoir motivé à découvrir HyperSpin. [/HS]

Un grand merci pour ces tutos de qualitaÿ, il faut prendre le temps mais tout y est bien expliqué, cela permet réellement de comprendre en profondeur le fonctionnement d'HS. Même si je débute avec HL3, comprendre la version d'avant est très enrichissant pour savoir ce qu'on fait et repérer facilement les sources d'erreurs.
Bref Merci  :flower:  .

Re: [TUTO] Hyperspin Partie 5 – Le dossier « Media », l’habillage d’HyperSpin

Publié : 17 août 2014 - 11:56
par decadiego
Salut !

Merci pour ce tuto encore une fois très claire (tuto 4 d'ailleur non ...? Ou le 4 est perdue dans les méandre de l'hyper espace...?).

Go faire fonctionner tout ça maintenant ^^

Re: [TUTO] Hyperspin Partie 5 – Le dossier « Media », l’habi

Publié : 09 nov. 2014 - 14:18
par nobobo
Un GRAND MERCI pour le travail énorme que tu as effectué pour expliquer très clairement le fonctionnement de Hyperspin dans tes tutoriels :!:

Il manque effectivement la partie 4 où tu expliques le fonctionnement de Hyperlaunch et les modules AHK.
Certainement problème ou oubli lors du changement du serveur d'Hyperfreespin.

Re: [TUTO] Hyperspin Partie 5 – Le dossier « Media », l’habi

Publié : 09 nov. 2014 - 14:25
par Inquisitom
Je tiens à préciser qu'il existe l'outil HyperT00ls (cf ma signature) pour vérifier les médias cités dans ce tuto ...

Re: [TUTO] Hyperspin Partie 5 – Le dossier « Media », l’habi

Publié : 09 nov. 2014 - 14:39
par lereverandnox
Je plussoie, HyperT00ls, c'est de l'or en barre avec des pépites de chocolat !
HyperT00ls c'est bien, HyperT00ls c'est bon, et ça protège des mauvais esprits :)

Re: [TUTO] Hyperspin Partie 5 – Le dossier « Media », l’habi

Publié : 09 nov. 2014 - 15:18
par nobobo
Merci pour ce développement, je vais récupérer cet outil bien pratique !

ps : ton lien renvoi sur l'ancien forum

Re: [TUTO] Hyperspin Partie 5 – Le dossier « Media », l’habi

Publié : 26 mars 2015 - 13:00
par orionas84
Il y a t'il une version pdf de cette 5 ème partie du tuto hyperspin ?

Re: [TUTO] Hyperspin Partie 5 – Le dossier « Media », l’habi

Publié : 26 mars 2015 - 13:05
par moustic
Euh non pas à ma connaissance porque ?

Re: [TUTO] Hyperspin Partie 5 – Le dossier « Media », l’habi

Publié : 26 mars 2015 - 13:07
par orionas84
je suis en train de me faire un dossier hyperspin papier et vu que j'ai déjà les 3 premières parties c'etait pour avoir quelque chose de complet. d'ailleurs la partie 4 n'est pas sur notre forum ?

Re: [TUTO] Hyperspin Partie 5 – Le dossier « Media », l’habi

Publié : 26 mars 2015 - 13:10
par moustic
Non il me semble sur neo arcadia. Pour le pdf tu peux toujours faire un copier coller et créer un pdf ;)

Re: [TUTO] Hyperspin Partie 5 – Le dossier « Media », l’habi

Publié : 26 mars 2015 - 13:12
par orionas84
c'est ce que je vais faire oui. Si le résultat est satisfaisant je mettrai le lien pour le dl.

Re: [TUTO] Hyperspin Partie 5 – Le dossier « Media », l’habi

Publié : 26 mars 2015 - 14:27
par orionas84
Voilà le PDF de la partie 5 avec la maj des liens présents dans ce tuto :
https://mega.co.nz/#!rkxwVYDC!5WjD00hgY ... hQF-fI5KxI" onclick="window.open(this.href);return false;


EDIT: et la partie 4 non présente sur notre forum
https://mega.co.nz/#!LlgjlDjR!TKcwK4PLU ... c_jApaFUlA" onclick="window.open(this.href);return false;