[ATTRACT MODE] THEME BUILDER ONLINE

Les jeux vidéo restent au centre de notre passion, alors, parlons-en !

Modérateurs : kefran69, Modérateurs

Répondre
Avatar de l’utilisateur
camarade35
Maître
Maître
Messages : 3928
Inscription : 04 sept. 2013 - 23:00
Localisation : Chevaigné
A remercié : 442 fois
A été remercié : 606 fois
Contact :

[ATTRACT MODE] THEME BUILDER ONLINE

Message par camarade35 » 30 sept. 2018 - 14:03

Pour ceux que ça intéresse, il y a ça

http://goodiesfor.me/attractmode/builder/" onclick="window.open(this.href);return false;

Attention, vidéo Crado ^^

[BBvideo 560,340][/BBvideo]

Avatar de l’utilisateur
mens59
Guide
Guide
Messages : 1686
Inscription : 19 mai 2017 - 19:08
Localisation : 59000
A remercié : 418 fois
A été remercié : 284 fois

Re: [ATTRACT MODE] THEME BUILDER ONLINE

Message par mens59 » 30 sept. 2018 - 15:45

Hmm on va jeter un petit oeil à cela, merci ! :)

Signé : un clown anonyme ! ;D

Avatar de l’utilisateur
phenix14000
Connaisseur
Connaisseur
Messages : 248
Inscription : 03 mai 2016 - 04:34
Localisation : val d'izé
A remercié : 63 fois
A été remercié : 42 fois

Re: [ATTRACT MODE] THEME BUILDER ONLINE

Message par phenix14000 » 30 sept. 2018 - 17:45

Jolie trouvaille et je confirme la video est a gerber :)

Avatar de l’utilisateur
mens59
Guide
Guide
Messages : 1686
Inscription : 19 mai 2017 - 19:08
Localisation : 59000
A remercié : 418 fois
A été remercié : 284 fois

Re: [ATTRACT MODE] THEME BUILDER ONLINE

Message par mens59 » 30 sept. 2018 - 18:47

Je vais peut être déjà faire le boulet mais, j'ai tenté rapidement de monter un truc, et pourquoi en mettant le "Layout" en 1920x1080 avec un thème HD 16:9, mon image en 1920x1080 est coupée ? :@

Avatar de l’utilisateur
serviettzky62
Passionné
Passionné
Messages : 190
Inscription : 29 juin 2018 - 08:36
Localisation : Divion, Pas-De-Calais
A remercié : 24 fois
A été remercié : 34 fois

Re: [ATTRACT MODE] THEME BUILDER ONLINE

Message par serviettzky62 » 01 oct. 2018 - 08:29

j'ai trouvé ce créateur de theme depuis un petit moment, j y a peine touché encore, je m'en suis juste servi pour apprndre a me repérer en coordonnées relatives dans les layouts.

Avatar de l’utilisateur
camarade35
Maître
Maître
Messages : 3928
Inscription : 04 sept. 2013 - 23:00
Localisation : Chevaigné
A remercié : 442 fois
A été remercié : 606 fois
Contact :

Re: [ATTRACT MODE] THEME BUILDER ONLINE

Message par camarade35 » 01 oct. 2018 - 10:54

@mens59 : je ne sais pas, j'ai juste trouvé le site et j'ai partagé, pas comme @serviettzky62 qui garde les infos pour lui :mrgreen:
@serviettzky62 : si tu as un tuto pour les layers ou une façon de comprendre facilement la réalisation des thèmes stp ;)

Avatar de l’utilisateur
serviettzky62
Passionné
Passionné
Messages : 190
Inscription : 29 juin 2018 - 08:36
Localisation : Divion, Pas-De-Calais
A remercié : 24 fois
A été remercié : 34 fois

Re: [ATTRACT MODE] THEME BUILDER ONLINE

Message par serviettzky62 » 01 oct. 2018 - 12:20

Bien sur que je vais vous partager tous, mais j'apprends aussi en même temps que je construit une box petit a petit.je pense que faire du tuto maintenant est un peu tot.
Mais je vais i regarder pour essayer de construire un debut de tuto pour construire des surfaces et expliquer chaque fonction que je connais.

