THEME ZSPIN - Vos idées/Vos Réalisations

Medias, themes, and more for zspin.

Modérateurs : vik, Modérateurs

Avatar de l’utilisateur
Porko
Modérateur
Modérateur
Messages : 2019
Inscription : 02 févr. 2014 - 00:00
Localisation : 26700
A remercié : 258 fois
A été remercié : 381 fois

Re: THEME ZSPIN - Vos idées/Vos Réalisations

Message par Porko » 01 oct. 2016 - 19:45

Porko a écrit :Bon pour montrer ce qu'on peut faire sous Zspin....

Image

Voir en direct sur navigateur http://porko.myds.me/testcam2/index.html

Je suis pas graphiste du tout, c'est juste une demo technique à l'arrach et pour tenter de comprendre le webGL.



Par contre: tu as une idée? Une inspiration de theme? Ou un talent graphique?
Fais peter mon gars je me démerderai comme je peux à le coder^^

On est un grande communauté autant profiter des différents talents...


PS: tu veux détourer tout les persos d'un capcom vs SNK pour faire un theme avec 50 artworks animés? Why not^^


Ola tutti!

Je continue les demos techniques. Après le KawaiiiIIIiii de la mort voici la NES pour tester le collada (fichier 3D qui sort de tout logiciel 3D)
Les images de la boite et la cartouche se load comme n'importe quel artwork classique

Image

voici la demo en direct
http://porko.myds.me/3Dartwork/index.html

Et si vous voulez tester (et customiser) sur votre Zspin
https://mega.nz/#!GMQwwCLB!SoiUjZ4Apc4Z ... Qvdmctz5GI

Je m'attaque aux shaders, histoire d'avoir une lumière moins crado, des ombres et des reflets

Mais si vous avez des idées de theme je prend! Voir une maquette de proposition... M'occupe du reste!!

Avatar de l’utilisateur
Porko
Modérateur
Modérateur
Messages : 2019
Inscription : 02 févr. 2014 - 00:00
Localisation : 26700
A remercié : 258 fois
A été remercié : 381 fois

Re: THEME ZSPIN - Vos idées/Vos Réalisations

Message par Porko » 02 oct. 2016 - 12:06

Sur Zspin ça donne ça

[BBvideo 560,340][/BBvideo]


Après le collada, j'ai tenté les .obj

Image


Voir en direct http://porko.myds.me/TestOBJ/index.html

Sur celui ci j'ai un peu plus travaillé la lumière mais tjrs pas d'ombres... En cae et obj c'est un peu la merde pour en avoir

Je vais devoir passer au Json en exportant depuis blender... L'avantage c'est que je pourrais exporter les animations^^

Avatar de l’utilisateur
tutor59
Virtuose
Virtuose
Messages : 1270
Inscription : 08 oct. 2014 - 01:00
A remercié : 119 fois
A été remercié : 176 fois

Re: THEME ZSPIN - Vos idées/Vos Réalisations

Message par tutor59 » 02 oct. 2016 - 14:38

Ben mon cochonnet, tu avances vite, bravo ! :shock:

