島村電気 二子玉川店
2014/12/14 17:07 | Category 二子玉川RISE.音楽 | Comment (0)
二子玉川ライズ クリマスマスLIVE
2014/12/14 17:00 | Category J-POP.二子玉川RISE.音楽 | Comment (0)
上原ひろみ ザ・トリオ・プロジェクト アンソニー・ジャクソン&サイモン・フィリップス
2014/12/6 21:33 | Category JAZZ.東京国際フォーラム.音楽 | Comment (0)
五穀ひじきと豆腐のハンバーグ 野菜あん定食
2014/12/2 20:16 | Category 二子玉川RISE.食事 | Comment (0)
Al Jarreau
2014/11/19 23:02 | Category AOR.JAZZ.Music.音楽 | Comment (0)
White KITTE
2014/11/17 7:37 | Category イベント.クリスマス | Comment (0)
二子玉川ライズ、クリスマスイルミネーション点灯式。
2014/11/15 17:31 | Category Live.Music.クラッシック.二子玉川RISE.音楽 | Comment (0)
たまがわ花火大会2014
2014/8/23 19:35 | Category 二子玉川.花火大会 | Comment (0)
jQuery 背景BGアニメーション
2014/8/8 2:38 | Category Webサイト制作.Web関連メモ | Comment (0)
久しぶりの更新。
なんとか、生きています(^_^;;
最近、よく気になるWebサイトをMac Book Airに残したまま、電源をオフしないで、そのまま放置している事が多い。
ブックマークだと忘れるし、と思いブログにメモろうと思った。
今日は以下のサイトの背景が動くのが、どのjQueryを使ってるのか？と調べていて、いろんなサイトを見て行った結果、いろんな気になるサイトが出てきたのでめもメモ。
●株式会社 スタジオエイエス
このサイトの背景が動いている仕組みが知りたかった。
Google Chromeの『要素の詳細』で調べたが、なかなか分からなかった。
クラス名『bganim』 でググってやっと判明。
●LiVE2 fot Website
http://www.digitalstage.jp/live/
http://www.digitalstage.jp/live/about.html
というソフトのBGアニメーションという機能が使われているみたい。
●LiVE2 fot Websiteの機能
http://www.digitalstage.jp/live/function/
という所に同じ画像があって確信。
しかし、このソフト、すごいな。
背景を動画にしたり、インパクトが大きい表現が簡単に出来るみたい。
21,394円のところを、5%引きで20,366円らしい。まぁ、そんなモノかな。
●こんなサイトが作れるらしい。
http://www.digitalstage.jp/live/gallery/
http://live2.digitalstage.jp/model/bg_animation/
●ついでに、ググっている間に見つけた星を動かすサイト。
http://detarame.moo.jp/sample/bgautoscroll1.html
まっ、jQueryの基本的な考え方は一緒だと思う。
もうちょっと、調べていきたい。
Action Acript3.0 映像トレーニング3
2013/4/6 16:13 | Category Action Script3.0 映像トレーニング | Comment (0)
■56.Action Scriptでアニメーションを制御する
(56-12)目標に向かって進ませる[4]
(56-13)ムービークリップ同士の重なりを判定する。
//■重なり判定
if( girl_mc.hitTestObject( boy_mc) ){
boy_mc.gotoAndStop( 2);
}
else if( girl_mc.hitTestObject( fountain_mc) ){
fountain_mc.gotoAndStop( 2);
}
else if( girl_mc.hitTestObject( dog_mc) ){
dog_mc.gotoAndStop( 2);
}
else if( girl_mc.hitTestObject( home_mc) ){
home_mc.gotoAndStop( 2);
back_mc.gotoAndStop( 2);
}
else{
boy_mc.gotoAndStop( 1);
fountain_mc.gotoAndStop( 1);
dog_mc.gotoAndStop( 1);
home_mc.gotoAndStop( 1);
back_mc.gotoAndStop( 1);
}
■59.AIRアプリケーションを作成しよう！
(Chapter13)
59-1.AIRランタイムのインスートール
/ AIRアプリケーションのインストーラーを作成する
(1)Adobe AIRをインストールする
http://get.adobe.com/jp/air/
(2)Flashデータ
ch_work_01.fla
ch_work_01.swf
map.swf
menu.swf
movie.swf
photo.swf
skinOverPlaySeek.swf
./start/ch06_01.flv
(3)AIRで書き出し
★パブリッシュ設定 [ctrl+Shift+F12]
[Flash]->[Player]->[AIR2.5]
OK
※CS6
[パブリッシュ設定]ダイアログボックスの[ターゲット]を[AIR 3.2 for Desktop]に設定し、[OK]ボタンをクリックしてください。
crlt+[ENTER] ムービープレビュー
Adobe AIR形式のアプリケーションで再生される。
ch13_work_01-app.xml
(4)AIR2.5の設定
[ファィル]->[AIR2.5設定]
※CS6 [AIR3.2 for Desktop設定]になっている。
●アプリケーションとインストーラーの設定
▼一般
出力ファイル ch13_work_01.air
[]Windowsインストーラー チェック無し
バージョン 1.0 (バージョン管理)
ウィンドウスタイル : システムクローム
含めるファイル
ch_work_01.swf
ch13_work_01-app.xml
+ ボタンで追加
map.swf
menu.swf
movie.swf
photo.swf
skinOverPlaySeek.swf
./start/ch06_01.flv
▼署名
コードサイニング証明書
[作成] をクリック。
「自己署名の電子証明書を作成」
AIR 電子署名
パスワード : 学籍番号
[参照]から場所を指定して作成。
このセッション中はパスワードを保存する [チェック]
タイムスタンプを付加する。 [チェック]
・・・ チェックで5年間有効になる。
▼アイコン
16 32 48 128 iconフォルダより指定。
▼詳細
初期ウィンドウ
[]最大化を有効にする
[チェック]最小化を有効にする
[]リサイズを有効にする
[チェック]起動後に表示する
★[パブリッシュ]でAIRアプリケーションを作成！！！
★ch13_work.air が作成されるので、ダブルクリック！！！
(アプリケーションのインストーラー)
[アプリケーション]->[ch13_work_01]
というアプリが完成！！！！！！
最終的なアプリケーションは、AIR無しのPCでも動くのだろうか？？？