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

Tous les tutos concernant HyperLaunch 2.

Modérateurs: Nabubokon, Thesalan, Porko, Modérateurs

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

Messagepar Heavyarms » 16 Juil 2013 - 22:15

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
2eme partie : viewtopic.php?f=29&t=1179


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


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


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

Le lien vers mon tuto sur l'édition de cartouches : viewtopic.php?f=29&t=1260


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 !
Image
Avatar de l’utilisateur
Heavyarms
Administrateur
Administrateur
 
Messages: 1210
Âge: 28
Inscription: 12 Déc 2012 - 00:00
Localisation: A coté d'Orleans

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

Messagepar metheore » 16 Juil 2013 - 22:45

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.
Image
Partager c'est prendre mais donner aussi un peu.
Avatar de l’utilisateur
metheore
Administrateur
Administrateur
 
Messages: 4106
Âge: 37
Inscription: 19 Oct 2012 - 01:00
OS: Windows 10
Frontend: ZSpin & HyperSpin
Launcher: RocketLauncher

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

Messagepar Matamelcan » 19 Juil 2013 - 11:43

Super tuto !!!
Merci pour celui-ci et les précédents ;)  
Avatar de l’utilisateur
Matamelcan
Habitué
Habitué
 
Messages: 65
Inscription: 17 Juin 2013 - 01:00

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

Messagepar Ragnarok64 » 19 Juil 2013 - 19:27

Merci superbe tuto !
Image
Avatar de l’utilisateur
Ragnarok64
Gourou
Gourou
 
Messages: 670
Inscription: 09 Jan 2013 - 00:00

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

Messagepar DarkEagle37 » 19 Juil 2013 - 23:29

Magnifique tuto, toujours d'aussi bonne qualité :D  
Image
Nocta a écrit:La Team HFS ? Ah bah c'est une communauté de types qui dorment 2h par nuit, tournent à 4 g de coke par jour et font du meilleur boulot que les boites pros, le tout sur leur temps libre. Ensuite ils partagent tout gratos et font même le service après-cadeau, ça t'intéresse ? :shock:
Avatar de l’utilisateur
DarkEagle37
Modérateur
Modérateur
 
Messages: 3330
Âge: 21
Inscription: 07 Mar 2013 - 00:00
Localisation: Tours (37)
OS: Windows 7
Frontend: ZSpin & HyperSpin
Launcher: RocketLauncher

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

Messagepar mak-45 » 20 Juil 2013 - 09:11

Merci, comme d'habitude tu gère.
Avatar de l’utilisateur
mak-45
Apprenti
Apprenti
 
Messages: 20
Inscription: 21 Juin 2013 - 01:00

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

Messagepar Guiguicar » 20 Juil 2013 - 13:31

Merci beaucoup une fois de plus
Game is never over
Avatar de l’utilisateur
Guiguicar
Gourou
Gourou
 
Messages: 972
Âge: 41
Inscription: 31 Oct 2012 - 00:00
OS: Windows 7
Frontend: ZSpin & HyperSpin
Launcher: RocketLauncher

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

Messagepar khomenor » 31 Juil 2013 - 15:35

Tuto carré et propre, je me coucherais moin bête ce soir surtout sur les pointeurs qui sont tres jolis
Avatar de l’utilisateur
khomenor
Apprenti
Apprenti
 
Messages: 14
Inscription: 31 Juil 2013 - 01:00

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

Messagepar RafykX » 17 Fév 2014 - 19:58