C'est ce que j'avais tenté il y a un an en webgl sans résultat :(

Il y a un peu de latence pour afficher une nouvelle anim, tu crois que cela peut s'optimiser ?

Sinon c'est quoi le logiciel que tu utilises en début de vidéo ?

Avatar de l’utilisateur
Porko
Modérateur
Modérateur
Messages : 2019
Inscription : 02 févr. 2014 - 00:00
Localisation : 26700
A remercié : 258 fois
A été remercié : 381 fois

Re: THEME ZSPIN - Vos idées/Vos Réalisations

Message par Porko » 02 oct. 2016 - 15:44

Tu parles du logiciel pour taper du code? C'est Sublime Text.

Pour le chargement c'est que j'ai fais le bourrin avec la console... En faisant du low poly ça va vachement plus vite^^
Pour l'instant je n'anime que la caméra pas les objets ce qui est merdique... En animant les objet on pourra faire des intros comme par exemple la boite qui arrive d'un coté et la cartouche qui rentre dans la console.

De plus les transition entre themes arriveront un jour donc je ne ma fais aucun soucis pour ce genre de choses.

Avatar de l’utilisateur
tutor59
Virtuose
Virtuose
Messages : 1270
Inscription : 08 oct. 2014 - 01:00
A remercié : 119 fois
A été remercié : 176 fois

Re: THEME ZSPIN - Vos idées/Vos Réalisations

Message par tutor59 » 02 oct. 2016 - 20:02

En fait, je recherchais le nom du programme que vous utilisiez un temps pour faire les pages html pour zspin.

Peut-être que c'était google web designer, je ne sais plus. Il me semble que cela plantait et je cherchais à voir si ça avait évolué... mais sans le nom...

Avatar de l’utilisateur
Porko
Modérateur
Modérateur
Messages : 2019
Inscription : 02 févr. 2014 - 00:00
Localisation : 26700
A remercié : 258 fois
A été remercié : 381 fois

Re: THEME ZSPIN - Vos idées/Vos Réalisations

Message par Porko » 02 oct. 2016 - 20:30

Bah je suis passé du coté obscur du code donc j'ai lâché GoogleWebDesigner...

J'ai pas re-testé mais j'ai eu quelques retours positifs sur windows, il a effectivement bien évolué.
Je n'ai pas re-tenté sur OSX mais je suppute qu'ils ont dû corriger les bugs^^

Avatar de l’utilisateur
lankou910
Gourou
Gourou
Messages : 724
Inscription : 16 mai 2013 - 01:00
Localisation : Bordeaux
A remercié : 76 fois
A été remercié : 107 fois

Re: THEME ZSPIN - Vos idées/Vos Réalisations

Message par lankou910 » 29 déc. 2016 - 20:45

bonsoir

je cherche a avoir qu'une wheel affiche mais je n'y arrive pas je n'arrive cas avoir une espere de truc crados
Image
commande ça marche ce p****n de wheel.json

merci pour vaux lumière

comment avoir un database pour chaque consoles, arcades , etc
untruc dans ce ganre
<?xml version="1.0" encoding="utf-8"?>
<menu>
<header>
<listname>Systemes</listname>
<lastlistupdate>25/09/2015</lastlistupdate>
<listversion>Systeme v.25/09/2015</listversion>
<exporterversion>HyperFreeDb</exporterversion>
</header>
<Systemes name="Sega Mega Drive">
<histoire>La Mega Drive, ou Genesis en Amérique du Nord, est une console de jeux vidéo de quatriéme génération connue et commercialisée par le constructeur japonais Sega Enterprises, Ltd. La Mega Drive est la troisième console de Sega, elle succède à la Master System. Sega sort d'abord la console au Japon sous le nom de Mega Drive en 1988, la console est ensuite lancée en 1989 en Amérique du Nord, renommée Genesis sur ce territoire. En 1990, la console sort dans la plupart des autres territoires en tant que Mega Drive.

Connue par une équipe de recherche et développement supervisée par Masami Ishikawa, le hardware de la Mega Drive est adapté du System 16 pour borne d'arcade. Le système prend en charge une ludothèque de plus de 900 jeux créés par Sega et par un large éventail d'éditeurs tiers, publiés sous forme de cartouche de jeu vidéo.

Au Japon, la Mega Drive ne se vend pas aussi bien que ses deux principales concurrentes, la Super Nintendo de Nintendo et la PC-Engine de NEC. Cependant, fort de sa riche expérience en salles d'arcade et prenant de court Nintendo sur le marché des consoles 16 bits, Sega parvient à positionner la Mega Drive en Amérique du Nord et en Europe, où elle connait un succés considérable avec la captation de la majorité du marché 16 bits dans plusieurs territoires, particulièrement aux Etats-Unis et au Royaume-Uni. Les principaux composants qui oeuvrent à son succés sont ses portages de jeux vidéo d'arcade, la popularité de la série Sonic the Hedgehog, plusieurs franchises connues de jeux de sport, ainsi qu'un marketing offensif envers un public jeune qui positionne le système comme étant la console " cool " pour les adolescents. Bien que Sega domine le marché en Amérique du Nord et en Europe pendant plusieurs années, la sortie de la Super Nintendo donne lieu à une farouche bataille pour des parts de marché dans ces territoires, une rivalité souvent qualifiée de " guerre des consoles " par les journalistes et les historiens. Comme cette compétition attire de plus en plus l'attention du grand public auprès de l'industrie vidéoludique, la Mega Drive et plusieurs de ses jeux les plus médiatisés suscitent d'importantes analyses juridiques sur des questions liées à la rétroingénierie et à la violence dans les jeux vidéo. La controverse entourant des titres violents comme Night Trap et Mortal Kombat conduit Sega à créer le Videogame Rating Council, le prédécesseur de l'Entertainment Software Rating Board.

A la fin de son cycle de vie, bien que finalement distancée par la Super Nintendo, et en particulier au Japon, la console compte environ 40 millions d'exemplaires vendus dans le monde. C'est le succés le plus important de Sega sur le marché des consoles. La Mega Drive et ses jeux restent populaires parmi les fans, les collectionneurs, les passionnés de musiques de jeux vidéo, et les amateurs d'émulation. Des rééditions de la console sous licence sont encore produites dans les années 2010, et plusieurs développeurs de jeux vidéo indépendants continuent à produire des jeux compatibles avec ce système. Sortie en 1994, la Saturn succéde à la Mega Drive.</histoire>
</Systemes>
<Systemes name="Super Nintendo Entertainment System">
<histoire>La Super Nintendo Entertainment System (couramment abrégée Super NES ou Super Nintendo3), ou Super Famicom (スーパーファミコン) au Japon, est une console de jeux vidéo 16 bits du constructeur japonais Nintendo commercialisée à partir de novembre 1990. En Amérique du Nord, la console est sortie avec un look résolument différent. À noter qu'en Corée du Sud, la Super Nintendo est distribuée par Hyundai Electronics sous le nom de Super Comboy (슈퍼 컴보이).

Les consoles sont zonées (Asie, Europe, Amérique) mais les différences concrètes sont inexistantes ou aisément contournables. La Super Nintendo est une console de génération 16 bits, sortie pour contrer la Mega Drive de Sega (16 bits) et dans une moindre mesure la PC-Engine de NEC (disposant d’un processeur principal 8 bits et d’un processeur graphique 16 bits) et la Neo-Geo AES de SNK (16 bits).

En 1997 et 1998, Nintendo décide de rafraîchir le design en sortant le modèle SNS-101, parfois appelé Super NES 2 aux États-Unis, et la Super Famicom Jr. au Japon.

Pour rivaliser avec la populaire Nintendo Entertainment System / Famicom, NEC lance la PC-Engine en 1987, et Sega suit avec sa Mega Drive en 1988. Les deux systèmes offrent des graphismes améliorés, ainsi qu'un son dépassant la 8 bits de Nintendo. Cependant, la NES continue de dominer le marché des jeux vidéo pendant quelques années avant que la console de Sega soit enfin couronnée de succès4. Voyant sa domination sur le marché chuter, Nintendo est contraint un peu précipitamment de créer une nouvelle console pouvant rivaliser avec ses concurrentes.

Conçue par Masayuki Uemura, le concepteur de la Famicom originale, la Super Famicom sort le mercredi 21 novembre 1990 pour un prix de 25 000 ¥, soit 210 euros (1 380 francs de l'époque). C'est un succès immédiat ; la livraison initiale de 300 000 unités est vendue en quelques heures et le dérangement occasionné conduit le gouvernement japonais à demander aux fabricants de consoles de jeux vidéo de prévoir, à l'avenir, de sortir leurs consoles en fin de semaine6. La sortie occasionne également un regain d'intérêt auprès des Yakuzas, amenant à la décision de convoyer les appareils de nuit pour éviter les vols7.

Rapidement, la Super Famicom se vend mieux que ses rivales et Nintendo se réaffirme comme le leader sur le marché japonais des consoles8. Le succès de Nintendo est en partie dû au soutien de la plupart des développeurs tiers principaux de son précédent système, comprenant Capcom, Konami, Tecmo, Square, Koei et Enix9. En août 1991, Nintendo sort, en Amérique du Nord, la Super Nintendo Entertainment System ou Super NES, une version redessinée de la Super Famicom, pour le prix de 199 $ US.

La Super Nintendo, quant à elle, sort en Europe le 11 avril 1992. Cette version de la console utilise le même design que la Super Famicom japonaise (contrairement à ce qui était prévu au départ (design américain10)). Elle fut distribuée en France par Bandaï France, qui avait au départ prévu un lancement en 1993 puis en septembre 199211, mais qui se sentira forcé par le succès de la Mega Drive de la sortie en hâte en avril de la même année12. Au lancement elle fut vendue en pack avec 2 manettes et Super Mario World pour 1 290 FF (initialement prévu à 1 490 FF mais Sega et leur nouveau pack Megadrive + Sonic à 1 290 FF les pousseront à s'aligner) et accompagnée par quatre jeux optionnels au tarif unitaire de 449 FF : F-Zero, Super R-Type, Super Tennis et Super Soccer. À partir d'octobre 1992, la Super Nintendo sera vendue au choix soit seule (990 FF ; Super Mario World étant vendu séparément à 389 FF, le jeu Super Nintendo le moins cher alors), soit avec Super Mario World (1 290 FF), soit avec Street Fighter 2 (1 490 FF), soit avec le Super Scope (1 490 FF)13,14.

La NES et la SNES sont vendues au Brésil en 1993 par Playtronic, une coentreprise entre l'entreprise de jouet Estrela et Gradiente15. La Super Nintendo et la Super Famicom ne disposent au départ que de quelques jeux. Au Japon, seulement 2 jeux sont disponibles au lancement : Super Mario World et F-Zero16. En Amérique du Nord, Super Mario World est vendu avec la console et les autres titres disponibles sont F-Zero, Pilotwings (qui démontre les capacités de rendu simili 3D du "Mode 7" de la console), SimCity et Gradius III17. En Europe, outre Super Mario World vendu une fois de plus avec la console, les autres titres disponibles sont F-Zero, Super R-Type, Super Soccer et Super Tennis.</histoire>
</Systemes>
</menu>
et faire comprendre au bouzin de le cherche la exemple Databases/Systemes/systemes.xml

abandon tu project.
Dernière modification par lankou910 le 31 déc. 2016 - 13:44, modifié 2 fois.
Image

Avatar de l’utilisateur
Meth
Administrateur
Administrateur
Messages : 4541
Inscription : 19 oct. 2012 - 01:00
Localisation : Conflans-en-Jarnisy
A remercié : 989 fois
A été remercié : 2179 fois
Contact :

Re: THEME ZSPIN - Vos idées/Vos Réalisations

Message par Meth » 29 déc. 2016 - 21:56

Cherche ICI

Pour ta wheel il s'agirait de créer un triangle dont la base de deux wheels serait hors écrans sous ta manette mégadrive.

Avatar de l’utilisateur
camarade35
Maître
Maître
Messages : 4230
Inscription : 05 sept. 2013 - 01:00
Localisation : Chevaigné
A remercié : 619 fois
A été remercié : 739 fois
Contact :

Re: THEME ZSPIN - Vos idées/Vos Réalisations

Message par camarade35 » 30 déc. 2016 - 07:02

@lankou910

pars sur 5 ou 7 wheel, un chiffre impair c'est toujours plus simple
ensuite, tu devrais utiliser la fonction :

hide: true/false, désigne si vous souhaitez activer le hide ou pas.
ou alors la fonction opacity pour gérer la transparence de disparition

à ajouter à ça, des coordonnées pas trop merdiques, comme disait @metheore , genre en triangle et en plus du hide, jouer sur le scale

En gros, ta wheel visible avec "scale":2
les autres en scale 0 et hide 1 et des coordonnées adaptées
Elles disparaitront proprement et reviendront propre aussi


j'espère que c'est clair ;)

edit : mon wheel.json pour que tu testes

Code : Tout sélectionner

{
  "transitionTime": 400,
  "selectPosition": 5,
  "hide": false,
  "hideStart": 1500,
  "hideDuration": 1500,
  "type": "vertical",
  "points": [
	{"x":0, "y":99, "rotation": 0, "scale":1, "opacity":0, "zIndex":1},
    {"x":1, "y":90, "rotation": 0, "scale":1, "opacity":1, "zIndex":2},
    {"x":12.5, "y":70, "rotation": 0, "scale":1, "opacity":1, "zIndex":3},
    {"x":24, "y":50, "rotation": 0,   "scale":1, "opacity":1, "zIndex":4},
    {"x":35, "y":30, "rotation": 0, "scale":1, "opacity":1, "zIndex":5},
	{"x":37, "y":30, "rotation": 0, "scale":2, "opacity":1, "zIndex":7},
    {"x":47, "y":27, "rotation": 0, "scale":1, "opacity":1, "zIndex":6},
    {"x":70, "y":27, "rotation": 0, "scale":0, "opacity":0, "zIndex":8},
    {"x":87, "y":27, "rotation": 0, "scale":1, "opacity":1, "zIndex":9},
    {"x":100, "y":28, "rotation": 0, "scale":1, "opacity":0, "zIndex":10}
  ]
}
préservation du patrimoine vidéoludique et de notre planète

Avatar de l’utilisateur
ryuuji
Initié
Initié
Messages : 109
Inscription : 17 oct. 2015 - 12:17
A remercié : 17 fois
A été remercié : 39 fois

Re: THEME ZSPIN - Vos idées/Vos Réalisations

Message par ryuuji » 30 déc. 2016 - 15:09

lankou910 a écrit :bonsoir

je cherche a avoir qu'une wheel affiche mais je n'y arrive pas je n'arrive cas avoir une espere de truc crados
Image
commande ça marche ce p****n de wheel.json

merci pour vaux lumière

comment avoir un database pour chaque consoles, arcades , etc
untruc dans ce ganre
<?xml version="1.0" encoding="utf-8"?>
<menu>
<header>
<listname>Systemes</listname>
<lastlistupdate>25/09/2015</lastlistupdate>
<listversion>Systeme v.25/09/2015</listversion>
<exporterversion>HyperFreeDb</exporterversion>
</header>
<Systemes name="Sega Mega Drive">
<histoire>La Mega Drive, ou Genesis en Amérique du Nord, est une console de jeux vidéo de quatriéme génération connue et commercialisée par le constructeur japonais Sega Enterprises, Ltd. La Mega Drive est la troisième console de Sega, elle succède à la Master System. Sega sort d'abord la console au Japon sous le nom de Mega Drive en 1988, la console est ensuite lancée en 1989 en Amérique du Nord, renommée Genesis sur ce territoire. En 1990, la console sort dans la plupart des autres territoires en tant que Mega Drive.

Connue par une équipe de recherche et développement supervisée par Masami Ishikawa, le hardware de la Mega Drive est adapté du System 16 pour borne d'arcade. Le système prend en charge une ludothèque de plus de 900 jeux créés par Sega et par un large éventail d'éditeurs tiers, publiés sous forme de cartouche de jeu vidéo.

Au Japon, la Mega Drive ne se vend pas aussi bien que ses deux principales concurrentes, la Super Nintendo de Nintendo et la PC-Engine de NEC. Cependant, fort de sa riche expérience en salles d'arcade et prenant de court Nintendo sur le marché des consoles 16 bits, Sega parvient à positionner la Mega Drive en Amérique du Nord et en Europe, où elle connait un succés considérable avec la captation de la majorité du marché 16 bits dans plusieurs territoires, particulièrement aux Etats-Unis et au Royaume-Uni. Les principaux composants qui oeuvrent à son succés sont ses portages de jeux vidéo d'arcade, la popularité de la série Sonic the Hedgehog, plusieurs franchises connues de jeux de sport, ainsi qu'un marketing offensif envers un public jeune qui positionne le système comme étant la console " cool " pour les adolescents. Bien que Sega domine le marché en Amérique du Nord et en Europe pendant plusieurs années, la sortie de la Super Nintendo donne lieu à une farouche bataille pour des parts de marché dans ces territoires, une rivalité souvent qualifiée de " guerre des consoles " par les journalistes et les historiens. Comme cette compétition attire de plus en plus l'attention du grand public auprès de l'industrie vidéoludique, la Mega Drive et plusieurs de ses jeux les plus médiatisés suscitent d'importantes analyses juridiques sur des questions liées à la rétroingénierie et à la violence dans les jeux vidéo. La controverse entourant des titres violents comme Night Trap et Mortal Kombat conduit Sega à créer le Videogame Rating Council, le prédécesseur de l'Entertainment Software Rating Board.

A la fin de son cycle de vie, bien que finalement distancée par la Super Nintendo, et en particulier au Japon, la console compte environ 40 millions d'exemplaires vendus dans le monde. C'est le succés le plus important de Sega sur le marché des consoles. La Mega Drive et ses jeux restent populaires parmi les fans, les collectionneurs, les passionnés de musiques de jeux vidéo, et les amateurs d'émulation. Des rééditions de la console sous licence sont encore produites dans les années 2010, et plusieurs développeurs de jeux vidéo indépendants continuent à produire des jeux compatibles avec ce système. Sortie en 1994, la Saturn succéde à la Mega Drive.</histoire>
</Systemes>
<Systemes name="Super Nintendo Entertainment System">
<histoire>La Super Nintendo Entertainment System (couramment abrégée Super NES ou Super Nintendo3), ou Super Famicom (スーパーファミコン) au Japon, est une console de jeux vidéo 16 bits du constructeur japonais Nintendo commercialisée à partir de novembre 1990. En Amérique du Nord, la console est sortie avec un look résolument différent. À noter qu'en Corée du Sud, la Super Nintendo est distribuée par Hyundai Electronics sous le nom de Super Comboy (슈퍼 컴보이).

Les consoles sont zonées (Asie, Europe, Amérique) mais les différences concrètes sont inexistantes ou aisément contournables. La Super Nintendo est une console de génération 16 bits, sortie pour contrer la Mega Drive de Sega (16 bits) et dans une moindre mesure la PC-Engine de NEC (disposant d’un processeur principal 8 bits et d’un processeur graphique 16 bits) et la Neo-Geo AES de SNK (16 bits).

En 1997 et 1998, Nintendo décide de rafraîchir le design en sortant le modèle SNS-101, parfois appelé Super NES 2 aux États-Unis, et la Super Famicom Jr. au Japon.

Pour rivaliser avec la populaire Nintendo Entertainment System / Famicom, NEC lance la PC-Engine en 1987, et Sega suit avec sa Mega Drive en 1988. Les deux systèmes offrent des graphismes améliorés, ainsi qu'un son dépassant la 8 bits de Nintendo. Cependant, la NES continue de dominer le marché des jeux vidéo pendant quelques années avant que la console de Sega soit enfin couronnée de succès4. Voyant sa domination sur le marché chuter, Nintendo est contraint un peu précipitamment de créer une nouvelle console pouvant rivaliser avec ses concurrentes.

Conçue par Masayuki Uemura, le concepteur de la Famicom originale, la Super Famicom sort le mercredi 21 novembre 1990 pour un prix de 25 000 ¥, soit 210 euros (1 380 francs de l'époque). C'est un succès immédiat ; la livraison initiale de 300 000 unités est vendue en quelques heures et le dérangement occasionné conduit le gouvernement japonais à demander aux fabricants de consoles de jeux vidéo de prévoir, à l'avenir, de sortir leurs consoles en fin de semaine6. La sortie occasionne également un regain d'intérêt auprès des Yakuzas, amenant à la décision de convoyer les appareils de nuit pour éviter les vols7.

Rapidement, la Super Famicom se vend mieux que ses rivales et Nintendo se réaffirme comme le leader sur le marché japonais des consoles8. Le succès de Nintendo est en partie dû au soutien de la plupart des développeurs tiers principaux de son précédent système, comprenant Capcom, Konami, Tecmo, Square, Koei et Enix9. En août 1991, Nintendo sort, en Amérique du Nord, la Super Nintendo Entertainment System ou Super NES, une version redessinée de la Super Famicom, pour le prix de 199 $ US.

La Super Nintendo, quant à elle, sort en Europe le 11 avril 1992. Cette version de la console utilise le même design que la Super Famicom japonaise (contrairement à ce qui était prévu au départ (design américain10)). Elle fut distribuée en France par Bandaï France, qui avait au départ prévu un lancement en 1993 puis en septembre 199211, mais qui se sentira forcé par le succès de la Mega Drive de la sortie en hâte en avril de la même année12. Au lancement elle fut vendue en pack avec 2 manettes et Super Mario World pour 1 290 FF (initialement prévu à 1 490 FF mais Sega et leur nouveau pack Megadrive + Sonic à 1 290 FF les pousseront à s'aligner) et accompagnée par quatre jeux optionnels au tarif unitaire de 449 FF : F-Zero, Super R-Type, Super Tennis et Super Soccer. À partir d'octobre 1992, la Super Nintendo sera vendue au choix soit seule (990 FF ; Super Mario World étant vendu séparément à 389 FF, le jeu Super Nintendo le moins cher alors), soit avec Super Mario World (1 290 FF), soit avec Street Fighter 2 (1 490 FF), soit avec le Super Scope (1 490 FF)13,14.

La NES et la SNES sont vendues au Brésil en 1993 par Playtronic, une coentreprise entre l'entreprise de jouet Estrela et Gradiente15. La Super Nintendo et la Super Famicom ne disposent au départ que de quelques jeux. Au Japon, seulement 2 jeux sont disponibles au lancement : Super Mario World et F-Zero16. En Amérique du Nord, Super Mario World est vendu avec la console et les autres titres disponibles sont F-Zero, Pilotwings (qui démontre les capacités de rendu simili 3D du "Mode 7" de la console), SimCity et Gradius III17. En Europe, outre Super Mario World vendu une fois de plus avec la console, les autres titres disponibles sont F-Zero, Super R-Type, Super Soccer et Super Tennis.</histoire>
</Systemes>
</menu>
et faire comprendre au bouzin de le cherche la exemple Databases/Systemes/systemes.xml

with all due respect, you can't just ripoff my work without a simple question even :cry:

Avatar de l’utilisateur
snuf69
Modérateur
Modérateur
Messages : 2577
Inscription : 31 déc. 2013 - 00:00
Localisation : 38200
A remercié : 181 fois
A été remercié : 406 fois

Re: THEME ZSPIN - Vos idées/Vos Réalisations

Message par snuf69 » 30 déc. 2016 - 15:14

I thnik he's trying to understand how your thing is working
And may not try to rob your work

If i'm wrong : kill him with fire !! :)
Image

Avatar de l’utilisateur
ryuuji
Initié
Initié
Messages : 109
Inscription : 17 oct. 2015 - 12:17
A remercié : 17 fois
A été remercié : 39 fois

Re: THEME ZSPIN - Vos idées/Vos Réalisations

Message par ryuuji » 30 déc. 2016 - 16:10

oh I will :shock:
putting the jokes aside ... only I know how much I ve worked to make that ready for 35 systems (other frontend) and it is not nice that somebody else adapt it here without me being asked even

Avatar de l’utilisateur
lankou910
Gourou
Gourou
Messages : 724
Inscription : 16 mai 2013 - 01:00
Localisation : Bordeaux
A remercié : 76 fois
A été remercié : 107 fois

Re: THEME ZSPIN - Vos idées/Vos Réalisations

Message par lankou910 » 30 déc. 2016 - 17:23

bonsoir

@ryuuji

je suis le coupable de ce soucis j'en suis navrez et effectivement je n'est pas pense que ça pourrais te froisse de l'adapter sur zspin ,
les fichier étant sur le forum de retrofe en libre accès ,ce n’étais absolument pas mon intention de m’approprier tas création...

j' ai trouve ton travail pour retroFE et je le trouve très bien fais et réussis et j'ai voulus adapter sur zpin mais tu ne le veux pas je ne ferais pas...

encore un fois je suis désole de cette situation qui est entièrement de m’a faute.

désolé mais je passe part google translate je ne parle pas anglais

lankou910

Good evening

@ryuuji

I am the guilty of this worries I'm sorry and actually I do not think it could crush you to adapt it on zspin,
The files being on the forum of retrofe in free access, it was absolutely not my intention to appropriate to me heap creation ...

I found your work for retroFE and I find it very well done and successful and I wanted to adapt on zpin but you do not want it I would not ...

Again I am sorry for this situation which is entirely my fault.

Sorry but i go share google translate i do not speak english

Lankou910
Dernière modification par lankou910 le 30 déc. 2016 - 19:23, modifié 2 fois.
Image

Avatar de l’utilisateur
himura95
Maître
Maître
Messages : 3177
Inscription : 05 mars 2015 - 20:13
Localisation : Pontoise
A remercié : 911 fois
A été remercié : 562 fois

Re: THEME ZSPIN - Vos idées/Vos Réalisations

Message par himura95 » 30 déc. 2016 - 18:13

desole mes je passe part google translate le ne parle pas englais
Euh :lol:
Image

Avatar de l’utilisateur
ryuuji
Initié
Initié
Messages : 109
Inscription : 17 oct. 2015 - 12:17
A remercié : 17 fois
A été remercié : 39 fois

Re: THEME ZSPIN - Vos idées/Vos Réalisations

Message par ryuuji » 30 déc. 2016 - 20:08

After many hours spent to make that I think I ve earned the right to be asked before this project would start or at least you could have mentioned in your post that is someone else's work.
Nevertheless, it's a matter of principle, I don't mean to make a big fuss about it.
I guess you can continue to adapt it, but zspin is missing some features which will not offer the same feel as in retrofe :roll: that's why I haven't tried to make it for zspin also.

Avatar de l’utilisateur
lankou910
Gourou
Gourou
Messages : 724
Inscription : 16 mai 2013 - 01:00
Localisation : Bordeaux
A remercié : 76 fois
A été remercié : 107 fois

Re: THEME ZSPIN - Vos idées/Vos Réalisations

Message par lankou910 » 03 janv. 2017 - 16:37

bonsoir

suite au petit soucis crée part ma faute je suis repartis cette fois d'une page blanche....
juste repris le style de logo de @ryuuji (si il me le permets sinon bien je ferais un autre).

Image

est que quelqu’un pourrais regarder le code pour mes les vidéo et frame

je m'arrage les cheveux avec ce pu*****n de b*****l de c*****rie de pompe a m****

tuto ici je sais

aussi que ce pu****n de truc a la c*n j'arrive pas non plus suis un quiche je pige que dalle, j’arrive a rien

tuto ici je sais
code
<!DOCTYPE html>
<html><head>
<meta charset="utf-8">
<title>Base Zspin</title>
<meta name="generator" content="Google Web Designer 1.7.0.1114">
<link rel="stylesheet" href="animate.css">
<style type="text/css">html,
body {
width: 100%;
height: 100%;
margin: 0px;
overflow: hidden;
}
body {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
-moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
perspective: 1400px;
-webkit-perspective: 1400px;
-moz-perspective: 1400px;
transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
background-color: transparent;
}
.gwd-img-15uh {
position: absolute;
left: 0%;
top: 0%;
width: 100%;
height: 100%;
border-radius: 0%;
margin: 0%;
padding: 0%;
}
.gwd-img-i96c {
position: absolute;
left: 27.08%;
top: 13.06%;
width: 45.83%;
height: 61.11%;
border-radius: 0%;
margin: 0%;
padding: 0%;
}
.gwd-img-bgx2 {
position: absolute;
left: 27.08%;
top: 11.67%;
width: 45.83%;
height: 61.11%;
border-radius: 0%;
margin: 0%;
padding: 0%;
}
.gwd-img-gx4b {
position: absolute;
transform-origin: 40.1563px 128.5px 0px;
-webkit-transform-origin: 40.1563px 128.5px 0px;
-moz-transform-origin: 40.1563px 128.5px 0px;
padding: 0%;
margin: 0%;
border-radius: 0%;
width: 4.17%;
left: 64.84%;
top: 70.37%;
height: 23.8%;
}
.gwd-img-1vr6 {
position: absolute;
left: 18.75%;
border-radius: 0%;
margin: 0%;
padding: 0%;
width: 62.5%;
height: 12.31%;
top: -11.25%;
transform: translate3d(0px, 0px, 0px);
-webkit-transform: translate3d(0px, 0px, 0px);
-moz-transform: translate3d(0px, 0px, 0px);
border-width: 0px;
}
.gwd-img-1vo2 {
position: absolute;
transform-origin: 319.306px 104.5px 0px;
-webkit-transform-origin: 319.306px 104.5px 0px;
-moz-transform-origin: 319.306px 104.5px 0px;
top: 73.15%;
width: 33.28%;
height: 19.35%;
border-radius: 0%;
margin: 0%;
padding: 0%;
left: -33.25%;
transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform: translate3d(0px, 0px, 0px);
-webkit-transform: translate3d(0px, 0px, 0px);
-moz-transform: translate3d(0px, 0px, 0px);
}
.gwd-img-ohxa {
position: absolute;
left: 34.38%;
height: 6.2%;
width: 31.25%;
border-radius: 0%;
margin: 0%;
padding: 0%;
top: 100.29%;
transform: translate3d(0px, 0px, 0px);
-webkit-transform: translate3d(0px, 0px, 0px);
-moz-transform: translate3d(0px, 0px, 0px);
transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
}
@keyframes gwd-gen-rp2vgwdanimation_gwd-keyframes {
0% {
transform: translate3d(0px, 0px, 0px);
-webkit-transform: translate3d(0px, 0px, 0px);
-moz-transform: translate3d(0px, 0px, 0px);
left: -33.25%;
animation-timing-function: linear;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
}
100% {
transform: translate3d(1px, 0px, 0px);
-webkit-transform: translate3d(1px, 0px, 0px);
-moz-transform: translate3d(1px, 0px, 0px);
left: 0%;
animation-timing-function: linear;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
}
}
@-webkit-keyframes gwd-gen-rp2vgwdanimation_gwd-keyframes {
0% {
-webkit-transform: translate3d(0px, 0px, 0px);
left: -33.25%;
-webkit-animation-timing-function: linear;
}
100% {
-webkit-transform: translate3d(1px, 0px, 0px);
left: 0%;
-webkit-animation-timing-function: linear;
}
}
@-moz-keyframes gwd-gen-rp2vgwdanimation_gwd-keyframes {
0% {
-moz-transform: translate3d(0px, 0px, 0px);
left: -33.25%;
-moz-animation-timing-function: linear;
}
100% {
-moz-transform: translate3d(1px, 0px, 0px);
left: 0%;
-moz-animation-timing-function: linear;
}
}
.htmlNoPages .gwd-gen-rp2vgwdanimation {
animation: gwd-gen-rp2vgwdanimation_gwd-keyframes 2s linear 0s 1 normal forwards;
-webkit-animation: gwd-gen-rp2vgwdanimation_gwd-keyframes 2s linear 0s 1 normal forwards;
-moz-animation: gwd-gen-rp2vgwdanimation_gwd-keyframes 2s linear 0s 1 normal forwards;
}
@keyframes gwd-gen-1xawgwdanimation_gwd-keyframes {
0% {
transform: translate3d(0px, 0px, 0px);
-webkit-transform: translate3d(0px, 0px, 0px);
-moz-transform: translate3d(0px, 0px, 0px);
animation-timing-function: linear;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
}
100% {
transform: translate3d(0px, -71px, 0px);
-webkit-transform: translate3d(0px, -71px, 0px);
-moz-transform: translate3d(0px, -71px, 0px);
animation-timing-function: linear;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
}
}
@-webkit-keyframes gwd-gen-1xawgwdanimation_gwd-keyframes {
0% {
-webkit-transform: translate3d(0px, 0px, 0px);
-webkit-animation-timing-function: linear;
}
100% {
-webkit-transform: translate3d(0px, -71px, 0px);
-webkit-animation-timing-function: linear;
}
}
@-moz-keyframes gwd-gen-1xawgwdanimation_gwd-keyframes {
0% {
-moz-transform: translate3d(0px, 0px, 0px);
-moz-animation-timing-function: linear;
}
100% {
-moz-transform: translate3d(0px, -71px, 0px);
-moz-animation-timing-function: linear;
}
}
.htmlNoPages .gwd-gen-1xawgwdanimation {
animation: gwd-gen-1xawgwdanimation_gwd-keyframes 2s linear 0s 1 normal forwards;
-webkit-animation: gwd-gen-1xawgwdanimation_gwd-keyframes 2s linear 0s 1 normal forwards;
-moz-animation: gwd-gen-1xawgwdanimation_gwd-keyframes 2s linear 0s 1 normal forwards;
}
@keyframes gwd-gen-1p47gwdanimation_gwd-keyframes {
0% {
transform: translate3d(0px, 0px, 0px);
-webkit-transform: translate3d(0px, 0px, 0px);
-moz-transform: translate3d(0px, 0px, 0px);
top: -11.25%;
margin: 0%;
padding: 0%;
border-width: 0px;
animation-timing-function: linear;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
}
100% {
transform: translate3d(0px, 0px, 0px);
-webkit-transform: translate3d(0px, 0px, 0px);
-moz-transform: translate3d(0px, 0px, 0px);
top: 0%;
margin: 0%;
padding: 0%;
border-width: 0pt;
animation-timing-function: linear;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
}
}
@-webkit-keyframes gwd-gen-1p47gwdanimation_gwd-keyframes {
0% {
-webkit-transform: translate3d(0px, 0px, 0px);
top: -11.25%;
margin: 0%;
padding: 0%;
border-width: 0px;
-webkit-animation-timing-function: linear;
}
100% {
-webkit-transform: translate3d(0px, 0px, 0px);
top: 0%;
margin: 0%;
padding: 0%;
border-width: 0pt;
-webkit-animation-timing-function: linear;
}
}
@-moz-keyframes gwd-gen-1p47gwdanimation_gwd-keyframes {
0% {
-moz-transform: translate3d(0px, 0px, 0px);
top: -11.25%;
margin: 0%;
padding: 0%;
border-width: 0px;
-moz-animation-timing-function: linear;
}
100% {
-moz-transform: translate3d(0px, 0px, 0px);
top: 0%;
margin: 0%;
padding: 0%;
border-width: 0pt;
-moz-animation-timing-function: linear;
}
}
.htmlNoPages .gwd-gen-1p47gwdanimation {
animation: gwd-gen-1p47gwdanimation_gwd-keyframes 2s linear 0s 1 normal forwards;
-webkit-animation: gwd-gen-1p47gwdanimation_gwd-keyframes 2s linear 0s 1 normal forwards;
-moz-animation: gwd-gen-1p47gwdanimation_gwd-keyframes 2s linear 0s 1 normal forwards;
}</style>
</head>

<body class="htmlNoPages">
<img src="fond.png" class="gwd-img-15uh" id="fondecran">
<img src="fondcadre.png" class="gwd-img-i96c" id="fondvideo">
<img src="cadrevideo.png" class="gwd-img-bgx2" id="cadrevideo">
<img src="barre_histoire.png" class="gwd-img-gx4b" id="barrehistoire">
<img src="haut.png" class="gwd-img-1vr6 gwd-gen-1p47gwdanimation" id="haut">
<img src="Logo.png" class="gwd-img-1vo2 gwd-gen-rp2vgwdanimation" id="logo">
<img src="bas_1.png" class="gwd-img-ohxa gwd-gen-1xawgwdanimation" id="bas">


</body></html>
@porko @zaker au secours....

souce a editer pour le code
Image

Avatar de l’utilisateur
camarade35
Maître
Maître
Messages : 4230
Inscription : 05 sept. 2013 - 01:00
Localisation : Chevaigné
A remercié : 619 fois
A été remercié : 739 fois
Contact :

Re: THEME ZSPIN - Vos idées/Vos Réalisations

Message par camarade35 » 03 janv. 2017 - 19:00

@lankou910

y'a po la vidéo là ?

pour exemple :
#gamevideo = div vidéo
.gwd-video-1czy = vidéo
.gwd-img-avkk = frame

à noter qu'il faut d'abord adapter frame et vidéo ensemble, la frame en x0 et y0 et ensuite caller la vidéo dedans
ensuite tu bougeras/mettras à la bonne taille la div

Code : Tout sélectionner

    #gamevideo {
      position: absolute;
      height: auto;
      left: 68%;
      top: 65%;
      width: 100%;
    }
    .gwd-video-1czy {
      position: absolute;
      height: auto;
      left: 5px;
      top: 5px;
      width: 30%;
    }
    .gwd-img-avkk {
      position: relative;
      height: auto;
      left: 3px;
      width: 30.25%;
      top: 3px;
    }

Code : Tout sélectionner

  <div id="gamevideo">
    <video src="Video.mp4" class="gwd-video-1czy" loop="loop" id="video_demo" autoplay="autoplay"></video>
    <img src="assets/cadre_3.png" class="gwd-img-avkk" id="cadre">
  </div>
en gros pour toi...

Code : Tout sélectionner

<div id="gamevideo">
<video src="Video.mp4" class="gwd-video-1czy" loop="loop" id="video_demo" autoplay="autoplay"></video>
<img src="cadrevideo.png" class="gwd-img-bgx2" id="cadrevideo">
 </div>
et tu ajoutes une div en haut + ta vidéo et basta

P.S : et du coup pour les wheels c'est bon, tu as pigé ?
préservation du patrimoine vidéoludique et de notre planète

Avatar de l’utilisateur
camarade35
Maître
Maître
Messages : 4230
Inscription : 05 sept. 2013 - 01:00
Localisation : Chevaigné
A remercié : 619 fois
A été remercié : 739 fois
Contact :

Re: THEME ZSPIN - Vos idées/Vos Réalisations

Message par camarade35 » 03 janv. 2017 - 23:24

@lankou910, c'est testé et fonctionnel pour la partie vidéo avec peut-être quelques ajustements à faire ;)

Image

Image

https://www.mediafire.com/?4q0j45u4y2gey5l

Code : Tout sélectionner

<!DOCTYPE html>
<html><head>
  <meta charset="utf-8">
  <title>Base Zspin</title>
  <meta name="generator" content="Google Web Designer 1.7.0.1114">
  <link rel="stylesheet" href="animate.css">
  <style type="text/css">html,
body {
    width: 100%;
    height: 100%;
    margin: 0px;
    overflow: hidden;
}
body {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    perspective: 1400px;
    -webkit-perspective: 1400px;
    -moz-perspective: 1400px;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    background-color: transparent;
}
.gwd-img-15uh {
    position: absolute;
    left: 0%;
    top: 0%;
    width: 100%;
    height: 100%;
    border-radius: 0%;
    margin: 0%;
    padding: 0%;
}
#gamevideo {
      position: absolute;
      height: auto;
      left: 27%;
      top: 10%;
      width: 100%;
    }
    .gwd-video-1czy {
      position: absolute;
      height: auto;
      left: 100px;
      top: 90px;
      width: 34%;
	  }
	.gwd-img-i96c {
      position: absolute;
      height: auto;
      left: 1px;
      width: 45%;
      top: 1px;
    }
	.gwd-img-bgx2 {
      position: relative;
      height: auto;
      right: 1px;
      width: 45%;
      top: 1px;
    }
.gwd-img-gx4b {
    position: absolute;
    transform-origin: 40.1563px 128.5px 0px;
    -webkit-transform-origin: 40.1563px 128.5px 0px;
    -moz-transform-origin: 40.1563px 128.5px 0px;
    padding: 0%;
    margin: 0%;
    border-radius: 0%;
    width: 4.17%;
    left: 64.84%;
    top: 70.37%;
    height: 23.8%;
}
.gwd-img-1vr6 {
    position: absolute;
    left: 18.75%;
    border-radius: 0%;
    margin: 0%;
    padding: 0%;
    width: 62.5%;
    height: 12.31%;
    top: -11.25%;
    transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    border-width: 0px;
}
.gwd-img-1vo2 {
    position: absolute;
    transform-origin: 319.306px 104.5px 0px;
    -webkit-transform-origin: 319.306px 104.5px 0px;
    -moz-transform-origin: 319.306px 104.5px 0px;
    top: 73.15%;
    width: 33.28%;
    height: 19.35%;
    border-radius: 0%;
    margin: 0%;
    padding: 0%;
    left: -33.25%;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
}
.gwd-img-ohxa {
    position: absolute;
    left: 34.38%;
    height: 6.2%;
    width: 31.25%;
    border-radius: 0%;
    margin: 0%;
    padding: 0%;
    top: 100.29%;
    transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
}
@keyframes gwd-gen-rp2vgwdanimation_gwd-keyframes {
    0% {
        transform: translate3d(0px, 0px, 0px);
        -webkit-transform: translate3d(0px, 0px, 0px);
        -moz-transform: translate3d(0px, 0px, 0px);
        left: -33.25%;
        animation-timing-function: linear;
        -webkit-animation-timing-function: linear;
        -moz-animation-timing-function: linear;
    }
    100% {
        transform: translate3d(1px, 0px, 0px);
        -webkit-transform: translate3d(1px, 0px, 0px);
        -moz-transform: translate3d(1px, 0px, 0px);
        left: 0%;
        animation-timing-function: linear;
        -webkit-animation-timing-function: linear;
        -moz-animation-timing-function: linear;
    }
}
@-webkit-keyframes gwd-gen-rp2vgwdanimation_gwd-keyframes {
    0% {
        -webkit-transform: translate3d(0px, 0px, 0px);
        left: -33.25%;
        -webkit-animation-timing-function: linear;
    }
    100% {
        -webkit-transform: translate3d(1px, 0px, 0px);
        left: 0%;
        -webkit-animation-timing-function: linear;
    }
}
@-moz-keyframes gwd-gen-rp2vgwdanimation_gwd-keyframes {
    0% {
        -moz-transform: translate3d(0px, 0px, 0px);
        left: -33.25%;
        -moz-animation-timing-function: linear;
    }
    100% {
        -moz-transform: translate3d(1px, 0px, 0px);
        left: 0%;
        -moz-animation-timing-function: linear;
    }
}
.htmlNoPages .gwd-gen-rp2vgwdanimation {
    animation: gwd-gen-rp2vgwdanimation_gwd-keyframes 2s linear 0s 1 normal forwards;
    -webkit-animation: gwd-gen-rp2vgwdanimation_gwd-keyframes 2s linear 0s 1 normal forwards;
    -moz-animation: gwd-gen-rp2vgwdanimation_gwd-keyframes 2s linear 0s 1 normal forwards;
}
@keyframes gwd-gen-1xawgwdanimation_gwd-keyframes {
    0% {
        transform: translate3d(0px, 0px, 0px);
        -webkit-transform: translate3d(0px, 0px, 0px);
        -moz-transform: translate3d(0px, 0px, 0px);
        animation-timing-function: linear;
        -webkit-animation-timing-function: linear;
        -moz-animation-timing-function: linear;
    }
    100% {
        transform: translate3d(0px, -71px, 0px);
        -webkit-transform: translate3d(0px, -71px, 0px);
        -moz-transform: translate3d(0px, -71px, 0px);
        animation-timing-function: linear;
        -webkit-animation-timing-function: linear;
        -moz-animation-timing-function: linear;
    }
}
@-webkit-keyframes gwd-gen-1xawgwdanimation_gwd-keyframes {
    0% {
        -webkit-transform: translate3d(0px, 0px, 0px);
        -webkit-animation-timing-function: linear;
    }
    100% {
        -webkit-transform: translate3d(0px, -71px, 0px);
        -webkit-animation-timing-function: linear;
    }
}
@-moz-keyframes gwd-gen-1xawgwdanimation_gwd-keyframes {
    0% {
        -moz-transform: translate3d(0px, 0px, 0px);
        -moz-animation-timing-function: linear;
    }
    100% {
        -moz-transform: translate3d(0px, -71px, 0px);
        -moz-animation-timing-function: linear;
    }
}
.htmlNoPages .gwd-gen-1xawgwdanimation {
    animation: gwd-gen-1xawgwdanimation_gwd-keyframes 2s linear 0s 1 normal forwards;
    -webkit-animation: gwd-gen-1xawgwdanimation_gwd-keyframes 2s linear 0s 1 normal forwards;
    -moz-animation: gwd-gen-1xawgwdanimation_gwd-keyframes 2s linear 0s 1 normal forwards;
}
@keyframes gwd-gen-1p47gwdanimation_gwd-keyframes {
    0% {
        transform: translate3d(0px, 0px, 0px);
        -webkit-transform: translate3d(0px, 0px, 0px);
        -moz-transform: translate3d(0px, 0px, 0px);
        top: -11.25%;
        margin: 0%;
        padding: 0%;
        border-width: 0px;
        animation-timing-function: linear;
        -webkit-animation-timing-function: linear;
        -moz-animation-timing-function: linear;
    }
    100% {
        transform: translate3d(0px, 0px, 0px);
        -webkit-transform: translate3d(0px, 0px, 0px);
        -moz-transform: translate3d(0px, 0px, 0px);
        top: 0%;
        margin: 0%;
        padding: 0%;
        border-width: 0pt;
        animation-timing-function: linear;
        -webkit-animation-timing-function: linear;
        -moz-animation-timing-function: linear;
    }
}
@-webkit-keyframes gwd-gen-1p47gwdanimation_gwd-keyframes {
    0% {
        -webkit-transform: translate3d(0px, 0px, 0px);
        top: -11.25%;
        margin: 0%;
        padding: 0%;
        border-width: 0px;
        -webkit-animation-timing-function: linear;
    }
    100% {
        -webkit-transform: translate3d(0px, 0px, 0px);
        top: 0%;
        margin: 0%;
        padding: 0%;
        border-width: 0pt;
        -webkit-animation-timing-function: linear;
    }
}
@-moz-keyframes gwd-gen-1p47gwdanimation_gwd-keyframes {
    0% {
        -moz-transform: translate3d(0px, 0px, 0px);
        top: -11.25%;
        margin: 0%;
        padding: 0%;
        border-width: 0px;
        -moz-animation-timing-function: linear;
    }
    100% {
        -moz-transform: translate3d(0px, 0px, 0px);
        top: 0%;
        margin: 0%;
        padding: 0%;
        border-width: 0pt;
        -moz-animation-timing-function: linear;
    }
}
.htmlNoPages .gwd-gen-1p47gwdanimation {
    animation: gwd-gen-1p47gwdanimation_gwd-keyframes 2s linear 0s 1 normal forwards;
    -webkit-animation: gwd-gen-1p47gwdanimation_gwd-keyframes 2s linear 0s 1 normal forwards;
    -moz-animation: gwd-gen-1p47gwdanimation_gwd-keyframes 2s linear 0s 1 normal forwards;
}</style>
</head>

<body class="htmlNoPages">

  <img src="fond.png" class="gwd-img-15uh" id="fondecran">
  <div id="gamevideo">
  <img src="fondcadre.png" class="gwd-img-i96c" id="fondvideo">
    <video src="Video.mp4" class="gwd-video-1czy" loop="loop" id="video_demo" autoplay="autoplay"></video>
  <img src="cadrevideo.png" class="gwd-img-bgx2" id="cadrevideo">
  
  </div>
  <img src="barre_histoire.png" class="gwd-img-gx4b" id="barrehistoire">
  <img src="haut.png" class="gwd-img-1vr6 gwd-gen-1p47gwdanimation" id="haut">
  <img src="Logo.png" class="gwd-img-1vo2 gwd-gen-rp2vgwdanimation" id="logo">
  <img src="bas_1.png" class="gwd-img-ohxa gwd-gen-1xawgwdanimation" id="bas">


</body></html>
préservation du patrimoine vidéoludique et de notre planète

Avatar de l’utilisateur
camarade35
Maître
Maître
Messages : 4230
Inscription : 05 sept. 2013 - 01:00
Localisation : Chevaigné
A remercié : 619 fois
A été remercié : 739 fois
Contact :

Re: THEME ZSPIN - Vos idées/Vos Réalisations

Message par camarade35 » 04 janv. 2017 - 07:07

dernières modifications de ce matin, là pour moi c'est nickel

Code : Tout sélectionner

#gamevideo {
      position: absolute;
      height: auto;
      left: 27%;
      top: 14%;
      width: 100%;
    }
    .gwd-video-1czy {
      position: absolute;
      height: auto;
      left: 105px;
      top: 79px;
      width: 33%;
	  }
	.gwd-img-i96c {
      position: absolute;
      height: auto;
      left: 0px;
      width: 45%;
      top: 1px;
    }
	.gwd-img-bgx2 {
      position: relative;
      height: auto;
      right: 1px;
      width: 45%;
      top: 1px;
    }
Pour bien caler ton BACK-VIDEO tu le mets en relative et tu modifies les dimensions/positions de la vidéo.
Ensuite, retour en absolu ;)
préservation du patrimoine vidéoludique et de notre planète

