タグ

actionscriptとprogressionに関するsibaoyuのブックマーク (7)

  • 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
  • 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
  • Progression™ > ドキュメント

    コンポーネントスタイルガイド スクリプトを使用せずに、ドラッグ&ドロップ操作のみでコンテンツを制作したいデザイナー / アニメーター向けの制作ガイドです。 シーンを作成する ムービークリップを作成する ボタンを作成する プリローダーを作成する パブリッシュ / アップロードする タイムラインスタイルガイド タイムラインアニメーションと ActionScript 2.0 に近いコーディング形式でコンテンツを制作したいデベロッパー向けの制作ガイドです。 初期化する シーンを作成する ムービークリップを作成する ボタンを作成する イベントを設定する コマンドを設定する パブリッシュ / アップロードする

  • Progressionでコンポーネントスタイルにクラスを連携させる – 宇都宮ウエブ制作所

    こんにちは。最近引っ越しましたが取引先にまだ挨拶を済ませていない正宗です。前回に引き続きProgressionの話題をしたいと思います。 Progressionではスクリプトを一切使わない「コンポーネントスタイル」やタイムラインスクリプト派の「タイムラインスタイル」、クラスでわしわし書きたい人向けの「クラススタイル」など制作者のスタイルにあわせたとても柔軟な開発スタイルが用意されていますが、今回はその中でも「コンポーネントスタイル」と「クラススタイル」を連携させた開発手法についてまとめてみました。 はじめに そもそも「コンポーネントスタイル」と「クラススタイル」の連携とはなんぞやという説明ですが、ひとつのサイトを作る上でデザイナーやアニメーターは「コンポーネントスタイル」を、プログラマーは「クラススタイル」をそれぞれ用いながら、同時にサイト制作を行えないかと考えてあみだした必殺技です。 P

    Progressionでコンポーネントスタイルにクラスを連携させる – 宇都宮ウエブ制作所
  • Progression拡張機能「AutoSitemap」をリリース | ClockMaker Blog

    extends Progression 拡張機能で Web Designing賞を受賞した作品「AutoSitemap」ですが公開しましたのでお知らせします。 これは、Progressionで作られたウェブサイトに対して、開発者の負担なくサイトマップを実装する拡張機能です。サイトマップ設置によるユーザビリティー向上と、開発時の効率化が目的の拡張機能となります。 サンプル サンプルサイトを見る サンプルサイトのソースファイル(Flash CS4プロジェクト) ライブラリ ソースファイル (MITライセンス・動作仕様はProgression4/Flash CS3以上) ※追記2010年7月12日:Progression4に対応させました。Progression3で利用する場合は、開発用SVNから1.x系のバージョンをダウンロードください。 概要はこんな感じ ライブラリの主な用途や、使い方は次の

    Progression拡張機能「AutoSitemap」をリリース | ClockMaker Blog
  • Progression 向けの拡張トランジション「ClockMaker Effects」 | ClockMaker Project

    ClockMaker Effects とは ClockMaker Effects は Flash でクールなトランジション効果を手軽に作成できる Progression™ 用の拡張機能です。エフェクト内部に3Dライブラリ「Papervision3D」を組み込んでおり、ActionScript を書かなくてもステージにドラッグ&ドロップで設置し設定するだけで簡単に3Dエフェクトが使用できるようになります。 サンプル ご利用にあたって ご使用のブラウザ環境では、サイトが正しく表示できない可能性があります。 以下の注意点を確認し、必要な設定を行った上で再度表示してください。 ブラウザの JavaScript 設定を有効化してください。 最新の Adobe Flash Player をインストールしてください。 ClockMaker Effects を利用した Progression 3 サンプ

  • 第4回 Progression3でWebサイトを作る(前編) | gihyo.jp

    お待たせしました! いよいよ今回よりProgression3を利用してWebサイトの作成を行っていきます。 今回は非常に簡単なサンプルサイトの作成となりますが、それでも非常に少ない労力でフルFlashのWebサイトが作成できるということを実感していただければ幸いです。 冗長となってしまうのを避けるため、既に用意してある素材を元に制作します。 以下より、元素材となるプロジェクトファイル一式をダウンロードしてください。 プロジェクトファイル それでは始めてみましょう。 まず、サイト全体をどのような構成にするかを考えます。 この作業は、Progressionのシーン機能をどのような構造にするかを決定するために必要な作業です。 今回は以下のような構造で作成することとします。1項目を1つのシーンとし、前編では子シーンまでを作成します。 図1 今回作成するWEBサイトの構造 キャストクラスの準備 キャ

    第4回 Progression3でWebサイトを作る(前編) | gihyo.jp
  • 1