ラベル 【Flash】メモ の投稿を表示しています。 すべての投稿を表示
ラベル 【Flash】メモ の投稿を表示しています。 すべての投稿を表示

2013-10-09

FLASH読み込む 簡単 

◆「swfobject.js」をつかってFlashの読み込み



*HTML側
<div id="ID名">
<img src="画像パス(Flash見えなかった用)" alt="" height="175" width="169" />
<script type="text/javascript">
var so = new SWFObject('FLASHのパス.swf', 'anime', '横幅', '縦幅', 'Flashのバージョン', '背景色');
so.write('ID名');
</script>
</div>

     ↓↓↓↓


*HTML側(最近)
<div id="ID名">
<img src="画像パス(Flash見えなかった用)" alt="" height="175" width="169" />
<script type="text/javascript">
swfobject.embedSWF("FLASHのパス.swf", "ID名", "169", "175", "8.0.0");
</script>
</div>


◆「swfobject.js」をつかってFlashの読み込み その②

背景透明・丸ごと差し替え

<div id="IDあ">
 <div id="IDい"><img src="フラッシュ.png" width="800" height="200" /></div>
</div>
   
<script type="text/javascript">
var flashVars = {}
var parms = {
wmode :"transparent"
}
swfobject.embedSWF("フラッシュ.swf", "IDい", "800", "200", "9.0.0","",flashVars,parms);
</script>


transparent…透明にしてね その他、「Flash パラメータ 一覧」などで後で検索


IDあ…フラッシュの配置

IDい…フラッシュに丸ごと差し替え
注:丸ごと差し替えなのでIDそのもののボックスが消える

2013-09-12

AS2.0でリンクつける

AS3と違ってインスタンス名はいらない。

ボタンにしたいインスタンスをシンボルボタンにする(必須)

ボタンに直接スクリプトをかく※ボタンシンボルのみにしか使えないみたい
on(release) {
    getURL("xxx.html");
}

別のウィンドウで開きたいとき、 ,"_blank"を足す。



→AS3の場合


 ------------------- 参考サイト -----------------------

getURL();アクションスクリプト
http://www.1art.jp/flash/le/lesson20/lesson20.htm 

--------------------------------------------------------

2012-12-13

じゃあ、三角関数の何がわかればいろんな動きができるのか

サイン・コサイン…ってだから何?とか

三角関数とはなんぞや?ということは覚えなくていい。


とにかく、何がしたくて、どうやって動いてくれるのかだけ、考える。



◆簡単にざっくりと見ておくもの


三角比とは?サイン・コサイン・タンジェスト


↑で出てきたのが(サイン・コサイン・タンジェスト)

 スクリプトで、数学的な計算をするときに使う『Math
※数学関数(Math)/杜甫々より

▼サイン
Math.sin()
▼コサイン
Math.cos()
▼タンジェスト
Math.tan()


◆その他
意味が分からない記号など

θ(シータ)・・・角度のこと

π(パイ)・・・円周率のこと

円周率・・・3.14

-----------参考サイト----------------
ProcreoFlashDesign
初心者のためのFlashレベルアップ講座
http://www.procreo.jp/tutorial03.html

---------------------------------

2012-06-06

FLASHの画面をダウンロードする(メモ) 【Flash】 AS3

FileReference オブジェクト…ファイルをアップロード・ダウンロードしたりるすときにつかう?

draw…キャプチャする


▼FlashゲームPG講座 For AS3.0【 Bitmap クラスについて】
・描画結果をビットマップデータにキャプチャーする
http://hakuhin.jp/as3/bitmap.html#BITMAP_04

FLASHの画面をダウンロードする 【Flash】 AS3

ダウンロードボタンをクリックすると、
画像の一部がダウンロードされる。

