some timing and ui tweaks
This commit is contained in:
parent
b1063616cd
commit
a862fc7127
@ -1,34 +1,115 @@
|
||||
import flash.MovieClip;
|
||||
import flash.TextField;
|
||||
import haxe.Timer;
|
||||
|
||||
class HubbleSiteDailyImageChumby {
|
||||
private static var imageHolder:MovieClip;
|
||||
private static var logoHolder:MovieClip;
|
||||
private static var myClip:MovieClip;
|
||||
private static var logoWidth:Int = 280;
|
||||
private static var xmlFast:haxe.xml.Fast;
|
||||
private static var textBlock:flash.TextField;
|
||||
private static var textBlock:TextField;
|
||||
|
||||
private static var hubbleSiteLogo:String = "http://hubblesite.org/gallery/album/graphics/hs_logo_image_ofthe_day.jpg";
|
||||
private static var logoWidth:Int = 280;
|
||||
|
||||
private static var dailyImageURL:String = "http://hubblesite.org/gallery/album/daily_image.php";
|
||||
|
||||
/**
|
||||
* Initialize the widget.
|
||||
*/
|
||||
static public function main() {
|
||||
var initialized:Bool = false;
|
||||
|
||||
myClip = flash.Lib.current;
|
||||
|
||||
myClip.onEnterFrame = function() {
|
||||
initialized = true;
|
||||
myClip.onEnterFrame = function():Void {};
|
||||
loadLogo();
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Load the HubbleSite Image of the Day logo.
|
||||
*/
|
||||
public static function loadLogo() {
|
||||
logoHolder = myClip.createEmptyMovieClip("logoholder", myClip.getNextHighestDepth());
|
||||
|
||||
var loader:flash.MovieClipLoader = new flash.MovieClipLoader();
|
||||
loader.onLoadComplete = function(target:MovieClip) {
|
||||
target.onEnterFrame = function() {
|
||||
target.onEnterFrame = function() {};
|
||||
|
||||
var newHeight:Float = (target._height * logoWidth) / target._width;
|
||||
target._width = logoWidth;
|
||||
target._x = (flash.Stage.width - logoWidth) / 2;
|
||||
target._y = (flash.Stage.height - newHeight) / 2;
|
||||
target._height = newHeight;
|
||||
|
||||
fadeIn(target, function() {
|
||||
var t:Timer = new Timer(3000);
|
||||
t.run = function() {
|
||||
t.stop();
|
||||
loadXml();
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
loader.loadClip(hubbleSiteLogo, logoHolder);
|
||||
}
|
||||
|
||||
/**
|
||||
* Load the XML data from HubbleSite.
|
||||
*/
|
||||
public static function loadXml() {
|
||||
var loadVars = new flash.LoadVars();
|
||||
loadVars.onData = function(s:String) {
|
||||
xmlFast = new haxe.xml.Fast(Xml.parse(s).firstElement());
|
||||
showTitle();
|
||||
}
|
||||
loadVars.load('http://hubblesite.org/gallery/album/daily_image.php');
|
||||
loadVars.load(dailyImageURL);
|
||||
}
|
||||
|
||||
/**
|
||||
* Show the image title.
|
||||
*/
|
||||
public static function showTitle() {
|
||||
myClip.createTextField("title",
|
||||
50,
|
||||
20,
|
||||
50,
|
||||
flash.Stage.width - 40,
|
||||
flash.Stage.height - 100);
|
||||
textBlock = Reflect.field(myClip, "title");
|
||||
|
||||
var textFormat:flash.TextFormat = new flash.TextFormat();
|
||||
textFormat.align = "center";
|
||||
|
||||
textBlock._visible = false;
|
||||
textBlock.multiline = true;
|
||||
textBlock.wordWrap = true;
|
||||
textBlock.selectable = false;
|
||||
textBlock.html = true;
|
||||
textBlock.setNewTextFormat(textFormat);
|
||||
|
||||
textBlock.htmlText = "<p align='center'><font face='Helvetica' size='22' color='#ffffff'><b>"
|
||||
+ xmlFast.node.title.innerHTML
|
||||
+ "</b></font></p>";
|
||||
|
||||
fadeOut(logoHolder, function() {
|
||||
logoHolder.removeMovieClip();
|
||||
var show_t:Timer = new Timer(250);
|
||||
show_t.run = function() {
|
||||
show_t.stop();
|
||||
textBlock._visible = true;
|
||||
var t:Timer = new Timer(xmlFast.node.title.innerHTML.length * 70);
|
||||
t.run = function() {
|
||||
loadImage(); t.stop();
|
||||
};
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* Load the image.
|
||||
*/
|
||||
public static function loadImage() {
|
||||
imageHolder = myClip.createEmptyMovieClip("imageholder", myClip.getNextHighestDepth());
|
||||
|
||||
@ -56,50 +137,18 @@ class HubbleSiteDailyImageChumby {
|
||||
loader.loadClip(xmlFast.node.image_url.innerHTML, imageHolder);
|
||||
}
|
||||
|
||||
public static function loadLogo() {
|
||||
logoHolder = myClip.createEmptyMovieClip("logoholder", myClip.getNextHighestDepth());
|
||||
|
||||
var loader:flash.MovieClipLoader = new flash.MovieClipLoader();
|
||||
loader.onLoadComplete = function(target:MovieClip) {
|
||||
target.onEnterFrame = function() {
|
||||
target.onEnterFrame = function() {};
|
||||
|
||||
var newHeight:Float = (target._height * logoWidth) / target._width;
|
||||
target._width = logoWidth;
|
||||
target._x = (flash.Stage.width - logoWidth) / 2;
|
||||
target._y = (flash.Stage.height - newHeight) / 2;
|
||||
target._height = newHeight;
|
||||
|
||||
fadeIn(target, function() {
|
||||
var t:haxe.Timer = new haxe.Timer(1500);
|
||||
t.run = function() {
|
||||
t.stop();
|
||||
loadXml();
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
loader.loadClip("http://hubblesite.org/gallery/album/graphics/hs_logo_image_ofthe_day.jpg", logoHolder);
|
||||
}
|
||||
|
||||
/**
|
||||
* Fade a movie clip.
|
||||
*/
|
||||
public static function fade(target:MovieClip, c:Void->Void, ?out:Bool = false) {
|
||||
var timer:haxe.Timer = new haxe.Timer(40);
|
||||
var timer:Timer = new Timer(40);
|
||||
|
||||
if (out) {
|
||||
target._alpha = 100;
|
||||
timer.run = function() {
|
||||
target._alpha -= 10;
|
||||
if (target._alpha <= 0) {
|
||||
timer.stop(); c();
|
||||
}
|
||||
}
|
||||
} else {
|
||||
target._alpha = 0;
|
||||
timer.run = function() {
|
||||
target._alpha += 10;
|
||||
if (target._alpha >= 100) {
|
||||
timer.stop(); c();
|
||||
}
|
||||
target._alpha = (out ? 100 : 0);
|
||||
|
||||
timer.run = function() {
|
||||
target._alpha += (out ? -10 : 10);
|
||||
if ((target._alpha <= 0) || (target._alpha >= 100)) {
|
||||
timer.stop(); c();
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -111,35 +160,4 @@ class HubbleSiteDailyImageChumby {
|
||||
public static function fadeOut(target:MovieClip, c:Void->Void) {
|
||||
fade(target, c, true);
|
||||
}
|
||||
|
||||
public static function showTitle() {
|
||||
myClip.createTextField("title",
|
||||
50,
|
||||
20,
|
||||
50,
|
||||
flash.Stage.width - 40,
|
||||
flash.Stage.height - 100);
|
||||
textBlock = Reflect.field(myClip, "title");
|
||||
|
||||
var textFormat:flash.TextFormat = new flash.TextFormat();
|
||||
textFormat.align = "center";
|
||||
|
||||
textBlock._visible = false;
|
||||
textBlock.multiline = true;
|
||||
textBlock.wordWrap = true;
|
||||
textBlock.selectable = false;
|
||||
textBlock.html = true;
|
||||
textBlock.setNewTextFormat(textFormat);
|
||||
|
||||
textBlock.htmlText = "<p align='center'><font face='Helvetica' size='22' color='#ffffff'><b>" + xmlFast.node.title.innerHTML + "</b></font></p>";
|
||||
|
||||
fadeOut(logoHolder, function() {
|
||||
textBlock._visible = true;
|
||||
var t:haxe.Timer = new haxe.Timer(xmlFast.node.title.innerHTML.length * 50);
|
||||
t.run = function() {
|
||||
loadImage();
|
||||
t.stop();
|
||||
};
|
||||
});
|
||||
}
|
||||
}
|
Loading…
Reference in New Issue
Block a user