Ma facon de procéder pour l'instant c'est de piocher des paragraphe de formules dans plusieurs layouts, les comprendre et les adapter. d'ailleurs sur le forum attract mode, c'est ce qu'on fait la plupart.

j'ai demarré par ca que j'ai réaliser pour commencer a comprendre

https://github.com/mickelson/attract/wi ... rogramming

que je peux peut être retranscrire en faire ici sous forme d'intro si ça vous interresse. ;)

Avatar de l’utilisateur
andric31
Maître
Maître
Messages : 4432
Inscription : 13 sept. 2014 - 23:00
Localisation : Entre mer et montage
A remercié : 550 fois
A été remercié : 444 fois

Re: [ATTRACT MODE] THEME BUILDER ONLINE

Message par andric31 » 01 oct. 2018 - 16:14

Tien,
un truc que j'avais fait vite fait, c'est juste plusieurs images poser

Image
layout.nut
//
// ( axe horizontal (x), axe vertical (y), largeur (w), hauteur(h) )
//

fe.layout.width = 1920;
fe.layout.height = 1080;
fe.layout.preserve_aspect_ratio=true;

//
// modules
//
fe.load_module( "conveyor" );
fe.load_module( "animate" );

//
// Backgrounds
//
local Backgrounds = fe.add_artwork( "Backgrounds", 0, 0 );

//
// Artwork sous la vidéo
//
local Artwork0 = fe.add_artwork( "Artwork0", 0, 0 );

//
// vidéo
//
local Videos = fe.add_artwork( "Videos", 1200, 100, 640, 480 );

//
// Artwork sur la vidéo
//
local Artwork1 = fe.add_artwork( "Artwork1", 0, 0 );
local Artwork2 = fe.add_artwork( "Artwork2", 0, 0 );
local Artwork3 = fe.add_artwork( "Artwork3", 0, 0 );
local Artwork4 = fe.add_artwork( "Artwork4", 0, 0 );
local Artwork5 = fe.add_artwork( "Artwork5", 0, 0 );

//
// Texte
//

local list = fe.add_listbox( 1375, 580, 311, 385 );
list.charsize = 30;
list.set_selbg_rgb(30,180,30);

local title = fe.add_text( "[Title]", -450, 860, fe.layout.width, 70 );
title.set_rgb( 0, 255, 0 );

local title = fe.add_text( "[Year] - [Manufacturer]", -450, 940, fe.layout.width, 40 );
title.set_rgb( 0, 100, 0 );

//
// Instruction
//
local Instruction = fe.add_artwork( "Instruction", 0, 980, fe.layout.width, 0 );

//
// wheel
//
local select = fe.add_artwork( "wheel", 1350, 500 );

// Include the converyour helper module
fe.load_module("conveyour_helper_mod");

//Wheel

// initialize the game list
local spinList = MyGameList();

// Configure spinlist options

// ----------- General List Options -----------
spinList.type = ch.Spinwheel; // OPTIONS: ch.Spinwheel / ch.Linear_Vertical / ch.Linear_Horizontal
spinList.bend.direction = ch.Left; // OPTIONS: ch.Left / ch.Right
spinList.bend.gl_radius = 300; // OPTIONS: radius of the spinwheel in pixels
spinList.x = fe.layout.width / 0.69; // OPTIONS: top left x-coordinate if gamelist is linear or the center x-coordinate if a spinwheel
spinList.y = fe.layout.height / 1.88; // OPTIONS: top left y-coordinate if gamelist is linear or the center y-coordinate if a spinList
spinList.width = 270; // OPTIONS: linear game list total width in pixels
spinList.height = 0; // OPTIONS: linear list's height in pixels

// ----------- Spinwheel options -----------
spinList.spinwheel.shape = 180; // OPTIONS: shape of the spinwheel arc in degrees eg: 270, 180, 360
spinList.spinwheel.rotate_items = true; // OPTIONS: true / false - Rotate the items along the spinwheel arc
spinList.spinwheel.startDegree = 93; // The degree on a circle to start drawing the spinwheel. From left to right 0= left, 90 = top, 180 = right, 270= bottom
spinList.spinwheel.effects.x = 1.00; // a number that changes the spinwheel algorithm to create cool effects Default is 1
spinList.spinwheel.effects.y = 1.00; // a number that changes the spinList algorithm to create cool effects Default is 1