Avatar de l’utilisateur
lankou910
Gourou
Gourou
Messages : 724
Inscription : 16 mai 2013 - 01:00
Localisation : Bordeaux
A remercié : 76 fois
A été remercié : 107 fois

Re: THEME ZSPIN - Vos idées/Vos Réalisations

Message par lankou910 » 04 janv. 2017 - 10:21

bonjour

et un grand merci a camarade pour son intervention salvatrice....
je commence a pige comment ça fonctionne cette saleté de frame+video, pas simple.

pour les wheels je n'est pas réussis a avoir quelque chose de propre mais seulement passable.

mais je cherche aussi a voir sur les themes defaut (cps,cps2,megadrtive etc....)
l'histoire qui s’affiche, je pige (je crois :oops: ) bien grase a @porko le fonctionnement, sauf ou lui dire d'alller cherche l'histoire de telle system dans un fichier xml .
un truc dans le genre
<?xml version="1.0" encoding="utf-8"?>
<menu>
<header>
<listname>Systemes</listname>
<lastlistupdate>25/09/2015</lastlistupdate>
<listversion>Systeme v.25/09/2015</listversion>
<exporterversion>HyperFreeDb</exporterversion>
</header>
<Systemes name="Sega Mega Drive">
<histoire>La Mega Drive, ou Genesis en Amérique du Nord, est une console de jeux vidéo de quatriéme génération connue et commercialisée par le constructeur japonais Sega Enterprises, Ltd. La Mega Drive est la troisième console de Sega, elle succède à la Master System. Sega sort d'abord la console au Japon sous le nom de Mega Drive en 1988, la console est ensuite lancée en 1989 en Amérique du Nord, renommée Genesis sur ce territoire. En 1990, la console sort dans la plupart des autres territoires en tant que Mega Drive.

