#Copyright eLearning Brothers LLC 2012 All Rights Reserved [-----------------------General Game Style/Design Information-----------------------] #Use this design.ini file to change visual elements of the game. #(I.e. logos, backgrounds, button styles, game elements, etc.) #Using colors #You can use HTML colors names or HEX codes. #Here is a link that has a lot of html colors that you can use: http://en.wikipedia.org/wiki/HTML_color_names#HTML_color_names #If you want to use a HEX code for colors then make sure you put a "#" in front of it. You don't need the "#" when using html color names. #Images and sounds that are specific to the game are found in the config/images and config/sounds folders in the game files. #IMPORTANT - Don't change any line that has something=@something. [-----------------------Page Background-----------------------] #You can change the page design that is outside of the game. #Uncomment the next line to use an image as the page background. (Place the file in the config/images folder. #body_texture=YourFile #Uncomment the next line to use a color in the page background. (Don't forget to comment out the line above also.) body_color=#ffffff [---------------------------Game Fonts-------------------------] font=@Game font #Usage: "font_fontFamily= font url". Example: font_testName=test.woff,test.ttf. Then add font with fontFamily to the game element. Example: game_fontFamily=test Name [-----------------------Game Background-----------------------] game=@Game container #The default background file in the game is a partially transparent .png. This allows you to overlay a color. #You can use a custom image(s) for the game background. #Copy the file into the config/images folder and then change the file name on the game_background_image line of code. To stack images just list them in order, comma-separated. game_background_image=sun_rays_dark.png #You can change the game background color on the next line. You can also use left/right and top/bottom gradients. game_background_gradient_center=#55A1D0 game_background_gradient_edge=#000000 [-----------------------Splash Page Logo-----------------------] logo1=@Splash Page Logo #You can upload any image that you'd like to use as a logo. Copy the file into the config/images folder and enter the information on the next 3 lines. logo1_image=logo.png logo1_width=517 logo1_height=315 #Use the next 2 lines to adjust the positioning of the logo. logo1_X=110 logo1_Y=80 [-----------------------Results Screen Logo-------------------------] logo3=@Results Logo logo3_image=logo.png logo3_backgroundSize=contain logo3_width=417 logo3_height=315 logo3_X=160 logo3_Y=-20 [-----------------------Introduction Page Logo-----------------------] logo2=@Instruction Page Logo logo2_image=logo.png logo2_backgroundSize=contain logo2_width=517 logo2_height=315 logo2_X=110 logo2_Y=10 #Game specific fix to make logo over text logo2_style=z-index:10; [-----------------Game Description Panel on Introduction Page-----------------] description_panel=@Game Description Panel description_panel_background_color=transparent description_panel_background_image=board_big.png description_panel_border=none description_panel_width=671 description_panel_shadow=false description_panel_height=169 description_panel_padding=5 description_panel_Y=330 description_panel_X=20 [-----------------Game Results Description panel on last page-----------------] result_panel=@Game Results Description panel result_panel_width=669 result_panel_height=253 result_panel_background_image=board_biggest.png result_panel_background_color=transparent result_panel_shadow=false result_panel_padding=5 result_panel_border=none result_panel_X=30 result_panel_Y=270 [----------------------------Score Box--------------------------------] score_box=@Box for showing scores score_box_text_color=black score_box_background_image=blue_bar.png score_box_padding=7 score_box_width=165 score_box_height=49 score_box_X=45 score_box_Y=30 score_box_centerText=true [------------Progress Bar that shows number of answered questions-----------] progressbar_container=@Progress bar progressbar_container_X=25 progressbar_container_Y=7 progressbar_container_width=200 progressbar_container_height=20 #Mandratory custom field: spacing between items progressbar_container_spacing=3 #Do not set width to make it dynamically fit progress bar width progressbar_item=@Item in progress bar. progressbar_item_height=20 progressbar_item_background_color=rgba(0,0,0,0.5) progressbar_answered_item=@Answered style progressbar_answered_item_background_color=#4bd3ff progressbar_answered_item_glow=true progressbar_answered_incorrect_item=@Answered incorrect style progressbar_answered_incorrect_item_background_color=#ff3333 [------------------Progress Bar percent value(step5)-------------------------] quiz_percent_value=@Progress bar percent quiz_percent_value_text_color=gray quiz_percent_value_fontSize = 32px [----------------Main Game Buttons (i.e. Continue, Start, Replay)----------------] button_up=@Declaring default button button_up_gradient_top=#3787e0 button_up_gradient_bottom=#04389e button_up_gloss=true button_up_shadow=true button_over=@ button_over_gradient_top=#3787e0 button_over_gradient_bottom=#3787e0 button_down=@ button_down_gradient_top=#04389e button_down_gradient_bottom=#3787e0 #Per button additional rule overrides. Usefull for customizing separate button position splash_continuebutton=@Button on splash screen splash_continuebutton_Y=430 splash_continuebutton_X=260 intro_continuebutton=@Button on introduction screen intro_continuebutton_Y=445 intro_continuebutton_X=290 question_continuebutton=@Button Continue after question answering question_continuebutton_X=374 question_continuebutton_Y=395 question_confirmbutton=@Button Confirm selection question_confirmbutton_X=314 question_confirmbutton_Y=475 results_replaybutton=@Button Replay on last screen results_replaybutton_X=280 results_replaybutton_Y=470 [------------------Question Options Board Style------------------------] #Move question board down by pixels: margin_top_for_questions_screen=50 #Move question feedback down by pixels(only for vertical options board): margin_top_for_questions_feedback=10 #Non-mandatory. Question screen elements common styles(question board, answers box & question feedback box) width & margins only question_screen=@ question_screen_width=699 question_screen_marginLeft=10 #Wrapper for questions block. Adjust to fit pyramid size question_choose_wrapper=@ question_choose_wrapper_X=250 question_choose_wrapper_Y=0 question_choose_wrapper_width=440 question_choose_wrapper_height=540 #Box for question text. Dimensions from here are also applied to container for image question_box=@Question text box question_box_width=239 question_box_height=441 question_box_background_image=board_vertical.png question_box_padding=6 question_box_text_color=black question_box_Y=85 #Box for question feedback text. question_feedback_box=@Question text box question_feedback_box_width=331 question_feedback_box_height=345 question_feedback_box_background_image=board_gray.png question_feedback_box_background_color=transparent question_feedback_box_padding=6 question_feedback_box_text_color=black question_feedback_box_border=none question_feedback_box_shadow=false question_feedback_box_Y=120 question_feedback_box_X=300 [-----------------------Question Button Styles-----------------------] question_button_up=@Default question answer state question_button_up_gradient_top=#ff9300 question_button_up_gradient_bottom=#ff6b00 question_button_up_text_color=#FFF question_button_up_centerText=true question_button_up_padding=0 question_button_up_gloss=false question_button_up_shadow=true question_button_up_radius=0 question_button_up_width=100 question_button_up_height=100 #Note Over & Pressed & Selected states are inherited from Default question_button_over=@Mouse overed question answer state question_button_over_gradient_top=#ffcc00 question_button_over_gradient_bottom=#ffcc00 question_button_down=@Pressed question answer state question_button_down_gradient_bottom=#ff3300 question_button_down_gradient_top=#ff3300 question_button_selected=@State for selected option for multi-option questions question_button_selected_gradient_top=#2562a3 question_button_selected_gradient_bottom=#2562a3 question_button_selected_text_color=#FFF #Question feedback header colors question_answer_correct_color=#248a2b