You can look how this e-card work as Facebook fan page example.
Complete animated and sounded Christmas e-card with interactive open/close button and neon glowing xmas style objects with 3D parallax effect depends of mouse moving. All vectors. Ready to upload HTML page template with XML custom external logo, music, social share buttons, adjustable multiline textblock, fullscreen and mute buttons. Animation centered in browser window and can be scaled and repositioned via XML.
Hope you enjoy this file and please take a second to rate and share it!
- You can on and off neon animation.
- Many settings via XML, very easy to use, you can change logo, music file, text, sizes, colors without recompile original .FLA file.
- Original music loop included in archive for your future projects.
- Music mute, fullscreen buttons, 5 popular customizable social share buttons.
- All vectors!
- Ready to upload index.html page with animation centered in browser.
- Help file and well-commented XML file.
- Font Comfortaa is not included in archive file! You can download it here: http://www.fontsquirrel.com/fonts/Comfortaa
- Due to many objects and parallax calculations, computers with good performance preferable.
This is what you can change via XML:
main_settings main_scale - Scale factor for all animation (in percents) main_x_position - X-position correction for all animation (in pixels) main_y_position - Y-position correction for all animation (in pixels) animation_quality - Flash quality, lower quality—more speed, can be: LOW, MEDIUM, HIGH, BEST
color_settings background_color - Set background color, my default value is 0x3C0000 layers_color_replacement - Replace colors in parallax layers, can be: true, false layer_top_color - Set color for top neon layer, my default value is 0xFF9933 layer_center_color - Set color for middle neon layer, my default value is 0xFF1740 layer_bottom_color - Set color for bottom neon layer, my default value is 0x990000 buttons_color_replacement - Replace colors in mute, fullscreen and social buttons mute_button_color - Recolor mute button, my default value is 0xFF9933 fullscreen_button_color - Recolor fullscreen button, my default value is 0xFF9933 socials_buttons_color - Recolor socials button, my default value is 0xFF9933
logo_settings logo_path - Set path and name of your logo file. SWF, JPG, PNG, GIF supported. logo_x_scale - X-scale logo (in percents) logo_y_scale - Y-scale logo (in percents) logo_x_position - X-position logo correction (in pixels) logo_y_position - Y-position logo correction (in pixels)
text_settings text_main - HTML-formatted text data textblock_size - Textblock scale factor (in percents from original) textblock_width - Textblock field width (in pixels) textblock_height - Textblock field height (in pixels) textblock_x_position - Textblock X position correction (in pixels) textblock_y_position - Textblock Y position correction (in pixels)
sound_settings music_path - Set path and name of your music file music_repeat - Specify how much times music will repeat after end music_volume - Music volume in percents from original (100 is default) music_fade_delay - Delay factor while music fade-in/out (in milliseconds)
parallax_settings layer_top_speed - Speed factor of parallax layer layer_center_speed - Speed factor of parallax layer layer_bottom_speed - Speed factor of parallax layer layer_top_slowdown - Slowdown factor of parallax layer layer_center_slowdown - Slowdown factor of parallax layer layer_bottom_slowdown - Slowdown factor of parallax layer layer_top_scale - Scale factor of parallax layer layer_center_scale - Scale factor of parallax layer layer_bottom_scale - Scale factor of parallax layer flicker_delay - Delay between random flickering parallax layers (in frames)
buttons_settings button_mute_enabled - Mute button visibility button_fullscreen_enabled - Fullscreen button visibility buttons_position - Mute and fullscreen buttons position buttons_margins - Set margins between buttons and edge of stage (in pixels).
social_settings social_buttons - Set visible all social buttons, can be: true, false social_position - Social buttons position social_x_position - Social buttons X position correction (in pixels) social_y_position - Social buttons Y position correction (in pixels) social_margins - Set margins between buttons and edge of stage (in pixels). button_X - Set visible social button 1 button_X_path - Set path to icon for social button 1 button_X_url - Set url for social button 1 button_X_target - The window target for an icon click