#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=#F8F8FF [---------------------------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=dots2_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=#c984c9 game_background_gradient_edge=#120c12 [-----------------------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=big_logo.png logo1_width=600 logo1_height=160 #Use the next 2 lines to adjust the positioning of the logo. logo1_X=75 logo1_Y=180 [-----------------------Introduction Page Logo---------------------] logo2=@Instruction Page Logo logo2=@Instruction Page Logo logo2_image=big_logo2.png logo2_backgroundSize=contain logo2_width=600 logo2_height=160 logo2_X=71 logo2_Y=50 #Game specific fix to make logo over text logo2_style=z-index:10; [--------------------------Conclusion Page Logo---------------------] logo3=@Results Logo logo3_image=big_logo.png logo3_backgroundSize=contain logo3_width=419 logo3_height=191 logo3_X=35 logo3_Y=50 [-------------------------Main Screen Logo-------------------------] logo4=@Small Logo logo4_image=small_logo.png logo4_backgroundSize=contain logo4_width=300 logo4_height=80 logo4_X=215 logo4_Y=0 [------------Game Description Panel on Introduction Page-------------] description_panel=@Game Description Panel description_panel_background_color=transparent description_panel_background_image=start_box.png description_panel_border=none description_panel_width=571 description_panel_shadow=false description_panel_height=285 description_panel_padding=6 description_panel_Y=205 description_panel_X=85 [--------------Game Results Description panel on last page--------------] result_panel=@Game Results Description panel result_panel_width=571 result_panel_height=423 result_panel_background_image=result_box.png result_panel_shadow=false result_panel_padding=5 result_panel_border=none result_panel_X=75 result_panel_Y=100 [---------------------------Scoreboard Box--------------------------------] scoreboard_box=@Box for timer and hint scoreboard_box_background_image=tr.png scoreboard_box_width=720 scoreboard_box_height=70 scoreboard_box_X=0 scoreboard_box_Y=0 scoreboard_box_padding=5 [----------------------------Score Box--------------------------------] score_box=@Box for showing scores score_box_text_color=#ffea00 score_box_width=130 score_box_height=49 score_box_X=580 score_box_Y=15 [----------------------------Timer Box--------------------------------] timer_box=@Box for showing timer timer_box_text_color=#ffea00 timer_box_width=90 timer_box_height=49 timer_box_X=620 timer_box_Y=15 timer_box_centerText=true [----------------------------keyboard--------------------------------] keyboard=@keyboard keyboard_width=550 keyboard_height=100 keyboard_X=86 keyboard_Y=378 [----------------------------Box with letter--------------------------] field_of_dreams=@ field_of_dreams_width=600 field_of_dreams_height=60 field_of_dreams_centerText=true field_of_dreams_X=60 field_of_dreams_Y=250 word_box=@button keyboard word_box_text_color=#FFF word_box_width=29 word_box_height=36 word_box_centerText=true word_box_gradient_top=#3f3f3f word_box_gradient_bottom=#333333 word_box_lineHeight=36 [----------------------------Result block--------------------------] word_result_block=@list word word_result_block_width=185 word_result_block_height=385 word_result_block_X=380 word_result_block_Y=35 word_correct=@ word_correct_background_image=good.png word_incorrect=@ word_incorrect_background_image=no_good.png [-----------------------------Error box-----------------------------] error_box=@ error_box_X=260 error_box_Y=109 error_box_width=200 error_box_height=50 error_box_centerText=true error_x=@ error_x_width=29 error_x_height=29 error_x_image=error.png [-------------------------------Correct box--------------------------] correct_box=@ correct_box_X=260 correct_box_Y=111 correct_box_width=200 correct_box_height=30 correct_box_centerText=true [------------------------------Progress Bar--------------------------] progressbar_container=@Progress bar progressbar_container_X=20 progressbar_container_Y=20 progressbar_container_width=100 progressbar_container_height=40 progressbar_container_text_color=#bdbdbd #Mandratory custom field: spacing between items progressbar_container_spacing=1 #Do not set width to make it dynamically fit progress bar width progressbar_item=@Item in progress bar. progressbar_item_height=20 progressbar_item_width=22 progressbar_item_margin=2 progressbar_item_background_color=#bdbdbd progressbar_answered_item=@Answered style progressbar_answered_item_background_color=#4bd3ff progressbar_answered_item_glow=true progressbar_answered_incorrect_item=@Answered style progressbar_answered_incorrect_item_background_color=#ff0000 [----------------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=360 splash_continuebutton_X=270 intro_continuebutton=@Button on introduction screen intro_continuebutton_Y=430 intro_continuebutton_X=290 question_continuebutton=@Button Continue after question answering question_continuebutton_X=257 question_continuebutton_Y=480 question_confirmbutton=@Button Confirm selection question_confirmbutton_X=257 question_confirmbutton_Y=480 results_replaybutton=@Button Replay on last screen results_replaybutton_X=155 results_replaybutton_Y=450 [------------------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 question_choose_wrapper=@ question_choose_wrapper_X=10 question_choose_wrapper_Y=235 question_choose_wrapper_width=350 #Box for question text. Dimensions from here are also applied to container for image question_box=@Question text box question_box_width=640 question_box_height=330 question_box_background_image=box.png question_box_padding=10 question_box_text_color=#fff question_box_Y=100 question_box_X=40 #Box for question feedback text. question_feedback_box=@Question text box question_feedback_box_width=335 question_feedback_box_height=300 question_feedback_box_background_color=transparent question_feedback_box_padding=15 question_feedback_box_text_color=#606060 question_feedback_box_border=none question_feedback_box_shadow=true question_feedback_box_Y=235 question_feedback_box_X=10 [-----------------------Question Button Styles-----------------------] question_button_up=@Default question answer state question_button_up_gradient_top=#ffcc00 question_button_up_gradient_bottom=#996600 question_button_up_text_color=#000 question_button_up_padding=20 question_button_up_gloss=true question_button_up_shadow=true question_button_up_radius=15 question_button_up_width=340 question_button_up_height=60 question_button_up_lineHeight=30 #Note Over & Pressed & Choosed states are inherited from Default question_button_over=@Mouse overed question answer state question_button_over_gradient_top=#ffd65b question_button_over_gradient_bottom=#ffcc33 question_button_down=@Pressed question answer state question_button_down_gradient_bottom=#dba403 question_button_down_gradient_top=#996600 question_button_selected=@State for choosed option for multi-option questions question_button_selected_gradient_top=#ffd65b question_button_selected_gradient_bottom=#ffcc33 question_button_selected_text_color=#000 button_keypad=@button keyboard button_keypad_text_color=#FFF button_keypad_width=32 button_keypad_height=32 button_keypad_centerText=true button_keypad_gradient_top=#42cfff button_keypad_gradient_bottom=#009fff button_keypad_lineHeight=32 button_keypadhover=@button keyboard hover button_keypadhover_gradient_top=#a9a9a9 button_keypadhover_gradient_bottom=#6f6f6f button_keypadhover_style=border-color:#6F6F6F button_keypadup=@button keyboard hover button_keypadup_gradient_top=#cecece button_keypadup_gradient_bottom=#a5a5a5 #Question feedback header colors question_answer_correct_color=#248a2b question_answer_incorrect_color=#8a2424