★黒猫宅急便★ver.2
( *´艸`) いらっしゃいまし。

前回のSharedObject()
とgetURL()
を組み合わせてこんな感じの作ってみた
cgiやperlを学んで、コレを応用したヤツを作りたいでゲス。
~~診断
とかみたいなやつをねぇ~。



cgiやperlを学んで、コレを応用したヤツを作りたいでゲス。


Tweet |


SharedObject()を利用して、こんなのを作ってみたよ。
↓のFLASHの文字が見にくい場合は、こちら
<説明>
実行ボタンを押すと入力した情報がPCに記憶され、次にページを呼び出した時、前に入力した情報が表示される。
以上。
約1週間近くかかったなぁ~(汗
最近集中力が持続しません><
実質3日くらいか?
それにしても、まだまだ知識不足だなぁ
↓のFLASHの文字が見にくい場合は、こちら
<説明>
実行ボタンを押すと入力した情報がPCに記憶され、次にページを呼び出した時、前に入力した情報が表示される。
以上。
約1週間近くかかったなぁ~(汗
最近集中力が持続しません><
実質3日くらいか?
それにしても、まだまだ知識不足だなぁ
Tweet |


画像をクリックすると、フレーム移動をして次の画像が表示される。
ただ画像を表示してもおもしろくないので、2番目の画像内にダイナミックテキストを入れて日付を表示させてみた。
もっとなんか色々できそうだなぁ~★
まっ、思いついたらなんか作ってみよっとぉ~♪
Tweet |


お気に入りの画像に、現在の日付とデジタル時計を付け加えてみた
携帯で表示できればいいのになぁ~

次は万年カレンダーを作ってみたいなぁ~。
んで、日にちクリックしたらその日にイベントを保存できて・・・イベントが保存されていれば、それを画面に表示できるようにしたい。。。
う~~~ん、壁カレみたいなのを作ってみたいな。
製作日数どんくらいかかるんだろうか・・・
入門したてのオラには、厳しいのかな(泣
その前に、コレのバージョンアップとして、テキスト表示の文字をイメージ表示にすることからやってみっかな。

携帯で表示できればいいのになぁ~


次は万年カレンダーを作ってみたいなぁ~。
んで、日にちクリックしたらその日にイベントを保存できて・・・イベントが保存されていれば、それを画面に表示できるようにしたい。。。
う~~~ん、壁カレみたいなのを作ってみたいな。
製作日数どんくらいかかるんだろうか・・・
入門したてのオラには、厳しいのかな(泣
その前に、コレのバージョンアップとして、テキスト表示の文字をイメージ表示にすることからやってみっかな。
Tweet |


コンポーネント(コンボボックス・ラジオボタン・チェックボックスなど)を利用し、さらにその入力情報をテキストエリアに出力させてみた
ん??
前に似たようなのを作った事があるなぁ~

けど、前に作った時は、JavaScript を利用したんだっけかな?
しかも、ほぼ全部コピペだったから、今一理解できてなかったんだよなぁ~
やっぱ自分で試行錯誤しながらやんないと覚えないね!
(JavaScriptの時も試行錯誤はしたけどね・・・)

ん??
前に似たようなのを作った事があるなぁ~


けど、前に作った時は、JavaScript を利用したんだっけかな?
しかも、ほぼ全部コピペだったから、今一理解できてなかったんだよなぁ~

やっぱ自分で試行錯誤しながらやんないと覚えないね!
(JavaScriptの時も試行錯誤はしたけどね・・・)
Tweet |


モーショントウイーンをステージ上で作成するときは、ペンツール
などで曲線を描き、それをモーションガイド
として曲線移動をさせる
しかし、アクションスクリプトを使うと定義した式に沿って移動させることが出来る
サインカーブ
y = a*sin(bx)+c と言う三角関数で表される曲線に沿って移動する場合のスクリプトも同様に作成できる。
(関数は分からないので、コピペです
)
円運動
円を描かせるのは、x、yの関係を使った上の例とちょっと違って、次式の角度(θ)を増加させてx、yの変化を描かせる手法をとる。
x=x0 + r*cos(πθ/180)、 y=y0 + r*cos(πθ/180)
ここで、x0,y0は中心座標、rは半径、θは角度(0-360)を表す。
今回は、拾ってきた画像をムービークリップに置き換えて動作させた
おしまい。



しかし、アクションスクリプトを使うと定義した式に沿って移動させることが出来る

サインカーブ

y = a*sin(bx)+c と言う三角関数で表される曲線に沿って移動する場合のスクリプトも同様に作成できる。
(関数は分からないので、コピペです

円運動
円を描かせるのは、x、yの関係を使った上の例とちょっと違って、次式の角度(θ)を増加させてx、yの変化を描かせる手法をとる。
x=x0 + r*cos(πθ/180)、 y=y0 + r*cos(πθ/180)
ここで、x0,y0は中心座標、rは半径、θは角度(0-360)を表す。
今回は、拾ってきた画像をムービークリップに置き換えて動作させた

おしまい。
Tweet |


アクションスクリプトによって、ボールの直線移動をさせる。
<その1>
ボールはどんどん右へ移動し、ステージの外へ出て消えてしまう。
<その2>
右端へ移動したら、元の位置から再び右へ
<その3>
折り返し、元の位置で右に折り返す往復運動。
さらに、ボールの移動速度を遅くしてみた。
<その4>
ボールが上下左右に動作する
なるほどなるほど。
モーショントゥイーンじゃなくても、こんなことが出来るのかぁ~。
勉強になった
<その1>
ボールはどんどん右へ移動し、ステージの外へ出て消えてしまう。
<その2>
右端へ移動したら、元の位置から再び右へ
<その3>
折り返し、元の位置で右に折り返す往復運動。
さらに、ボールの移動速度を遅くしてみた。
<その4>
ボールが上下左右に動作する
なるほどなるほど。
モーショントゥイーンじゃなくても、こんなことが出来るのかぁ~。
勉強になった

Tweet |


Micromedia FLASHは、その原型 はドロー系のお絵描きツールである。しかし、それにAction Scr iptというスクリプトを記述することによってマウス操作によってムービー が動き出すといったようなインタラクティブな表現ができるようになる。そ の内容は、「ボタンを押したらジャンプ」といった簡単なことからスクリプ トを多用してプログラミング言語でやるようなことまで扱うので表現の幅が 広い。また構造としてはJava Scriptと似た部分が多い。
し かしFLASHのその時系列的なプログラミングにはCやJavaでプログ ラミングをしたことのある人で多少の慣れが必要である。
つ~わけで、アクションスクリプトをちょっとずつやってくことにした
PLAYボタン
を押すとアニメーションがスタートする
し かしFLASHのその時系列的なプログラミングにはCやJavaでプログ ラミングをしたことのある人で多少の慣れが必要である。
つ~わけで、アクションスクリプトをちょっとずつやってくことにした



Tweet |


モーショントゥイーンの続き
最初は、単に玉を右に動かしただけだったのだが、今度は上下の動きも加えてみた
一応下のヤツは、蝶
である。(笑
さらに、背景用レイヤーを加え、上のヤツと合わせる

なるほどねぇ~。
こんな風になるのかぁ~~~


絵がヘタクソで痛いんだが、こんな感じで完成( *´艸`)
ペンタブがほしくなってきたのだった・・・
最初は、単に玉を右に動かしただけだったのだが、今度は上下の動きも加えてみた

一応下のヤツは、蝶

さらに、背景用レイヤーを加え、上のヤツと合わせる


なるほどねぇ~。
こんな風になるのかぁ~~~



絵がヘタクソで痛いんだが、こんな感じで完成( *´艸`)
ペンタブがほしくなってきたのだった・・・

Tweet |


かうんたー
現在の閲覧者数:


かてごりー


きじ検索


記事らんきんぐ


広告


あくせすらんきんぐ


最新記事
(12/31)
(12/31)
(12/31)
(12/30)
(12/29)
(12/29)
(12/28)


あーかいぶ


広告3


ブログ ver.4

PR