ラベルの文字を0.5秒ごと点滅させる

説明

ラベルの文字を0.5秒ごと点滅させるにはnew Label()として生成したラベルオブジェクトのopacityプロパティを変更します。opacityプロパティは不透明度を示すもので0が完全な透明、1が完全な不透明になります。new Date()として現時点の日時を示すオブジェクト生成し、そのgetMilliseconds()メソッドを使ってミリ秒を取得します。三項演算子を使って、このミリ秒が500より大きい場合とそうでない場合の不透明度を指定します。

サンプル サンプルを実行データをダウンロード


■HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Sample game</title>
<style>
body { margin: 0; }
</style>
<script src="js/enchant.min.js"></script>
<script src="js/main.js"></script>
</head>
<body></body>
</html>
■JavaScript (main.js)
enchant(); // ライブラリの初期化
window.onload = function(){
// 320×240ピクセルサイズの画面(Canvas)を作成
var game = new Game(320, 240);
// フレームレートの設定。15fpsに設定
game.fps = 15;
// ラベルを作成
var myLabel = new Label("1UP");
myLabel.font = "16px Palatino";
myLabel.color = "red";
myLabel.x = 10; // X座標
myLabel.y = 5; // Y座標
// ラベルを画面に表示
game.rootScene.addChild(myLabel);
myLabel.addEventListener(Event.ENTER_FRAME, function(){
myLabel.opacity = (new Date()).getMilliseconds() > 500 ? 1 : 0;
});
game.start();
}
目次に戻る