Progression Archive

以前に作成した『Progression4でスライドを作る際に、ちょっと便利なJSFL』をアップデートしました。

前回までは更新の際、作成したスライドの枚数と修正後のXMLのノード数が一致していないと更新作業が上手いこといってくれませんでしたが、その点を修正してあります。

例えばですが、（Create～.jsflを使って）新規にスライドを5枚作成したとします。

その後、XMLに修正を加え、修正後のノード数がスライド10枚分になったとしても、きちんと更新してくれるということです。（DLしたZipの中に、サンプルのXMLが二つ入っていますので、そちらを使って更新を試してみてください！）

その逆でも、もちろんOKです。

新たに追加したこと

複数MovieClip、タイムラインに共通しているのですが、スライドを作成すると、『Slides』フォルダ内にMovieClipが作成されるように変更しました。

あとは、XMLを編集して、Update～.jsflを実行してください。

UpdateのJSFLを使う場合は、Slidesフォルダを選択した状態で、JSFLを実行してください。

Slidesフォルダを選択していない状態でJSFLを実行してしまうと、変な具合に更新されてしまうことがあります。

JSFLにも、Slidesフォルダを選択してからUpdate処理を行うという記述を入れているのですが、時折きちんと認識してくれないっぽいんですよねぇ…（CS5だと、フォルダを選択しなくても上手くいく場合があったり…）

ダウンロード

ダウンロードはこちらからどうぞ。

これも『東京てら子6』で発表したモノなんですが、（Progression4でスライドを作る人が、どれだけいるのか分かりませんが…）公開しておきます。

Progression4でスライドを作成する場合、主に以下の方法を採るかと思います。

1. スライドの枚数分、MovieClipシンボルを作成
2. 一個のMovieClip（スライド用）を作成。その中のタイムラインに、もろもろ配置

僕もこれまで、どちらかの方法を用いてスライドを作成していたんですが、必要枚数分のスライドを作成したり、タイムライン上にいろいろ配置するのって結構手間が掛かったり…

ちょっと文字だけ修正したいんだけど…という場合でも、MovieClipの中に入って編集する必要がありますよね？

これをどうにか出来ないものかと…

以前から、テキストエディタでファイルを修正。あとは自動的にスライドを作成・更新してくれたら便利だよなぁ…と思っていたので、自分用にJSFLを用いて作ってみました。

必要なことは、XMLに記述する

スライドの作成に必要なものは、XMLファイルに記述していきます。

XMLは、こんな感じ。

<?xml version="1.0" encoding="utf-8"?>
<slides>
	<num>001</num>
	<type>0</type>
	<title>スライドサンプル</title>
	<contents>ダミー文字。ダミー文字。ダミー文字。</contents>
</slides>

num

スライドの番号

type

スライドのタイプ

title

タイトル部に表示するもの

contents

テキスト部に表示するもの

それぞれ詳しく説明していきます。

num

作成するスライドの番号になります。

スライドの枚数分、MovieClipを作成する方法を採る場合、作成するMovieClipの名前を仮に「Slides」としてJSFLを実行すると、Slides001、Slides002のように「MovieClipの名前 + num」という感じでライブラリ内にスライドが必要枚数分、作成されます。

type

作成するスライドのタイプになります。

typeが0の場合

このように、スライドの中央部にタイトルが表示されます。

始めと終わりのスライドなんかに用いると良いかと…

typeが1の場合

画面上部に、タイトルが。その下に、テキストが表示されるスライドになります。

typeが2の場合

タイトルがなく、テキストのみが表示されるスライドになります。

title

ここに設定したものが、type0とtype1のスライドのタイトル部に表示されます。

contents

ここに設定したものが、type1とtype2のスライドのテキスト部に表示されます。

スライドを追加する場合

<num>～</contents>までをコピペして、必要事項を記述してきます。

複数のMovieClipを作成する場合

※JSFLを実行する前に、Progressionのプロジェクトパネルから、スライドコンテンツのプロジェクトを作成しておいてください。

※JSFLを実行する前に、線の色（赤とか青とか）を選択しておいてください。ここで選択した色が、JSFLを実行した後、ガイドとして表示されます。

スライドの枚数分、MovieClipを作成する場合は、CreateSlide_MovieClips.jsflを実行します。

最初に、タイトルとテキストのフォントサイズを設定します。

次に、フォントのカラーを設定します。

フォントを選択します。

作成するMovieClipの名前を設定します。

マージン（ガイドを引く位置）を設定します。

あとは、読み込むXMLファイルを設定してあげると、以下のようにMovieClipが作成されます。

タイムラインに書き出す場合

※JSFLを実行する前に、Progressionのプロジェクトパネルから、スライドコンテンツのプロジェクトを作成しておいてください。

※JSFLを実行する前に、線の色（赤とか青とか）を選択しておいてください。ここで選択した色が、JSFLを実行した後、ガイドとして表示されます。

タイムラインに書き出す場合は、CreateSlide_Timeline.jsflを実行します。

フォントサイズとかの指定は、先の複数MovieClipの場合と同じなので、割愛。

読み込むXMLファイルを設定してあげると、以下のようにMovieClipのタイムラインにもろもろ配置されます。

更新する場合

XMLファイルをあれこれ修正します。

複数MovieClipを更新する場合は、UpdateSlide_MovieClips.jsflを実行します。

タイムラインを更新する場合は、UpdateSlide_Timeline.jsflを実行します。

