video_tutorial Archive

あぁ・・・。

dotFes で発表してきました。貴重な時間を割いて僕の授業に来てくださった皆さん、時間足りずにテンパってすいませんでした。

その反省プラス、教室に入りたくても入れなかった人もいらしたとのお話も聞きました（雨のせいもあって会場人多すぎなせいもあって）ので、このエントリでできるだけフォローさせていただこうと思います。何本かスクリーンキャストを作りましたので、もろもろ資料をダウンロードした上で見てもらえればと思います。

とりあえず今日の発表があまりにも・・・だったので、発表できなかった問題4も含め、帰宅後急遽作った動画です。動画の解像度低いとか、解説があやふやとかあれば後日撮りなおしとかも考えます。
（注：このエントリの続きにスクリーンキャストビデオを埋め込みまくっています。これってRSSリーダーとかで迷惑かかってます？大丈夫？）

Continue reading

注意！さくーしゃさんがコメントくださった中で、ちょっと-90度してるあたりでご指摘いただいたので、今回の degree 系の実装を変更するかもしれません。（TeraClock.as からは Degree 系を取っ払って元に戻して、作るとしたら別途 View に特化した（？）2D時計用クラスを作る感じがいいんでしょうかね？それとも TeraClock.as 中の-90処理を取っ払うだけ？MVのスマートな在り方みたいなのがよく分かってないんです僕。）

追記：上の点をふまえて、「上が0度」になるようにTeraClockライブラリを修正しました。下のチュートリアルビデオ中では、「針を右向き」に作っていますが、今のTeraClockライブラリを使う時は「針を上向き」に作るのが正しいです。ビデオを早く撮り直せばいいのですがスイマセン。
やり方としては WebDesigning 12月号に書いたアナログ時計の作り方を参考にしていただけるとベストです。

Flash で簡単に時計が作れる「TeraClock ライブラリ」に機能を追加しました。アナログ時計も簡単に作れます。

ライブラリファイルも含めたソース一式（CS3 形式）はこちら。あと、Spark のサイト内にも一応 TeraClock のページ作りました。

Continue reading

簡単に Flash で時計が作れる AS3 用ライブラリ「TeraClock」を公開しましたー。SparkProject 上で公開しています。
最近 THA さんの展示や APMT の発表を見て、時計が作りたくなった人もいるかと思いますのでどうぞお使いください。慣れれば新規ファイル作成から3分ぐらいで Flash 時計が作れます。あとは表現です。

Continue reading

「Web Designing 8月号」にて ActionScript ライブラリの設定方法を中心に記事を書かせていただきましたが、実際にライブラリを使っていくのは8月18日発売の次号（Tweener特集予定）からとなります。

それまでに退屈されてしまうのも寂しいので、練習台としてライブラリを作ってみました。どうぞ試しに使ってみてくださいませ。3行の ActionScript で簡単に炎が作れます！（※AS3用ライブラリです）

Continue reading

スクリーンキャストを作りました。あまりにグダグダなのでアップロードはやめておこうかと思いましたが、何もないよりは多少ましかもしれないのでアップしておきます。解説ビデオは74MB（20分～）もあるので、ブロードバンドかつ暇な人以外オススメできません。なにより解説しきれていません（泣）

「trick7.com blog: Progression をインストールしてタイムラインベースで作ってみたけどつまづくビデオ」

リンク先でも書いていますが、Progression には ActionScript ベースでの開発アプローチと、Flash タイムラインベースの開発アプローチがあります。タイムラインベースの開発は、クラスファイルを記述せずともアクセシビリティの高いサイトを作ることができるので、Flash 経験の浅い人でも使い勝手の良いサイトを効率よく作れます。シーンの管理がイメージできればあとあと理解しやすいかと思います。

また撮りなおします。この前はうまくできたのになぁ・・・

taka:nium 先生！2回も教えてもらったのに、こんなに覚えの悪い生徒で本当にごめんなさい。

追記：
ビデオ中盤で、全部のMCが左上に重なるのを回避するために「基準点をずらす」というカッコ悪いアプローチをしてしまいましたが、

<cast cls="ProfileBtn" index="10" x="15" y="20" />

という設定ができるんですって（via cellfusionさんの記事）。見落としまくりでお恥ずかしいｗ

前回のビデオの前に公開すべきでしたが、オープンソースの ActionScript エディタ「FlashDevelop」上でコードを記述し、ワンアクションで　Flash CS3 上からパブリッシュプレビューする方法をスクリーンキャストします。

グラフィックシンボルは Flash CS3 で作るけど、コード補完機能は便利そうだから外部 AS エディタを使いたいなという僕には魅力的な組み合わせです。

FlashDevelop は周りの人が結構使っていて、僕も最近やっと使い出したので詳しいことは全然分かりませんが、ビデオ内で実演している機能だけでも僕は感動できたので、その嬉しがっている様子をビデオにしてみたという感じです。

Continue reading

ActionScript 3.0 では僕のように難しいことをしないような制作者でも ロード対象となる XML の名前空間の処理に戸惑うこと必至です。僕はついでにポリシーファイルでもつまづきますが。。
今回はリクルートWEBサービスの API を題材にして、XML にアクセスできるまでをスクリーンキャスト（ビデオチュートリアルのことなんですが海外ではスクリーンキャストの方が浸透してるらしい）します。朝一で録音したので途中で痰がからんでいる箇所があったりするのですが勘弁してください。

Continue reading

昨日もお知らせしたFlashチュートリアルビデオサイト「gotoAndLearn.com」ですが、パーマリンクも貼れるようになったので、以前からやってみたかった「海外チュートリアルビデオに日本語音声をかぶせる」試みをやってみました。

今回はあくまで実験なので、実用性とか日本語解説の精度とかはご容赦ください。

Continue reading

前回のビデオチュートリアルで、自作 Flash ブログパーツを iGoogle ガジェット化しました。

今回は、はてなダイアリーが iGoogle ガジェットを貼れることを活かして、はてなダイアリーにできるだけシンプルに自作 Flash ブログパーツを貼付ける方法を実演しています。

Continue reading

Google オフィスに行けた記念に、もう少し Flash × Google ガジェット関連のエントリが続きます。

今回は MTL（メディアテクノロジーラボ）ブログに書いた記事をベースに、チュートリアルビデオを2本つくりました。
Flash を iGoogle ガジェットにする作業が、いかに簡単かが伝わればいいなと思っております。

Continue reading