タグ

tutorialに関するflabakaのブックマーク (7)

  • http://en.nicoptere.net/

    flabaka
    flabaka 2009/04/29
    何だか面白そうなサンプルいろいろ
  • Flashのフレームワーク「Progression3」を始めてみよう! 記事一覧 | gihyo.jp

    運営元のロゴ Copyright © 2007-2025 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容の全部あるいは一部を無断で利用することを禁止します⁠。個別にライセンスが設定されている記事等はそのライセンスに従います。

    Flashのフレームワーク「Progression3」を始めてみよう! 記事一覧 | gihyo.jp
    flabaka
    flabaka 2009/03/25
    Progressionのコトハジメ。
  • 3Dの実装を1からやってみる | _level0 - KAYAC Front Engineer Blog

    その3-カメラと座標変換の意味 やっぱり3d感をだすなら視点の移動があったほうがいいなと思って3D演習その3 +Camera3Dの回転ではカメラを実装してみました。といっても、カメラの位置の分だけ座標のオフセットを取ってから計算するだけです。さらに回転させたくなってきたのでがんばってみました。カメラ位置のオフセットを取ったあとに、カメラの角度のぶん回転させることでカメラからみた座標系に変換します。 座標の回転はアフィン変換をつかいます。よく3Dのチュートリアルには必ずこの式が出てくるんですが、ずっと意味がわかりませんでした。これははっきりいってカメラなど使わなければ3Dの投影そのものには関係ないです。3Dの奥行きを付けたいだけなら、その1にあるZ軸のパラメータとパースの式だけわかれば問題ありません。 また、ここでDisplayObject3D、Scene3D、Camera3Dとオブジェクト

    3Dの実装を1からやってみる | _level0 - KAYAC Front Engineer Blog
    flabaka
    flabaka 2009/03/25
    3Dのコトハジメ
  • ProgressionとPapervision3Dの連携 No.02 | ClockMaker Blog

    前回はPapervision3DとProgressionを連携させてみようということで、PV3DにProgressionのシーン(ページID)を割り振る事を試しました。 ただ、PV3Dと連携させるにあたってやや冗長にスクリプトを書く必要があり、世界観を作り込んだPV3Dのフルフラッシュサイトになると根気がいりそうな気配を感じておりました。私が当にやりたいのは、そんな根気はなくても手軽にクールな演出がProgressionでできるというものです。 Progression公式ブログで掲載されているスライドショーの7ページを拝借(勝手に引用してすみません!)。私の理想系は画面AとBは作られていて、その遷移のトランジションがPapervision3Dというもの。 前回の例は画面AもBもPV3Dで作られていて、それを力技でProgressionと結びつけるということになってました。いずれはそれも簡

    ProgressionとPapervision3Dの連携 No.02 | ClockMaker Blog
    flabaka
    flabaka 2009/03/25
    ProgressionとPapervision3Dの連携・その2
  • ProgressionとPapervision3Dの連携 No.03 : 3Dの画面遷移エフェクト完成 | ClockMaker Blog

    [追記] 08.12.16 この記事をもとに Flash でスクリプト不要の 3D トランジション効果 ClockMaker Effects という拡張コンポーネントを作成しました。コンポーネントのほうが使い易くエフェクトも強力になってますので、上記リンクをご覧ください。 汎用3Dライブラリの「Papervision3D」と画面遷移がスマートに作成できる人気のフレームワーク「Progression」を組み合わせるシリーズ3回目です。ついに画面遷移に3Dエフェクトを適用することができました。それもちょっとした設定で色んなプロジェクトにも利用できるように”それっぽく”クラス化しています。まずはサンプルをご覧ください。 demo (要Flash Player 9) ZIPのソースファイル(Flash CS3) 使用したライブラリはこちらからDL下さい。 progression 3.0.7 pap

    ProgressionとPapervision3Dの連携 No.03 : 3Dの画面遷移エフェクト完成 | ClockMaker Blog
    flabaka
    flabaka 2009/03/25
    ProgressionとPapervision3Dの連携・その3
  • ProgressionとPapervision3Dの連携 No.01 | ClockMaker Blog

    昨日のブログでF-siteセミナーにいったことをレポートしましたが、学んだ事は忘れないうちに復習するということでAS3フレームワークの Progression を試してみたいと思います。敢えて説明するまでもないと思いますが、Progression とは Flash の画面遷移をスマートに作成できる Flasher 向けのフレームワークです。 ということで作成したものは Papervision3D を Progression 3 Progression 4 で制御するというもの。 demo (要 Flash Player 9) ブロックをクリックすると Scene が切り替わるように設定しているので、URL のアンカーが切り替わります。もちろんアンカーからページに入るとSceneが復元されそのブロックが表示された状態になります。例えば紫のブロックのリンクはこちらです。以下は技術的な解説です。

    ProgressionとPapervision3Dの連携 No.01 | ClockMaker Blog
    flabaka
    flabaka 2009/03/25
    ProgressionとPapervision3Dの連携・その1
  • 15分でできる! Progressionでスライドショーを作るチュートリアルビデオ | ClockMaker Blog

    Progression でスライドショーをオーサリングするチュートリアルビデオを作成してみました。 [Progression4]15分で作るコンポーネントスタイルサンプル from clockmaker on Vimeo. ※ビデオが小さいと思ったら、フルスクリーンボタンを押してみてください 作る際の前準備 Flash Professional(CS3以上) を用意する Progression をインストールする 適当な写真を用意する(400×300の写真を4枚用意) アクションパネルは一度も開いてません このチュートリアルでは Progression のコンポーネントスタイルで作りました(流れを覚えるには公式サイトのガイドが参考になります)。ビデオを見れば分かる通り、一度もスクリプトのパネルを開かずに Flash を作り上げることができました。「Flash はスクリプトでつまずいた」とい

    15分でできる! Progressionでスライドショーを作るチュートリアルビデオ | ClockMaker Blog
    flabaka
    flabaka 2009/03/25
    Progressionのコンポーネントを使って、スライドショーを作るチュートリアル
  • 1