ページ一番下の参考サイトをみつつ短くしたもの
(注:PHPはわからないので、AS3のみでどうにかしたいとあがいたもの失敗作動きません

var fileRef:FileReference = new FileReference();//新しいオブジェクト作成

var myBitmapData:BitmapData= new BitmapData(100,100);//新しいオブジェクト作成
myBitmapData.draw(aa); //aaはインスタンス名


//kamera_iconは、ボタンのインスタンス名

kamera_icon.addEventListener(MouseEvent.CLICK,kamera);
function kamera(event:MouseEvent):void{

var fn:String="photo.jpg";
fileRef.download(myBitmapData,fn);

};




そもそも…サーバーに上げてない、あげない

FileReference.download() メソッドを使用すると、サーバー上のファイルをユーザーがダウンロードできます。
~ActionScript 3.0 コンポーネントリファレンスガイドより~




↓↓↓解決策

◆PHPをやりたくなかったら、便利ツール(ざっくりいうと、ビットマップをJPEG画像に変換してくれるもの)をダウンロード


↓↓とっても親切サイト↓↓
英語がわかんなくてもダウンロードの仕方からそれ以降の作業がわかりやすい

▼おきらくFLASH講座 : FileReferenceクラスを使って| マイナビクリエイター

http://creator.mynavi-agent.jp/special/flash/fl_060.html




ページが突然なくなったら困るので
上記サイトより簡単なメモ↓↓


【http://code.google.com/p/as3corelib/】から【Downloads】メニューにいって、

英文の中の【all downloads】をクリック。

【as3corelib-.93.zip 】ファイルをダウンロードして、解凍、その中の【src】をクリックして、

その中の【com】を丸ごとフラッシュデータと同じとこにおいとく。




flaファイルはこれ↓↓


import com.adobe.images.JPGEncoder;
//便利ツール【com】をよんでます。

var fileRef:FileReference = new FileReference();//新しいオブジェクト作成

var myBitmapData:BitmapData= new BitmapData(100,100);//ダウンロードする範囲
myBitmapData.draw(aa);

kamera_icon.addEventListener(MouseEvent.CLICK,kamera);

function kamera(event:MouseEvent):void{

var encoder: JPGEncoder = new JPGEncoder(80);
var byteArray:ByteArray = encoder.encode(myBitmapData);

//↑を一行にすると→var byteArray:ByteArray = new JPGEncoder(80).encode(
myBitmapData);

var fn:String="テスト4.jpg";
fileRef.save(byteArray,fn);

};




さっきの失敗作に、便利ツールを追加して、最後のFileReference

「.download」→「save

に変更したもの




右下のカメラをクリックすると、インスタンス「aa」の100px×100pxがJPEGで保存される。





----------参考サイト---------
▼ blog.azzip-azzip.com
・AS3.0_FileReferenceクラスで画像の読み込みと保存
http://blog.azzip-azzip.com/2010/04/as3-0_filereference%E3%82%AF%E3%83%A9%E3%82%B9%E3%81%A7%E7%94%BB%E5%83%8F%E3%81%AE%E8%AA%AD%E3%81%BF%E8%BE%BC%E3%81%BF%E3%81%A8%E4%BF%9D%E5%AD%98/

▼FLASHで遊ぼう!
・ムービーをJPEGで保存する2
http://flashjp.com/as3/saveasjpg2.php

▼にゃあプロジェクト - ウェブログ - FileReferenceを使ってみる (1)
・FileReferenceを使ってみる (1)
http://www.project-nya.jp/modules/weblog/weblog-tb.php/672

---------------------------------------------------

2012-04-20

アクションの検索 【Flash】

◆flaファイルから使ってるアクションを探す。

自分以外の人が作ったFlashのアクションを探すときに役にたつ


【表示】→【ムービーエクスプローラー】





アイコンをクリックすると、アクションが表示される

場所は下の方に表示されてる





--------------- 参考サイト --------------------
http://admn.net/web_architecture/f_basic/review_lesson_01/page06.html

2012-02-26

シェイプトゥイーン【Flash】

◆【ペンツール】もしくは、【鉛筆ツール】で何か描きます。
※Fireworksでかいたものは、編集可能にして、配置。右クリックで分解します。


コレで再生すると↓


途中が四角っぽくなるところがいただけないので、
もうちょっと修正するとき↓↓

★オニキススキンで細かいところをチェック



これでなんとなくおかしなところを見つけます。
じっと見てれば、なんとなくわかる。

◆シェイプヒントの表示

【修正】→【シェイプ】→【シェイプヒントの追加】

ショートカット→【ctrl】+【Shift】+【H】

A~Zまで、位置を設定できます。

Aが終わったら、【右クリック】して、追加を選択します。削除も同じです。
※アルファベットを右クリック

*コツ*
少しずつ確認しながら、追加していく。一気にやらない。
失敗してもいいように、一回シンボル化しておくといいかも・・・後で分解





