Clutch-shot.com

ProgressionでFlash制作していて（コンポーネント、タイムライン）、
最初のローディング表示の制作ではpreloader.flaがデフォルトで用意されているので
そちらを使って、ローディングの制作をしていますが、
preloader.flaのrootにムービークリップがあって、その中のタイムラインでアニメーションを作成したい時があります。

その時に、通常はrootのタイムラインとムービークリップの中のタイムラインは同じフレーム数で同期されていないので
ローディングが終了するまでのアニメーションは、それぞれのタイムラインで違ったフレーム数で再生されてしまうのですが、
rootのタイムラインとムービークリップのタイムラインのフレーム数の同期を取る方法が
clockmakerさんより紹介されていましたので備忘録の為にもメモで残しておきます。

・rootのタイムラインのフレーム数と同期を取る
（ムービークリップに対してフレームアクションを追加する）

// エンターフレームイベントを登録
addEventListener(Event.ENTER_FRAME, loop, false, 0, true);

function loop(e){
     // 親のMCと同じ位置にフレームを移動する
     this.gotoAndStop( (parent as MovieClip).currentFrame );
}

こちらをムービークリップのフレームアクションに追加することで、
rootのタイムラインとフレーム数が同期されるので、
ムービークリップの中のタイムラインに作成したアニメーションで、
ローディング完了までのアニメーションを作成することが出来るようになるとのことです。

参考にさせていただきました。
Progression Forum　プリローダーのリキッドレイアウト対応

jQueryを使って、ロールオーバーした時に画像の差し替えなどをしていると
最初のロールオーバー時だけ画像がちらつくことがあるのですが、
その最初のちらつきを回避する方法をメモしておきます。
ロールオーバー時にbackground-imageを別の画像に切り替えたい時も
こちらの方法で最初のちらつきを回避できます。

(function($) {
  var cache = [];
  $.preLoadImages = function() {
    var args_len = arguments.length;
    for (var i = args_len; i--;) {
      var cacheImage = document.createElement('img');
      cacheImage.src = arguments[i];
      cache.push(cacheImage);
    }
  }
})(jQuery)
//先読みしておきたい画像を指定する
jQuery.preLoadImages("image1.jpg", "image2.jpg");

ちらつく原因は、ページ表示したときに変更したい画像がまだ読み込まれてない為に
画像の読み込みに一瞬時間がかかって、ちらついてしまうようです。

上記の方法で、画像をプリロード（先読み）して、ちらつきを回避しているとのことです。

参考にさせていただきました。
http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-preloading-images.html

jQueryを使っていて、ページ読み込み完了時に何か処理したいときと
idとclassに対して処理をしたい時の記述をよく忘れてしまうのでメモ。

//ページ読み込み完了時
$(function(){
//ここにやりたい事を記述
});

//idに対して処理したい時
$("#idName").css("background-color", "#ff0000");

//classに対して処理したい時
$(".className").css("background-color", "#ff0000");

参考にさせていただきました。
jQuery最新版の、ほぼ全てのAPIを網羅してサンプルコード付き。とのことです。
http://semooh.jp/jquery/

親MCの中にあるすべての子MCに対してプロパティを設定したい時の記述。

//親MC（main）のすべて子MCにbuttonMode = trueを設定する
var mcNum:uint = main.numChildren;
for (var i:uint = 0; i < mcNum; i++) {
	var child:Object = main.getChildAt(i);
	if (child is MovieClip) {
		child.buttonMode = true;
	}
}

参考にさせていただきました。
Ｆｌａｓｈのactionscript3.0(AS3)で子のムービークリップを全て削除させる関数

久しぶりのブログ更新です。

Keith Petersさんの「Actionscript3.0　アニメーション」をカフェで読んでて、

宇宙船に加速度とかベクトルとかを表現する方法というのを勉強してたんですが、

読んでて、ふと城戸雅行さんの「動きのロジック」を思い出して、

あの宇宙船みたいにリアルな煙を出しながら、アニメーションの勉強出来たら更に楽しいかもしれないと思って

早めに帰って試行錯誤してました。ポンコツな感じの宇宙船の出来上がりですｗ

まぁマウス操作も出来ない、動きも直線だけの全然イケてない宇宙船ですが、

アニメーション勉強しつつも、これからこの宇宙船のクオリティもちょっとずつ高めていけたらなと思います。

最終的には城戸さんのように３Dで自由自在に動かす。というのを目標に、、頑張らんとですね！

久しぶりの更新でした！

株式会社 平松海運のホームページ。

長崎県佐世保市。事業内容：砂利・砂・砂石・捨石の買付販売、海運業、埋立下請業。

http://hiramatsukaiun.verse.jp/

大分で活躍するstraightlineさんのブログのこの記事

http://www.straightline.jp/diary/time/

非常に為になります。自分ももっともっと頑張らないと、と思いました。

最近、色々と忙しくブログ更新してませんでした。

久しぶりに更新。

今度とあるイベントで表示されるかもしれないテストFlashを作成。

Twitterのつぶやきから、ランダムに10件をFlashで表示。

http://www.clutch-shot.com/trancehome/flash/twitter.html

今回、色の使い方がほんと勉強になりました。

背景の白と色のメリハリはとても大事だと感じました。

このFlash、課題があって、やりたいことは

１、Twitterの表示を一気に表示じゃなくて1つ1つ、ぽわんぽわんと出す

２、テキストの量に合わせて、四角形の大きさを決定

3、Twitterアイコンの種類によって、アイコンがでっかくなっちゃう　なぞ

などあります。

1つ1つ解決していかないとなと思います。

そういえば、最近iPhoneでビデオ見ることが多いんですが、

この前見た、Geeks in Osaka の城戸雅行（きどまさゆき）さんの

「動きのロジック」がわかりやすくて、とてもよかったです。

プレゼン資料のクオリティもすごかったです。

九州出身で同じ福岡で活動との事で（今はわかりませんが）、なんか親近感も沸いちゃって。

自分も福岡で勝負できるよなぁと実感しました。

けど、どの作品を見てもすごいレベル。。それでも一歩一歩進んでいくしかないなと思います。

イベントのムービーは、下記URLから見ることが出来ます↓

http://event.67.org/?p=2139#report

久しぶりのブログ更新。

ソフトバンクの孫正義さんと佐々木俊尚さんの対談をUSTREAMで見た。

孫さん、本当に熱かったです。

5時間ほどもある対談だったんですが、本当に入り込んで見てました。

日本の為に、人々の為に、っていう思いが本気で感じられる対談でした。

東京での入社式で初めて孫さんを見たときの事を思い出しました。

これからも大変なこともあるだろうけど、この熱い気持ちだけは絶対なくしちゃいかんと思います。

iPhoneからWordPressに投稿
アプリTiltShiftGenで撮影