✜ ✜　Flashに挑戦　✜ ✜

左図 をクリックすると
flash画像が開きます

Ｆｌａｓｈ画像のスタートボタンをクリックするとアクションが1回だけ表示されます。
これはスタートボタンにアクションを制限する命令を設定しました。

更に、アクションの後にパソコンのいずれかのキーを押すと少年と少年の影が1.5倍の大きなるアクションを追加しました。

１か月近く投稿していませんが、次の段階に進むべく、先日参考書を買ってきました。
本を見てもなかなか難しく、なるべく理解できる内容の本を選んだつもりです。
今までにある本と併用してできるところまで学習してみようと思っています。
今回から Flash画像のアクション スクリプトを学習しようと思います。

今までのFlash画像は、同じ動作をいつまでも繰り返す動画でした。その動きに特殊な言語で命令を与えると動きを制限することができます。その命令がアクション スクリプトです。

パソコンに作った画像にアクションを起こさせるには、プログラミング言語で命令を記述します。これはたいへん複雑なものですが、簡単に実行できるように間略化したプログラミングがスクリプトです。
スクリプトを記述するにもスクリプト言語があります。
参考書を見ても、とても難しく理解できない言語が並んでいます。

例題にある画像を使って、書いてあるままをたどって作っていますが、すべてを習得するのは到底無理です。大変なことに挑戦したと後悔しながらも面白いことは確かです。

左図 をクリックすると
flash画像が開きます