わかりやすいサイト↓
・Flash入門講座-Flash始めたい今日この頃-しっぽのとこ-
http://tail.s68.xrea.com/html/text/kouza/main/02_2.html

2012-02-25

パスの線に沿ってモーショントゥイーン【Flash】

便利なのにいっつも忘れちゃうからメモメモ

◆モーションガイド

①モーショントゥイーンを作成

②タイムライン左下にあるモーションガイドをクリック


ガイドレイヤーがあらわれるので、【ペンツール】で動きをかく。※鉛筆ツールでも可

③制作したモーショントゥイーンの始点と終点をパス上にのせる

※パスの最初と最後にあわせる必要はない。

おわり

Flash フィルタだけ 表示させたい

◆インスタンスにかけたフィルターのみを表示
 → 

インスタンスに【ドロップシャドウ】をかける。

【ノックアウト】にチェックをいれるとできあがり。

2012-02-23

きらきら星 【Flash】

●考え方として

photoshopで作った星をFLASHで複製してきらきらさせる。


▼簡単な★(FLASH)
http://hinaoka.blogspot.jp/2010/09/flash.html

▼ちゃんとした星キラキラ(photoshop)
http://hinaoka.blogspot.jp/2012/04/blog-post_05.html

2011-07-20

演算子一覧

計算をする演算子

+』・・・足し算

-』・・・引き算

*』・・・掛け算

/』・・・割り算

++』・・・1足す/カウントする

--』・・・1引く/カウントダウンする


★『+』は、文字列同士の連結にもつかう。
<例>
”わたしは” +●●●+ ”です。”





代入する演算子

+=』・・・足して代入

-=』・・・引いて代入

*=』・・・掛けて代入

/=』・・・割って代入

%=』・・・割ったあまりを代入




比較演算子


『A==B』・・・AとBが等しい/等価式

『A!=B』・・・AとBが違うかどうか

『AB』・・・BよりAが小さい/AがB未満

『A<=B』・・・AがBより小さい、もしくはBと同じ/AがB以下

『AB』・・・BよりAが大きい

『A>=B』・・・AがBより大きい、もしくはBと同じ/AがB以上




論理演算子


!B』・・・B以外

『A&&B』・・・AとB両方

『A||B』・・・AもしくはBどちらか

★論理演算子を使った例はこちら→




特殊演算子


『AinB』・・・B(オブジェクト)にA(プロパティ)があるかないか




そのほかの演算子↓
・とほほのJavaScriptリファレンス
http://www.tohoho-web.com/js/operator.htm

・演算子一覧表 - Access - Office.com
http://office.microsoft.com/ja-jp/access-help/HA010235862.aspx

2011-07-15

Flash traceを使って取得した数字を確認

【制御】→【ムービープレビュー】

出力にtraceで指定したものが表示される。

2010-11-19

データ型について 【Flash】

数値のデータ型(3種)

Number(ナンバー)
計算をするときにつかう。小数点付きの整数のときにつかう。
例>var aa :Number=1.1;

int(イント)
整数だけの計算につかう。Numberより速度が速い。
例>var aa :int=-1;※順番、カウントにも

uint(ユーイント)
負のない整数のときにつかう。カラー値などにつかう。
例>var aa :uint=0xff008800;


ブール値

boolean(ブーリアン)
真(true)か、偽(false)か、2種類しかない。
(しますか、しませんか。何もかかなければ、デフォルト)
例>var aa :boolean=ture;



2010-10-19

AS3クラスからインスタンスを生成する

◆書き方
ライブラリのプロパティからクラス名をいれる

var インスタンス名クラス名 = new クラス名;

addChild(
インスタンス名
); 









   

2010-10-01

フィルタについて

◆フィルタとは

FLASHのフィルタ


ドロップシャドウ
ぼかし(ブラー)
グロー
べベル
グラデーショングロー
グラデーションベベル
カラー調整

◆グラデーショングローとグロー

PHTOSHOPより、グラデーショングロー


PHTOSHOPより、ただのグロー※1色


◆フィルタAS3 一覧

BlurFilter →ブラー(ぼかし)

BevelFilter →べベル

GradientBevelFilter グラデーションべベル

GlowFilter →グロー

