[ATTRACT MODE] THEME BUILDER ONLINE

[camarade35]

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]https://youtu.be/E0Nd_XUZtr8[/BBvideo]

[mens59]

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

Signé : un clown anonyme ! ;D

[phenix14000]

Jolie trouvaille et je confirme la video est a gerber

[mens59]

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 ? :@

[serviettzky62]

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.

[camarade35]

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

[serviettzky62]

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.

[andric31]

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

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

[camarade35]

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

[andric31]

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 ?