#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=retro_dots.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=#fde8aa game_background_gradient_edge=#f39d06 [-----------------------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=633 logo1_height=231 #Use the next 2 lines to adjust the positioning of the logo. logo1_X=50 logo1_Y=120 [-----------------------Introduction Page Logo---------------------] logo2=@Instruction Page Logo logo2_image=logo.png logo2_backgroundSize=contain logo2_width=430 logo2_height=157 logo2_X=140 logo2_Y=330 #Game specific fix to make logo over text logo2_style=z-index:10; [-----------------------Main screen logo bar-----------------------] logo3=@Main screen logo bar logo3_image=bar.png logo3_backgroundSize=contain logo3_width=721 logo3_height=50 logo3_X=0 logo3_Y=0 logo3_style=z-index:10; [----------------------- Conclusion Page Logo-----------------------] logo5=@Conclusion Page Logo logo5_image=logo.png logo5_backgroundSize=contain logo5_width=430 logo5_height=157 logo5_X=140 logo5_Y=360 [------------Game Description Panel on Introduction Page-------------] description_panel=@Game Description Panel description_panel_background_color=transparent description_panel_background_image=board.png description_panel_border=none description_panel_width=669 description_panel_shadow=false description_panel_height=253 description_panel_padding=6 description_panel_Y=57 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.png result_panel_background_color=transparent result_panel_shadow=false result_panel_padding=6 result_panel_border=none result_panel_X=20 result_panel_Y=90 [----------------------------Score Box--------------------------------] score_box=@Box for showing scores score_box_text_color=#333333 score_box_padding=7 score_box_width=105 score_box_height=49 score_box_X=600 score_box_Y=3 score_box_centerText=true [------------Progress Bar that shows number of answered questions-----------] progresstext_container=@Progress text progresstext_container_X=25 progresstext_container_Y=15 progresstext_container_width=200 progresstext_container_height=20 [------------Bar for showing max allowed incorrect answer count-------------] errors_bar=@Errors bar errors_bar_X=296 errors_bar_Y=7 errors_placeholder=@Placeholder errors_placeholder_width=26 errors_placeholder_height=26 errors_placeholder_background_image=cross_placeholder.png errors_marker=@Incorrect marker errors_marker_width=26 errors_marker_height=26 errors_marker_background_image=cross.png [-----------------------Yes/no container options-----------------------------] yesnobutton_up=@buttons yes no yesnobutton_up_gradient_top=#BBBBBB yesnobutton_up_gradient_bottom=#999999 yesnobutton_up_width=51 yesnobutton_up_radius=10 yesnobutton_up_shadow=true yesnobutton_up_gloss=true yesnobutton_up_fontSize=15px yesnobutton_up_paddingY=5 yesnobutton_up_paddingX=10 yesnobutton_over=@buttons yes no - over yesnobutton_over_gradient_top=#a1a1a1 yesnobutton_over_gradient_bottom=#676767 [------------------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=350 splash_continuebutton_X=260 intro_continuebutton=@Button on introduction screen intro_continuebutton_Y=470 intro_continuebutton_X=300 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=260 results_replaybutton_Y=290 [------------------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 questions field size question_choose_wrapper=@ question_choose_wrapper_X=250 question_choose_wrapper_Y=100 question_choose_wrapper_width=440 question_choose_wrapper_height=400 #Box for question text. Dimensions from here are also applied to container for image question_box=@Question text box question_box_width=246 question_box_height=444 question_box_background_image=board2.png question_box_padding=11 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=board3.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=#74e3f4 question_button_up_gradient_bottom=#38bbcf 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=10 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=#52a8e7 question_button_over_gradient_bottom=#2f78cf question_button_down=@Pressed question answer state question_button_down_gradient_bottom=#2a6dbc question_button_down_gradient_top=#1d5082 question_button_selected=@State for selected option for multi-option questions question_button_selected_gradient_top=#1d5082 question_button_selected_gradient_bottom=#1d5082 question_button_selected_text_color=#FFF #Question feedback header colors question_answer_correct_color=#248a2b question_answer_incorrect_color=#8a2424