(複雑なアニメーションを作る）

前記の 都の春〜冬 を本来の形の一つのファイルで作りました。
それぞれに分けて作ったものをフレームのコピーを取り、シーン別にフレームのペーストで貼り付けたのですが、モーショントゥイーンのガイドレーヤーを作って動かす部分は、ガイドラインに沿って動きません。
何回もガイドレーヤーを作り直して基準点を合わせたけれどだめでした。
結局 春・秋のシーンは作り直し、又他のシーンも若干の修正を加えました。

現在使っている参考書は、この 都の四季 で全体の復習になり終わったのですが、各アニメーションの設定は、やはり本を見なければできないと思います。
題材を変えて作ったり、他の参考書で作ったり、繰り返し学習しなければなりません。

この画像にはアクションスクリプトが入っていませんので、アクションスクリプトもさらに学習です。

左図 をクリックすると
flash画像が開きます

（シーン別に作成）

冬のシンボル……空・山・塔・雪・灯篭・季節

雪・・・モーショントゥイーン…雪の図を左右に揺らしながら下に移動する、と同時
　　　　にアルファ値で濃淡をつけ雪らしく見せます
灯篭…モーショントゥイーン…アルファ値で濃淡をつける
季節…シンボルの入れ替え…各シーンと同じくフレームをコピーしシンボルを冬の
　　　　シンボルに入れ替える

シーズンごとのアニメーションができました。
これらを１個にまとめ連続したアニメーションにします。本来は一つのファイルでシーンを分けて作ります。

左図 をクリックすると
flash画像が開きます

（シーン別に作成　　秋）

秋のシンボル……空・山・塔・傘・落ち葉・季節

傘…モーショントゥイーン…ガイドに沿って移動するようにレイヤーを追加します
　　　　　　　　　　　　　　　回転させます。　時計回り　１回
　　　　　　　　　　　　　　　最後にアルファ値で透明にします
落ち葉…タイムラインエフェクト…変形トランジションで変形・回転・させアルファ値
　　　　　　　　　　　　　　　で最期を透明にします
季節・・・シンボルの入れ替え…秋のシンボルに入れ替えます

左図 をクリックすると
flash画像が開きます

（シーン別に作成　　夏）

春のシーンに続いて夏のシーンを作りました。
本来は、春のシーンを作った画面でシーンを変え夏を作ります。そうするとアニメーションが続いて表示されます。
大きなものを最初から作ると、失敗したとき大変ですから、まずはシーン別に作っています。
最後にこれらを簡単に合体させられるかどうかは分かりません。

夏のシンボル……空・山・塔・大文字・花火・季節

塔…シェイプトゥイーン…花火が上がるのに合わせて色が変化します
大文字…タイムラインエフェクト…ぼかしの効果がつきます
花火…シンボルの編集…パーセントで伸縮させます。
季節…シンボルの入れ替え…春の季節のフレームをコピーし、シンボルを夏に入
　　　　れ替えます。

左図 をクリックすると
flash画像が開きます

（シーン別に作成　　春）

一年間の変化をアニメーションで現した画像ですが、春夏秋冬に分けたフォルダでシンボルを管理します。

今回は春のフォルダで作りました。
春のフォルダの中に空・山・塔・桜の木・花びら・季節 のシンボルがあり、それぞれのレイヤーで変化をつけます。
それぞれは簡単なアニメーションですが、合わせることで複雑なアニメーションになります。
これは、参考書の例に従って作りました。
シンボルの素材は既に用意されていますので出来ますが、自分でこれらの素材を作るのは難しいでしょう。

山…シェイプトゥイーン…山の色がピンクに変化する
桜の木…モーショントゥイーン…桜の木の色にフェードがかかり濃淡が変化する
花びら…　　　　〃　　　　　　…花びらがひらひら散るようにガイドラインで移動す
　　　　　　　　　　　　　　　　　る。　アルファー値で最後に色が消える
春の文字…　　〃　　　　　　…左から浮かび上がってアルファー値で文字の色に
　　　　　　　　　　　　　　　　　濃淡をつける

春・夏・秋・冬をそれぞれにシーンとして作ると、シーンの切り替えで一年分がつながります。

左図 をクリックすると
flash画像が開きます

（アクションスクリプトの設定）

開いたボタン画像をクリックしてください。
ボタンに効果音をつけると同時に、アクションスクリプトで別ブログを開くように設定しました。

flash画像は本の通りにすれば何とか作れるのですが、細部にわたっては専門に学習しなければ無理のようです。
でも、よちよち歩きでも画像を作ることができるのは嬉しい限りです。

左図 をクリックすると
flash画像が開きます

（効果音付きボタン）
「SWF」画像を開くとマウスの動作で大きさが変わります。
クリックすると画像が大きくなりひばりが啼きます。
Flashのボタンは、今までの形や色を変える、移動させる、フェードをかける、回転や爆発等の変化をさせることとは全く違う手法です。
アクションをつける一歩前の段階でしょうか。

左図 をクリックすると
flash画像が開きます

（効果音付きボタン）
「SWF」画像で開いたボタンは、マウスを置いた時、クリックした時、で変化します。クリックしたときには犬の鳴き声がでます。
これは簡単なボタンですが、本の説明に従って作りました。このような絵を作ることは難しいです。
また、flashに使える音を見つけなければなりません。
応用したものを作ってみたいと思います。

左図 をクリックすると
flash画像が開きます

作り変えたタグのテストです。

寄せ集めで作ったタグがあまりにも複雑なので、簡単にならないものかと、あちらこちらを部分的に削除してみた結果、最小限のタグにして載せたのが今回の画像です。そのタグの使い方が正しいかどうかは分かりませんが、JPG画像のURLを2回とflash画像のURLを1回嵌め込むだけで出来上がりです。
手数がかからず、すっきりしたのですが、トラブルが起きないことを願っています。

左図 をクリックすると
flash画像が開きます

前ブログからの引っ越しが終わり、テンプレートも決まってホッとしたのもつかの間、テンプレートに不具合が起きました。
Ｒecent Entriesからページを開くと、記事のタイトルがサイトタイトルのところにダブって入るのです。どこがどうなっているのか全く分からず、やむなく又テンプレートを変えました。
これもあちこちカスタマイズに時間がかかりましたが、無事のようです。

これから肝心の画像作りに入れそうです。

永らく古いブログの整理に追われていました。まだ全部は整理できていませんが、前のJUGEMブログでは載せられなかった ボタン のflash画像を載せてみます。
左図 をクリックすると
flash画像が開きます

ボタンのflash画像は、ポインターの操作で画像が変わります。
ボタン上にポインターを置くと色が変わり、クリックするとまた色が変わり、音をいれたり、他のページにリンクさせることもできます。
（この「ボタン.SWF」画像は音・他ページへのリンクは入ってません）

昨夜遅く、文字が全部黒になる原因が分かりました。

テンプレートの「CSS」にbody部分を一括で指定しているタグがありました。
その色指定を外したら、今まで通りの色になりました。　　一安心です。

一度は落ち着いたのですが、テンプレートに気になるなるところがあり、1カラムのテンプレートに交換しました。
図は今まで通りに載るのですが、文字の色が全部黒になって、1ページ1ページ文字を指定して色を入れなおさないと色が出ません。
只今、調整中です。

こちらに移り、新しいブログの形が決まりましたので、過去のブログの引っ越しをしています。
flash画像を載せているため、インポートできません。ほとんど新規作成に近い状態で書き込んでいます。
過去の日付で載せていますから後のページに追加されます。
flashの学習を進めなければならないのですが、今のところ、落ち着くまでちょっと足踏み状態です

　
上図 をそれぞれにクリックするとflash画像が開きます

妙な取り合わせですが、JPG画像を2個横に並べ、それぞれのflash画像を表示させるにはどのようにタグを配置するかを確かめました。
何度もテストしてようやくできました。

左図 をクリックすると
flash画像が開きます

前にJUGEMブログで載せたFlash画像ですが、FC2ブログに変えたテストです。

左図 をクリックすると
flash画像が開きます

ブログ引っ越しのテストです。
サムネイルはJPG画像で載せることにしました。
flash画像を作った時に、一番よい画面になるフレームのところで書き出すことができます。又、JPGで保存するとブログに載せるときに、縮專ソフトでfileサイズを落とさずに小さくすることができます。

テストです。
サムネイルにJPG画像を載せましたが、GIFアニメ画像に変えてみました。
簡単な画像はこの方が見栄えがします。
Flash画像を開く必要がありません。

タグを扱うには「．」　や　「"」　の欠落や、半角を全角に間違えると有効になりません。
それを見落とすとそのタグが全く機能しなのでいくら考えても分からないわけです。

一定のタグをテンプレートとして作っておいて、登録したファイルのURLをはめ込む方法で作っていますので、元になるタグを間違えないように、URLをペーストするにも寸分の違いがなくペーストしなければなりません。