[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:  .
Avatar de l’utilisateur
RafykX
Habitué
Habitué
 
Messages: 60
Inscription: 31 Jan 2014 - 00:00

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

Messagepar decadiego » 17 Aoû 2014 - 11:56

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 ^^
Avatar de l’utilisateur
decadiego
Passionné
Passionné
 
Messages: 169
Inscription: 13 Aoû 2014 - 01:00

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

Messagepar nobobo » 09 Nov 2014 - 14:18

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.
Image
Avatar de l’utilisateur
nobobo
Gourou
Gourou
 
Messages: 521
Âge: 45
Inscription: 04 Déc 2013 - 00:00
OS: Windows 7
Frontend: HyperSpin
Launcher: RocketLauncher

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

Messagepar Inquisitom » 09 Nov 2014 - 14:25

Je tiens à préciser qu'il existe l'outil HyperT00ls (cf ma signature) pour vérifier les médias cités dans ce tuto ...
HyperT00ls : l'outil de vérification de vos systèmes, XMLs et Medias sur HyperSpin/HyperPause.

Le tuto d'HyperT00ls en vidéo

Mon bartop

Ma Naomi Universal Mame
Avatar de l’utilisateur
Inquisitom
Connaisseur
Connaisseur
 
Messages: 437
Inscription: 10 Mai 2013 - 01:00
Localisation: Gelbiiiique
OS: Windows 7
Frontend: HyperSpin
Launcher: RocketLauncher

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

Messagepar lereverandnox » 09 Nov 2014 - 14:39

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 :)
Image
And if I didn't think it was worth one single try, I'd jump right on a big bird and then I'd fly
La compilation de MAME / MESS / UME : A vous de jouer !
Avatar de l’utilisateur
lereverandnox
Admin. server
Admin. server
 
Messages: 944
Âge: 24
Inscription: 01 Jan 1970 - 01:00
Localisation: Bretagne

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

Messagepar nobobo » 09 Nov 2014 - 15:18

Merci pour ce développement, je vais récupérer cet outil bien pratique !

ps : ton lien renvoi sur l'ancien forum
Image
Avatar de l’utilisateur
nobobo
Gourou
Gourou
 
Messages: 521
Âge: 45
Inscription: 04 Déc 2013 - 00:00
OS: Windows 7
Frontend: HyperSpin
Launcher: RocketLauncher

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

Messagepar orionas84 » 26 Mar 2015 - 13:00

Il y a t'il une version pdf de cette 5 ème partie du tuto hyperspin ?
Image
Avatar de l’utilisateur
orionas84
Passionné
Passionné
 
Messages: 188
Âge: 33
Inscription: 05 Fév 2015 - 14:16
Localisation: Toulouse
Frontend: HyperSpin

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

Messagepar moustic » 26 Mar 2015 - 13:05

Euh non pas à ma connaissance porque ?
Image
Avatar de l’utilisateur
moustic
Administrateur
Administrateur
 
Messages: 6304
Âge: 40
Inscription: 23 Juil 2014 - 01:00
Localisation: Dans la pampa mosellane
OS: Windows 10
Frontend: HyperSpin
Launcher: RocketLauncher

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

Messagepar orionas84 » 26 Mar 2015 - 13:07

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 ?
Image
Avatar de l’utilisateur
orionas84
Passionné
Passionné
 
Messages: 188
Âge: 33
Inscription: 05 Fév 2015 - 14:16
Localisation: Toulouse
Frontend: HyperSpin

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

Messagepar moustic » 26 Mar 2015 - 13:10

Non il me semble sur neo arcadia. Pour le pdf tu peux toujours faire un copier coller et créer un pdf ;)
Image
Avatar de l’utilisateur
moustic
Administrateur
Administrateur
 
Messages: 6304
Âge: 40
Inscription: 23 Juil 2014 - 01:00
Localisation: Dans la pampa mosellane
OS: Windows 10
Frontend: HyperSpin
Launcher: RocketLauncher

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

Messagepar orionas84 » 26 Mar 2015 - 13:12

c'est ce que je vais faire oui. Si le résultat est satisfaisant je mettrai le lien pour le dl.
Image
Avatar de l’utilisateur
orionas84
Passionné
Passionné
 
Messages: 188
Âge: 33
Inscription: 05 Fév 2015 - 14:16
Localisation: Toulouse
Frontend: HyperSpin

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

Messagepar orionas84 » 26 Mar 2015 - 14:27

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


EDIT: et la partie 4 non présente sur notre forum
https://mega.co.nz/#!LlgjlDjR!TKcwK4PLU ... c_jApaFUlA
Dernière édition par orionas84 le 26 Mar 2015 - 16:06, édité 1 fois.
Image
Avatar de l’utilisateur
orionas84
Passionné
Passionné
 
Messages: 188
Âge: 33
Inscription: 05 Fév 2015 - 14:16
Localisation: Toulouse
Frontend: HyperSpin

Suivante


Retourner vers Tutos pour HyperLaunch 2



Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 1 invité