GradientGlowFilter グラデーショングロー

DropShadowFilter →ドロップシャドウ


----↓ここからは特殊だから別ページで

ColorMatrixFilter カラーマトリックス(カラー調整)↑のフィルタと同じ書き方+配列が加わる。


ConvolutionFilter →コンボリューション(エッジの検出・シャープ等)

DisplacementMapFilter →ディスプレイスメントマップ(置き換え)


※これらは型です。

◆AS3かき方


var 名前DropShadowFilter = new DropShadowFilter(プロパティ);
インスタンス.filters=[名前];

 

2010-09-09

外部テキスト読み込み 改行 ※【FLASH】

◆テキストデータについて
読み込んだテキストデータが
*改行ができないとき*
改行が2行になる。
改行コード(%0A・%0D・\n)が全部普通に文字ででてくる。

       ↓ ↓ ↓
テキストの保存方法をかえる。


◆テキスト(TeraPad)

【ファイル】→【文字/改行コード指定保存】


改行コード、CR+LF以外 ←これは2行改行される


◆改行コードについて
OSによって異なるらしい

UNIX→<LF>
Windows →<CR><LF>
Macintosh→<CR>
 


◆横幅にあわせた自動改行?

テキスト.multiline=ture;
テキスト.wordWrap=ture;
テキスト.autoSize=TextFieldAutoSize.LEFT;


上記、三つをどこかに記述




 

2010-08-11

リンク先をつける 【Flash】 navigateToURL

◆指定したURLにとぶ

②URLの用意
var link_btn:URLRequest = new URLRequest(”アドレス”);

②ジャンプ
navigateToURL(link_btn); ←★

★ボタンをクリックしたらジャンプしてねとイベントで。


→普通にリンク先にとぶ
navigateToURL(link_btn, "_self");


→別ウィンドウでとぶ
navigateToURL(link_btn, "適当な名前");



var JUMP_url:URLRequest = new URLRequest("http://www.google.co.jp");

btn_google.addEventListener(MouseEvent.CLICK,tourl);
function tourl(e:MouseEvent):void{
 
navigateToURL(JUMP_url);//URLを開く

}



↓↓さらに短くすると


btn_google.addEventListener(MouseEvent.CLICK,tourl);
function tourl(e:MouseEvent):void{
navigateToURL(new URLRequest("http://www.google.co.jp"),"_self");
}

2010-08-04

FLVビデオ再生

◆コンポーネント再生
Flashにもともとついているものをつかって再生。
※再生ボタンから、ボリュームなど選択できる方法

【新規作成】→【ウィンドウ】→【プロパティ】→【コンポーネント】→【FLVPlayback】をステージ上へ

①ステージ上のFLVPlaybackを選択。

②パラメータでコンポーネント名前を決める(FLV名前)

②パラメータの【skin】で好きなのに選択。



◆AS3

FLV名前.sorce=”パス”;自動再生

・最初から再生しないとき
FLV名前.autoPlay=false;


★フルスクリーンについて
設定方法
パブリッシュ設定→HTML→『Flashのみフルスクリーンサポート』

で書き出し。



 

2010-07-13

Flash サウンド

◆Flashサウンド再生のやり方

①タイムラインに埋め込み再生-ASで制御できない場合あり、あまり使わないやり方

②ストリーミング再生-
フレームの再生にサウンドを同期させる方法。アニメーションが停止すると停止。音質はあまりよくない

③リンケージ再生


◆ライブラリからサウンド再生

ライブラリに読み込み。読み込み方→

ActionScriptに書き出しにチェック、クラスに名前をかく。
(例)クラス:sound_x


※ASファイルは入りません。

flaファイルに、作ったクラス名で新規作成

var m01:sound_x = new:sound_x();

m01.メソッド



◆メソッド

play( 再生ミリ秒 , 繰り返し回数 , ボリュームとパン , );

・再生ミリ秒...サウンドの開始時間。

・繰り返し回数

ボシュームとパン...パンとは?→右と左のスピーカーの音量調節。

---------------- 参考サイト -------------------

F-site | 音声ファイルをFlashに取り込んでみよう
http://f-site.org/articles/2002/05/30000002.html

サウンドオブジェクト
http://www.geocities.jp/para_core/kouza/sd_obj.html
-----------------------------------------------

アマゾン和書/最新の情報