タグ

ブックマーク / level0.kayac.com (32)

  • FlexBuilderプラグインBrueprintのススメ | _level0 - KAYAC Front Engineer Blog

    AdobeLabでBlueprintが発表されています。 BlueprintはFlexBuilder3のプラグインで、開発環境の中から直接ネット上にあるサンプルコードを検索・参照できるツールです。 さっそくいれてみました。 インストールの手順はこちらのページにまとまっているのですが、手順をおってやってみます。 1.ヘルプ>ソフトウェア更新>検索およびインストール を選択 2.インストールする新規フィーチャーを検索 を選択 3.新規リモートサイトを選択 4.ダイアログがでてくるので 名前:Blueprint URL:http://download.macromedia.com/pub/labs/blueprint/ を入力 5.Finishをクリックでインストール終了 インストールが終了するとツールバーに新しくアイコンが追加されます。 アイコンをクリックすると空の検索ボックスがでてきます。

    FlexBuilderプラグインBrueprintのススメ | _level0 - KAYAC Front Engineer Blog
  • マスクを動かすとLoader内の画像が消える!? | _level0 - KAYAC Front Engineer Blog

    はじめまして。アニメーションとASのハイブリッドFlasherを目指しています、閃光部新卒の安藤です。 アニメ、グラフィックなTipsからASまで、幅広いジャンルの記事を投稿していきたいと思っています。どうぞよろしくお願いします。 さて、外部画像をLoaderで読み込み、タイムライン上に配置されたMovieClipへ格納してアニメーションを付けていたのですが、そのMovieClipにマスクをかけてトゥイーンしたりすると画像が消えるという現象が発生し、しばらく悩んでしまいました。 どうやらマスクが別キーフレームになると表示が消えてしまうようなので、以下の方法にて対応してみました。 1)マスクのレイヤーをまとめて「フレームをカット」する 2)新規MCインスタンスを作成し、その中に先ほどのフレームをペーストする。マスク状態もペーストされるのでそれは外す。 3)作成したMCをマスクレイヤーに配置す

    マスクを動かすとLoader内の画像が消える!? | _level0 - KAYAC Front Engineer Blog
    soh335
    soh335 2009/06/13
  • 丸の中に丸を敷き詰める | _level0 - KAYAC Front Engineer Blog

    に写す変換で、この変換は円を円に写し、直線を直線に写します。 だから何? 数学的な話をすると、円と直線を保つことは非常に嬉しくて、 これを用いることで非常にエレガントに証明できてしまう初等幾何の 問題もあります。その中から シュタイナーの円鎖というものを紹介します。 大小二つの円があるとします。この二つの円の隙間を円で埋めてしまいたくなりますね(なりません)。 まずは、同心円の場合を考えます。円の隙間に円を埋めると言いましたが、小さい円の半径と周りに置く円の個数を決めれば大きい円の半径も 決まってしまうので実際には任意性みたいなのはありません。どうやれば、ぴったりくっつくか興味のある人は考えてみてください。 やってみたいけれど、時間が無いという方はこちらに計算式が載っています。

    丸の中に丸を敷き詰める | _level0 - KAYAC Front Engineer Blog
    soh335
    soh335 2009/06/10
  • 爆速!!!をyoutubeにアップしてみた|_level0.KAYAC

    あ ふ ぁ い ん ヘ ン カ ン ? ども 新卒との学力の差に愕然としているy=2x(shimada)です。 以前紹介した 爆速!!!"歩く"アニメーションの作り方 を見ながら 新入社員がアニメーションを持ってきたんですが、 イマイチ動きがおかしい・・。 いや説明が分かりにくいのか・・。 実際の制作過程をyoutubeにアップしたので、 "続きを読む"から動画をご覧ください。 ※鳥の羽ばたき 真横編は来週やります 動画の 1:40秒目でキーフレームを入れ替えていますが、 これは作り方を間違えて 後ろ向きに歩いてしまったからです。 最初に 腕を前ではなくて、 後ろに回転させるのが正解でした。 あと説明が ないと分かりにくいか。 うーん もっと分かりやすいtipsになるように改善していきます。

  • 重なる気持ち -台形補正- | _level0 - KAYAC Front Engineer Blog

    どもはじめまして、タローです。 flashとの出会いから早1年、flash好きが昂じてそのまま入社して2月目に入ろうとしている、2009新卒の新入社員です。 先輩のやっているコンテンツで計算のお手伝いをしたことがあったので、今回は座標変換のお話について少ししようと思います。四角形と四角形がぴったり重なりあいたいという気持ちをどう説明するか、ということで「アフィン変換」と「射影変換」のお話をします。図やサンプルもつけてみましたので是非ご覧下さい。 アフィン変換って? 詳しくは、livedocsのMatrixのところにある図のような変換が出来て、任意の平行四辺形から任意の平行四辺形への変換が可能です。つまり、平行な直線が平行な直線に移るような変換です。

    重なる気持ち -台形補正- | _level0 - KAYAC Front Engineer Blog
  • Flasher が iPhone (iPod Touch) アプリを作ってみた。 | _level0 - KAYAC Front Engineer Blog

    ひっそりと iPhone (iPod Touch) アプリを作り、こっそりと申請し、人知れず「いつ発売になるの!?pending contract になったらどうしよう><」と胸を高鳴らせていたのですがついに発売になりました! GravSynth (重力シンセ) というアプリです。 ブッコミイレブン説明ページ iTunes アナログシンセをつかった楽器アプリになっています。(なかなか楽しめるものになったと思うので買っていただけると目から鼻血が出るほどうれしいです!) さて、Flasher が iPhone アプリを作る際のコツ?とかそういったものをちょっとずつ書いていきたいと思います (とはいってもなんせ自分も初心者なんでそれ間違っている!とかツッコミ大歓迎です)。 まず、最初に知った開発言語に関する勘違い。 iPhone → Objective-C だと思っていたのですが、C も C++

    Flasher が iPhone (iPod Touch) アプリを作ってみた。 | _level0 - KAYAC Front Engineer Blog
  • 爆速!!!

    突然ですが問題です。 この直線と曲線の点線のアニメーションですが、 それぞれどれぐらいの時間をかけて制作しているでしょう。 正解は"続きを読む"から! 何て事は言いません。 両方ともだいたい30秒です。 直線の方を30秒で作れる人は多いと思いますが、 曲線は難しいのではないでしょうか。 今回はadobeもビックリの制作方法をご紹介します。 普通に作ろうと思ったら、 点線を少しずつずらしてループさせれば出来上がりなんですが、 この作り方だと直線は出来ても、 曲線のアニメーションは出来ません。 そこで flashの破線の特性を利用します。 線を伸ばす長さにによって破線の動く長さも変わるので、 少し慣れは必要です。 これで小便小僧の小便もかんたんにアニメーションできます! ちなみに flash8までであればどちらの方向から線の長さを変えても破線はズレます。たしか 昔アニメーションを作っていて、

    爆速!!!
  • 爆速!!!"歩く"アニメーションの作り方|_level0.KAYAC

    アニメーションの作業を人に頼んだときに 相手のセンスとスキルを測れる動きがあります。 それが"人の歩行" なぜ"人の歩行"かというと、 ・誰でも毎日見る動きなのでモチーフとして公平。 ・表現するには観察力が必要。 ・自分をモデルに出来る。 ・モーショントゥイーン(クラシックトゥイーン)の特性をある程度理解している必要がある。 という理由です。 そんなセンスとスキルがモロバレになるアニメーションでも、 コツさえつかめば3分で作れる魔法のtippsを今回はご紹介。 ちなみにCS4から今までの "モーショントゥイーン"が"クラシックトゥイーン"になりましたが、 細かい動作が必要な場合には"クラシックトゥイーン"が向いているように思います。 今回紹介するtippsも"クラシックトゥイーン"で制作しています。 前置きが長くなりました。 続きを読む ココがポイント タイムラインをコピーして逆に動く手と

    爆速!!!"歩く"アニメーションの作り方|_level0.KAYAC
    soh335
    soh335 2009/04/23
  • 【Progression】Singletonパターンを使ってどのシーンからも変数を参照できるようにする。 | _level0 - KAYAC Front Engineer Blog

    【Progression】Singletonパターンを使ってどのシーンからも変数を参照できるようにする。 こんにちは、さいきん深夜のドライブが日課のkijimaです Progressionで実装していると、どのシーンからも共通の変数にアクセスしたいことってでてきますよね。 以前twitter(otoyasumi)で「どのシーンからもアクセスできるようにはみんなどうしてるんかなー?」ってつぶやいてたらikedahidenoriさんが「データ保持用のクラスつくってSingletonパターンでアクセスしてます」と仰ってたので、それがラクそうだなと思って僕もその方法で実装してみました。 と、そのまえにSingletonパターンについて たとえば、ユーザー登録してログインするFlashコンテンツでいうところのユーザーIDやニックネーム、あと各クラスで使いまわす共通するパラメーターがあったとします。

    【Progression】Singletonパターンを使ってどのシーンからも変数を参照できるようにする。 | _level0 - KAYAC Front Engineer Blog
  • もうみんなProgressionやればいいのに、と思う今日この頃。 | _level0 - KAYAC Front Engineer Blog

    おはようございます、kijimaです。つい先日、初めての体験をふたつしました。 ひとつめは、ライブでドラムを叩きながらメインで歌をうたうという芸当。目の前にマイクがあると叩きづらいし、離れると声を拾わないしでなかなか大変ですね。ちなみにSpecial Othersをやりました。 そしてもう一つは今回の題です。 お恥ずかしながら、つい先日やっとProgressionデビューしました。 例によって、家サイトからダウンロードできるクラスベースでのサンプルをまず触ってみて、それをもとに実装していったのですが、シーン遷移、コマンドについてなどハマった点など思い出しつつ数回にわけてまとめてみたいと思います。(Progressionのバージョンは 3.0.7) ※今回の記事ではProgression自体のインストール方法は割愛します。 インストール方法は下記ページをご覧下さい。 Progressio

    もうみんなProgressionやればいいのに、と思う今日この頃。 | _level0 - KAYAC Front Engineer Blog
  • 【デバッグ強化週間】log.asを使ってFirebugのコンソールにデータを出力! | _level0 - KAYAC Front Engineer Blog

    今年も沢山雪が降ってくれる事をねがっている、ナックルです! デバッグ強化週間ということで、私はlog.asを使ってみました。 log.as といっても、Firebugのjsをたたいて、コンソールに表示させるというものです。 設定も簡単!! import flash.external.ExternalInterface; ExternalInterface.call('console.log', "Flash から コンソールに!!"); あとはHTMLをFireFoxで開けばOK! あ、もちろんFirebugが入ってないとダメですよ!Firebugのバージョンですが、1.2だとたまにスルーされて出力されない事があるので、Firebug 1.3.0a4以上にして下さい。ダウンロードはここから。 それと、HTMLで注意なんですが、HTMLに一つもjsのインポート文がない場合、コンソールに出力さ

    【デバッグ強化週間】log.asを使ってFirebugのコンソールにデータを出力! | _level0 - KAYAC Front Engineer Blog
  • 【デバッグ強化週間】3分でできるデバッグ環境! ThunderBolt AirConsoleまとめ | _level0 - KAYAC Front Engineer Blog

    AIRってなんでトレース出ないの。。。 そう、組み始めるまで忘れてるんですよね。 まさか、 function log(mes:String){ debug_txt.text+=mes+"\n"+"----"+"\n"; } log("hogehoge") //output hogehoge いや、、無いなー・・・・という時に。 3分でもろもろセットアップ。はい、いきます。 http://code.google.com/p/flash-thunderbolt/downloads/list AirConsoleを落としてインストール。いつのまにやら2.1になってアップデータついてますね。 AIRを立ち上げて、flashlog.txtをドラッグ Win C:\Documents and Settings\ユーザー名\Application Data\Macromedia\Flash Player

    【デバッグ強化週間】3分でできるデバッグ環境! ThunderBolt AirConsoleまとめ | _level0 - KAYAC Front Engineer Blog