Connue par une équipe de recherche et développement supervisée par Masami Ishikawa, le hardware de la Mega Drive est adapté du System 16 pour borne d'arcade. Le système prend en charge une ludothèque de plus de 900 jeux créés par Sega et par un large éventail d'éditeurs tiers, publiés sous forme de cartouche de jeu vidéo.

Au Japon, la Mega Drive ne se vend pas aussi bien que ses deux principales concurrentes, la Super Nintendo de Nintendo et la PC-Engine de NEC. Cependant, fort de sa riche expérience en salles d'arcade et prenant de court Nintendo sur le marché des consoles 16 bits, Sega parvient à positionner la Mega Drive en Amérique du Nord et en Europe, où elle connait un succés considérable avec la captation de la majorité du marché 16 bits dans plusieurs territoires, particulièrement aux Etats-Unis et au Royaume-Uni. Les principaux composants qui oeuvrent à son succés sont ses portages de jeux vidéo d'arcade, la popularité de la série Sonic the Hedgehog, plusieurs franchises connues de jeux de sport, ainsi qu'un marketing offensif envers un public jeune qui positionne le système comme étant la console " cool " pour les adolescents. Bien que Sega domine le marché en Amérique du Nord et en Europe pendant plusieurs années, la sortie de la Super Nintendo donne lieu à une farouche bataille pour des parts de marché dans ces territoires, une rivalité souvent qualifiée de " guerre des consoles " par les journalistes et les historiens. Comme cette compétition attire de plus en plus l'attention du grand public auprès de l'industrie vidéoludique, la Mega Drive et plusieurs de ses jeux les plus médiatisés suscitent d'importantes analyses juridiques sur des questions liées à la rétroingénierie et à la violence dans les jeux vidéo. La controverse entourant des titres violents comme Night Trap et Mortal Kombat conduit Sega à créer le Videogame Rating Council, le prédécesseur de l'Entertainment Software Rating Board.