// ----------- List Item Options -----------
spinList.item.contentTemplate = ch.Custom; // OPTIONS: ch.Artwork / ch.Text / ch.Artwork_and_Text / ch.Artwork_or_Text / ch.Flyer_and_Artwork
spinList.item.count = 24; // OPTIONS: Total number of gamelist items to display

spinList.item.sizeScaling.low = 0.80; // OPTIONS: 0-100 Scaling size percentage to use for the item furthest from the selected item
spinList.item.sizeScaling.high = 0.80; // OPTIONS: 0-100 Scaling size percentage to use for item closest to the selected item
spinList.item.sizeScaling.currentlySelected = 1.0; // OPTIONS: 0-100 Scaling size percentage to use for the currently selected item

spinList.item.alphaScaling.low = 60; // OPTIONS: 0-100 Scaling size percentage to use for the item furthest from the selected item
spinList.item.alphaScaling.high = 60; // OPTIONS: 0-100 Scaling size percentage to use for item closest to the selected item
spinList.item.alphaScaling.currentlySelected = 255;// OPTIONS: 0-100 Scaling size percentage to use for the currently selected item

spinList.item.height = 250; // OPTIONS: Height of each gameList item in pixels before scaling - dynamic with linear vertical lists
spinList.item.width = 500; // OPTIONS: Width of each gameList item in pixels before scaling - dynamic with linear horizontal lists

spinList.item.margin.left = 15; // OPTION: bounding box left margin size for all images and text
spinList.item.margin.right = 15; // OPTION: bounding box right margin size for all images and text
spinList.item.margin.top = 10; // OPTION: bounding box top margin size for all images and text
spinList.item.margin.bottom = 15; // OPTION: bounding box bottom margin size for all images and text

// ----------- List Item Content: borders / backgrounds / gloss / colors -----------
spinList.item.toggle.backgroundColor = false; // if set to "TRUE" the game item background can be colored (use item.normal.color)
spinList.item.toggle.backgroundFile = true; // if set to "TRUE" the game item will use a file as the background (file: item_backgroundFile.png)
spinList.item.toggle.selectedBackgroundColor = false; // if set to "TRUE" the selected game item background can be colored (use item.currentlySelected.color)
spinList.item.toggle.selectedBackgroundFile = true; // if set to "TRUE" the selected game item will use a file as the background (file: item_selectedBackgroundFile.png)
spinList.item.toggle.glossOverlay = false; // if set to "TRUE" will overlay the game item with a gloss file (file: item_glossOverlay.png)
spinList.item.toggle.borderOverlay = false; // if set to "TRUE" will overlay the game item with a boarder file (file: item_borderOverlay.png)

// ----------- List Item Content: Text -----------
spinList.text.message = "[Title]";
spinList.text.alignment = Align.Centre; // OPTIONS:left/right/center
spinList.text.normal.font = fe.game_info(Info.Emulator);
spinList.text.normal.size = 18; // OPTIONS: text font size for every gameList item
spinList.text.normal.color.red = 255; // OPTIONS: text font red color channel 0 - 255
spinList.text.normal.color.green = 255; // OPTIONS: text font green color channel 0 - 255
spinList.text.normal.color.blue = 255; // OPTIONS: text font blue color channel 0 - 255

spinList.text.currentlySelected.font = fe.game_info(Info.Emulator);
spinList.text.currentlySelected.size = 18; // OPTIONS: text font size for every gameList item
spinList.text.currentlySelected.color.red = 255; // OPTIONS: text font red color channel 0 - 255
spinList.text.currentlySelected.color.green = 255; // OPTIONS: text font green color channel 0 - 255
spinList.text.currentlySelected.color.blue = 255; // OPTIONS: text font blue color channel 0 - 255

