web制作 | 夜間飛行 備忘録

web制作講座で教わったあれこれを書き留めていきます

35日目

本日は…

■配列の復習と、DOMの基礎

FLASHを使ってリップル効果

 

■arrayを使う

 var 名前=new Array(n);

 ※先に要素の個数を指定することができる

 ※中身は 名前[0]= 中身で入れられる

・配列を使った個数計算表、要素の書き出しなど要復習

 

■DOMの基礎

 document.getElementById('名前');

 …名前の要素を検索してデータを取得する

 .innerHTML=

 …中身を=以下に書き換えることができる

・画像表示など、要復習

 

リップル効果

 文字が大きくなってから小さくなる(波紋のイメージ)

 ・文字を書く→修正>分解(文字がバラバラの要素になる)

  →修正>タイムライン>レイヤーに配分(別個のレイヤーに乗る)

 ・各レイヤーの文字をそれぞれもう一度、分解してからグラフィックシンボルに変換していく

 ・5,8秒それぞれにキーフレームを挿入する

 ・1秒の文字をカラーコード>アルファ10にする

 ・5秒の文字を1000%サイズに変形してから、カラーコード>アルファ0にする

 ・全部選んでクラシックトゥイーンを挿入

 ・下から順番にずらしていく

 ・一番最後のところまで全部についてフレームの挿入

 ・actionの一番最後に空白のキーフレームを入れ、stop();を挿入

 

→再生すると文字が1つずつ現れて大きくなって小さくなって残る、というのが出来上がる

こんなかんじ。※GIFでボタンは利かない

 

f:id:knkasay:20150409211702g:plain

リピート設定を1回にしてあるので一度でとまる

 ※上手く表示されません(画像を新しいウィンドウで表示すると動きます?)

→ルパンみたいなのやりたい…