A la fin de son cycle de vie, bien que finalement distancée par la Super Nintendo, et en particulier au Japon, la console compte environ 40 millions d'exemplaires vendus dans le monde. C'est le succés le plus important de Sega sur le marché des consoles. La Mega Drive et ses jeux restent populaires parmi les fans, les collectionneurs, les passionnés de musiques de jeux vidéo, et les amateurs d'émulation. Des rééditions de la console sous licence sont encore produites dans les années 2010, et plusieurs développeurs de jeux vidéo indépendants continuent à produire des jeux compatibles avec ce système. Sortie en 1994, la Saturn succéde à la Mega Drive.</histoire>
</Systemes>
<Systemes name="Super Nintendo Entertainment System">
<histoire>La Super Nintendo Entertainment System (couramment abrégée Super NES ou Super Nintendo3), ou Super Famicom (スーパーファミコン) au Japon, est une console de jeux vidéo 16 bits du constructeur japonais Nintendo commercialisée à partir de novembre 1990. En Amérique du Nord, la console est sortie avec un look résolument différent. À noter qu'en Corée du Sud, la Super Nintendo est distribuée par Hyundai Electronics sous le nom de Super Comboy (슈퍼 컴보이).

Les consoles sont zonées (Asie, Europe, Amérique) mais les différences concrètes sont inexistantes ou aisément contournables. La Super Nintendo est une console de génération 16 bits, sortie pour contrer la Mega Drive de Sega (16 bits) et dans une moindre mesure la PC-Engine de NEC (disposant d’un processeur principal 8 bits et d’un processeur graphique 16 bits) et la Neo-Geo AES de SNK (16 bits).