// ----------- List Item Content: User Defined Artwork -----------
spinList.artwork.type = "wheel"; // OPTIONS: name of the artwork to use for the conveyour
spinList.artwork.preserveAspect = true; // OPTIONS: true / false
spinList.add_favoriteImage(fe.script_dir + "favourite.png",spinList.item.width -30,20,30,25);

if (spinList.item.contentTemplate == ch.Custom)
{
// Configure custom gameitem
local object = spinList;
local temp = null;
local x = 0
local y = 0
local w = object.item.width
local h = object.item.height

temp = object.add_customGameItemContent("artwork", x+w*0.40 ,y ,w*0.6 ,h * 0.80 );
temp.preserve_aspect_ratio = object.artwork.preserveAspect;
temp.trigger = Transition.EndNavigation;

temp = object.add_customGameItemContent("text", "[Title]", 5 ,30 ,190 ,120);
temp.font = object.text.normal.font;
temp.word_wrap = true;
temp.charsize = object.text.normal.size;
temp.align = object.text.alignment;
temp.set_rgb(object.text.normal.color.red, object.text.normal.color.green, object.text.normal.color.blue);

temp = object.add_customGameItemContent("artwork","wheel", 20 ,60 ,150 ,60 );
temp.preserve_aspect_ratio = object.artwork.preserveAspect;
temp.trigger = Transition.EndNavigation;
object.gi_textFallback = true;

}
// show the spinwheel list
spinList.show()

local w = fe.layout.width
local h = fe.layout.height

/////////////
/////////////
/////////////

// Left side:

l = fe.add_text( "[Title]", 30, 424, 320, 16 );
l.set_rgb( 200, 200, 70 );
l.align = Align.Left;

l = fe.add_text( "[Year] [Manufacturer]", 30, 441, 320, 16 );
l.set_rgb( 200, 200, 70 );
l.align = Align.Left;

l = fe.add_text( "[Category]", 30, 458, 320, 16 );
l.set_rgb( 200, 200, 70 );
l.align = Align.Left;

// Right side:

l = fe.add_text( "[ListEntry]/[ListSize]", 320, 424, 290, 16 );
l.set_rgb( 200, 200, 70 );
l.align = Align.Right;

l = fe.add_text( "[FilterName]", 320, 441, 290, 16 );
l.set_rgb( 200, 200, 70 );
l.align = Align.Right;

//ClickSound
function click_transitions( ttype, var, ttime ) {
switch ( ttype ) {
case Transition.ToNewSelection:
//case Transition.ToNewList:
local Wheelclick = fe.add_sound("sounds/Click.mp3");
Wheelclick.playing=true;
break;
}
return false;
}

fe.add_transition_callback( "click_transitions" );
Après, j'ai arrêter la,
je me suis pencher un plus sur les plugins (faires des themes en .zip comme hyperspin)
Un plugins xml, un peut comme hyperspin pour les videos...

Pour conclure
J'ai laisser tomber à cause de Squirrel et mes compétences

Avatar de l’utilisateur
camarade35
Maître
Maître
Messages : 3928
Inscription : 04 sept. 2013 - 23:00
Localisation : Chevaigné
A remercié : 442 fois
A été remercié : 606 fois
Contact :

Re: [ATTRACT MODE] THEME BUILDER ONLINE

Message par camarade35 » 01 oct. 2018 - 16:19

merci les gars : ça y est j'ai mal à la tête ^^

Avatar de l’utilisateur
andric31
Maître
Maître
Messages : 4432
Inscription : 13 sept. 2014 - 23:00
Localisation : Entre mer et montage
A remercié : 550 fois
A été remercié : 444 fois

Re: [ATTRACT MODE] THEME BUILDER ONLINE

Message par andric31 » 01 oct. 2018 - 20:04

Courage, prend un pétard ou autres...

Si tu arrive à maîtriser AM, tu peut faire pas mal de truc sympas.

Moi, j'adore les thèmes de atrfate, que ce soit le NESICAxLive et/ou son Project Sega (On se croirait sur les vrais systèmes arcades)

Après, je c'est pas ce que tu veux faire avec...
une copie de ton thèmes zspin ?

Répondre

Revenir à « Jeux vidéo »