フォントサイズとかの変更がある場合は、設定を変更します。

更新したXMLファイルを指定してあげると、更新作業が終了します。

補足

3枚目のスライドのタイプを1にしていたんだけど、0に変更したいという場合。

可能です。XMLファイルの該当箇所を修正し、Update～.jsflファイルを実行してください。

作成した際は●枚だったんだけど、（内容が増えたり減ったりしたので）アップデートの際にXMLを編集すれば、スライドの追加・削除も自動的に出来るの？

現時点では、未対応です。（作成した際のスライドの枚数と、アップデートした際のスライドの枚数が一致していると、更新作業は上手くいきます）

ダウンロード

こちらからどうぞ。

DLしたフォルダ内に入っているスライド（swfファイル）ですが、以下のような値で作成しています。（僕のノートPCで、いい感じに表示される値です）

タイトルとテキストのフォントサイズ

45,25

フォントのカラー

#000000,#000000

フォント

メイリオ（フォントの埋め込みは、行っていません）

MovieClipの名前

任意

マージン

50

読み込んだXMLファイルは、フォルダ内に入っているslide.xmlです。

ご要望

何かご要望等ありましたら、コメントお願いします。

先のスライドの追加・削除の機能を含めて、アップデートするかも？　しれません。

追記（2010/07/30）

JSFLファイルを更新しました。詳細は、『Progression4のスライド作成JSFLを、アップデート』をご覧下さい。

詳細！Progression 4 Flashフレームワーク入門ノート

『詳細！Progression 4 Flashフレームワーク入門ノート』が明日、発売になります。

先日、著者の大重さんに、献本して頂きました！

加えて、書籍のP35〜36にて、僕が以前に作成したProgressionの拡張機能である『CompAssist』を紹介して頂きました。

大重さん、ありがとうございます！

大重さんの『詳細〜』シリーズには、かなりお世話になっている、僕。

その書籍内で、自分の名前を見ることになるとは…

いや〜、テンション上がります！

書籍の内容

書籍の内容は、以下のようになっています。

1. Progression4の基礎
• コンポーネントスタイル
• タイムラインスタイル
• クラススタイル
2. シーンツリーの基礎パターン
3. シーンの移動とシーンイベント
4. コマンドとコマンドリスト
5. キャストオブジェクトを利用する
6. 外部ファイルの読み込みとプリロード
7. さらに進んだ使い方

このような、お腹一杯の内容。

1と2まで読み終わったのですが、CS5用の.zxpファイルがダウンロード出来ない場合の対処方や、プロジェクトパネル＆シーンエディタパネルの詳しい使い方（キャプチャ入り）、掲載されているソースコードにも詳細なコメントが書かれているなど、とっても親切。

これからProgressionを始めようと思っている方も、基礎の基礎からきちんと書かれていますので、安心して始めることが出来るかと思います。

コンポーネントスタイルで、Progressionの大枠を理解し、タイムラインスタイルで、Progressionの記法などを理解。そしてクラススタイルで、Progressionにどっぷり浸る。

そんなステップアップが出来る、内容になっています。

既にヘビーユーザーの方でも、外部ファイルの読み込み（CGIから変数データを受け取る）とか、サウンドデータの扱いなどが詳しく書かれているので、必読の一冊になるのではないでしょうか？

これからProgressionを始められる方も、既にProgressionを始められている方も、読んでおくといいと思います！

Progression4正式版、リリースされましたね！

それに伴い、以前作成したProgression用FlashDevelopテンプレートを修正しました。

テンプレートの詳しい使い方などは、以下のエントリをご覧下さい。

• Progression4用FlashDevelopテンプレート

以前のものには、CommandListのテンプレートが入っていませんでしたので、新たに追加してあります。

ダウンロード

ダウンロードは以下からどうぞ

zipの方

こちらからダウンロード

svnの方

http://trac.progression.jp/svn/experiments/flabaka/FD_templates/Progression4

showSource:trueにしたのに…

（略）
( "Sample1", [], [ "%SCRIPT%" ], { debug:true, showSource:false } )

COREXのデバッグの際に、ソースコードを表示させたかったんで、起動ファイル側のJSFLをこんな感じに変更。

（略）
( "Sample1", [], [ "%SCRIPT%" ], { debug:true, showSource:true } )

で、このJSFLファイルを走らせてみました。

あれ？　ソースコードが表示されない…

何で？

再コンパイル

あれこれ足掻いていたんですが、そういえば…と思って、福岡てらこでCOREXの記事を読み返してみると…

jsflcファイルのタイムスタンプが異なる場合に、再コンパイルが行われるみたいです。

あ～～、そうだった。

起動側のJSFLファイルを変更（showSourceをfalseからtrue）しただけでは、駄目なんだった…

jsflc側のタイムスタンプが変更されていなければ、以前（showSource:false）でコンパイルしたときのキャッシュがそのまま適用されちゃうから、ソースコードが表示されなかったと…

そこで、（変更箇所がなくても）jsflcファイルを再保存して、起動用のJSFLを走らせてみると…

はい、ちゃんとソースコードが表示されました。

まとめ

というわけで、（COREXを使っていて）起動用のJSFLファイルを変更したのに結果が？？？…という現象に陥ったら、jsflcファイルを再保存した後で（もう一度）起動用のJSFLファイルを走らせてみると、上手くいくんじゃないかと思います。