En 1997 et 1998, Nintendo décide de rafraîchir le design en sortant le modèle SNS-101, parfois appelé Super NES 2 aux États-Unis, et la Super Famicom Jr. au Japon.

Pour rivaliser avec la populaire Nintendo Entertainment System / Famicom, NEC lance la PC-Engine en 1987, et Sega suit avec sa Mega Drive en 1988. Les deux systèmes offrent des graphismes améliorés, ainsi qu'un son dépassant la 8 bits de Nintendo. Cependant, la NES continue de dominer le marché des jeux vidéo pendant quelques années avant que la console de Sega soit enfin couronnée de succès4. Voyant sa domination sur le marché chuter, Nintendo est contraint un peu précipitamment de créer une nouvelle console pouvant rivaliser avec ses concurrentes.

Conçue par Masayuki Uemura, le concepteur de la Famicom originale, la Super Famicom sort le mercredi 21 novembre 1990 pour un prix de 25 000 ¥, soit 210 euros (1 380 francs de l'époque). C'est un succès immédiat ; la livraison initiale de 300 000 unités est vendue en quelques heures et le dérangement occasionné conduit le gouvernement japonais à demander aux fabricants de consoles de jeux vidéo de prévoir, à l'avenir, de sortir leurs consoles en fin de semaine6. La sortie occasionne également un regain d'intérêt auprès des Yakuzas, amenant à la décision de convoyer les appareils de nuit pour éviter les vols7.

Rapidement, la Super Famicom se vend mieux que ses rivales et Nintendo se réaffirme comme le leader sur le marché japonais des consoles8. Le succès de Nintendo est en partie dû au soutien de la plupart des développeurs tiers principaux de son précédent système, comprenant Capcom, Konami, Tecmo, Square, Koei et Enix9. En août 1991, Nintendo sort, en Amérique du Nord, la Super Nintendo Entertainment System ou Super NES, une version redessinée de la Super Famicom, pour le prix de 199 $ US.

La Super Nintendo, quant à elle, sort en Europe le 11 avril 1992. Cette version de la console utilise le même design que la Super Famicom japonaise (contrairement à ce qui était prévu au départ (design américain10)). Elle fut distribuée en France par Bandaï France, qui avait au départ prévu un lancement en 1993 puis en septembre 199211, mais qui se sentira forcé par le succès de la Mega Drive de la sortie en hâte en avril de la même année12. Au lancement elle fut vendue en pack avec 2 manettes et Super Mario World pour 1 290 FF (initialement prévu à 1 490 FF mais Sega et leur nouveau pack Megadrive + Sonic à 1 290 FF les pousseront à s'aligner) et accompagnée par quatre jeux optionnels au tarif unitaire de 449 FF : F-Zero, Super R-Type, Super Tennis et Super Soccer. À partir d'octobre 1992, la Super Nintendo sera vendue au choix soit seule (990 FF ; Super Mario World étant vendu séparément à 389 FF, le jeu Super Nintendo le moins cher alors), soit avec Super Mario World (1 290 FF), soit avec Street Fighter 2 (1 490 FF), soit avec le Super Scope (1 490 FF)13,14.

La NES et la SNES sont vendues au Brésil en 1993 par Playtronic, une coentreprise entre l'entreprise de jouet Estrela et Gradiente15. La Super Nintendo et la Super Famicom ne disposent au départ que de quelques jeux. Au Japon, seulement 2 jeux sont disponibles au lancement : Super Mario World et F-Zero16. En Amérique du Nord, Super Mario World est vendu avec la console et les autres titres disponibles sont F-Zero, Pilotwings (qui démontre les capacités de rendu simili 3D du "Mode 7" de la console), SimCity et Gradius III17. En Europe, outre Super Mario World vendu une fois de plus avec la console, les autres titres disponibles sont F-Zero, Super R-Type, Super Soccer et Super Tennis.</histoire>
</Systemes>
</menu>
merci pour vos lumiere.
Image

Répondre

Revenir à « Medias »