DragonBones ドキュメント
ドラゴンボーンズは2Dのボーンアニメーションのためのオープンソースプロジェクトです。"ドラゴンボーンズデザインパネル"というスケルトンアニメーションの設定を行うパネルと、ActionScriptによるボーンアニメーション再生のためのライブラリで構成されます。 デザインパネルは実際にはFlashの拡張機能で作られているため、デザイナーが慣れ親しんでいるタイムラインアニメーション作成フローを基に2Dスケルトンアニメーションが効率的に作成できます。 従来のタイムラインアニメーション作成に基づいたワークフロー。 ボーン(骨構造)を適用することによって、アニメーションのクオリティを向上させ、正確で自然なものとします。また、すべてのボーンはプログラムから動的に制御が可能です。 ボーン個々に対してアニメーションの再生時間や再生までの遅延時間を設定することができます。これは、より少ないキーフレーム数で生き
FN1309003 - Starlingフレームワーク1.4の新しい機能 - Flash : テクニカルノート
2013年9月23日にStarlingフレームワーク1.4が公開されました。パフォーマンスの向上のほか。そのおもな内容を9月24日づけのblog記事「Starling 1.4」にもとづいてご紹介します。 01 概要 Starlingはこのリリース1.4でさらに磨きがかかりました。さまざまな手が加えられて、ゲームなどの処理はより速く、安定的になります。しかも、コードは何ひとつ書替えずに済みます。また、新しいAIRの機能もすべて対応しています。たとえば、テクスチャの4096×4096ピクセルのサポートやRectangleTextureクラス、16ビットテクスチャといった新しいオプション、あるいはAIR 3.9から可能になるiOSのバックグラウンドの実行などです。 02 パフォーマンスの向上 Starlingフレームワークすべてにわたって最適化を施しました。たとえば、つぎのような項目です。これま
Stage3D, Starlingを使ってWebcamを表示
WebcamをStage3Dで使う2回目。 今回はAdobe押しのStarlingを使ってみます。 あっAway3DもAdobe押しだったけ。 Main.as package { import starling.core.Starling; import flash.display.Sprite; [SWF(frameRate="60", width="640", height="480", backgroundColor="#DDDDDD")] public class Main extends Sprite { private var _starling : Starling; public function Main() { init(); } private function init() : void { var starling : Starling = new Starlin
Shape を表示し、背景を透過させる : Starling , AIR for iOS – mirrorboy
[actionscript3] package { import flash.display.BitmapData; import flash.display.Shape; import starling.display.Image; import starling.display.Sprite; import starling.textures.Texture; public class StarlingShape extends Sprite { public function StarlingShape() { super(); //Shape作成 var shape:Shape = new Shape(); shape.graphics.beginFill(0xD0D0D0,1); shape.graphics.drawRoundRect(0,0,100,200,100,200);
ParticleSystem - Starling Wiki
author: Daniel Sperldescription: Particle System for special effectscompatible: v2.0tag: particles, effects, 71squaredhomepage: https://github.com/Gamua/Starling-Extension-Particle-System This class provides an easy way to display particle systems. Particle Systems can be used to create special effects like explosions, smoke, snow, fire, etc. To provide that flexibility, it can be configured with
【連載】Starlingフレームワークを用いたStage3Dによる2Dアニメーション 第8回 Starlingフレームワークの実装に見るオブジェクトのリサイクル
全8回の短期連載「Starlingフレームワークを用いたStage3Dによる2Dアニメーション」は今回が最後になります。そこで、少し視点を移して、Starlingフレームワークの使い方でなく、Starlingのクラスがどのようにつくられているかを見てみます。具体的には、Stage3Dの速さを活かすため、どう最適化がはかられているかを確かめます。中でもとくに、オブジェクトの使い回しに注目して、Starlingフレームワークにかぎらず、ActionScript 3.0で使える技を拾っていきましょう。 01 Flashのパフォーマンスを高めるには 今年1月7日、Adobe Developer Connection (ADC)にKeith Gladstien氏による「Flashのパフォーマンスの最適化」という記事が掲載されました[*1]。CPU/GPUの負荷とメモリの消費をいかに適切な範囲に抑える
【連載】Starlingフレームワークを用いたStage3Dによる2Dアニメーション 第7回 StarlingフレームワークとBox2Dで物理演算シミュレーションを行う
今回は、Starlingフレームワークで物理演算エンジンとして「Box2DFlash」(以下単にBox2Dと呼びます)を使ってみます。Box2DはC++から移植された物理エンジンです。描画の速いStage3Dなら、物理シミュレーションの処理も期待できます。本稿では、Box2Dのv2.1aを用います。 サンプルファイル: スクリプト004と005 (Starling_07.zip/Flash CS6形式/約12KB) ダウンロードファイルには、Starlingフレームワークのライブラリは含まれていません。予めインストールしてください。 01 Box2Dを使うには Box2Dを実際に使い始める前に、いくつか準備や注意があります。まずは、Box2Dをインストールしなければなりません。Box2DFlashサイト(図001)の[Download]ページから「Box2DFlash 2.1a」のFlas
【連載】Starlingフレームワークを用いたStage3Dによる2Dアニメーション 第6回 Starlingフレームワーク1.3の新たなフィルタのクラスとトゥイーンのメソッド
2013年1月14日にStarlingフレームワーク1.3が公開されました。その中でも、表現の幅を拡げる新たなフィルタの機能について解説します。また、トゥイーンにも使いやすいメソッドがひとつ加わりましたので、簡単にご紹介しましょう。 サンプルファイル: スクリプト001と002 (Starling_06.zip/Flash CS6形式/約45KB) ダウンロードファイルには、Starlingフレームワークのライブラリは含まれていません。予めインストールしてください。 01 新たなフィルタのクラス 新たにstarling.filtersパッケージが加わり、ぼかし(BlurFilter)とカラーマトリクス(ColorMatrixFilter)のフィルタが備わりました(図001)。なお、FragmentFilterは基本クラスとしてフィルタの各クラスに継承され、FragmentFilterMod
【連載】Starlingフレームワークを用いたStage3Dによる2Dアニメーション 第5回 Starlingフレームワークでイベントリスナーを扱う
前回の「StarlingフレームワークのTweenクラスにおける最適化とJugglerクラスの実装」では、Jugglerクラスを用いたコールバックについてご説明しました。けれど、もちろんStarlingフレームワークでも、定義済みActionScript 3.0と同じようにイベントリスナーが使えます。そして、基本的な考え方には、違いがありません。ただ、具体的なイベントの扱いが異なったり、Starlingフレームワーク独自の工夫が加えられた部分もあります。今回は、そのあたりを中心に解説します。 サンプルファイル: スクリプト002と004 (Starling_05.zip/Flash CS6形式/約49KB) ダウンロードファイルには、Starlingフレームワークのライブラリは含まれていません。予めインストールしてください。 01 イベントリスナーはイベントオブジェクトを受取らなくてもよい
【連載】Starlingフレームワークを用いたStage3Dによる2Dアニメーション 第4回 StarlingフレームワークのTweenクラスにおける最適化とJugglerクラスの実装
前回の「StarlingフレームワークのTweenクラスによるアニメーション」では、TweenとJugglerのふたつのクラスを使ったトゥイーンアニメーションについて解説しました。今回もこのふたつのクラスを扱います。ただし、トゥイーンアニメーションのつくり方ではなく、TweenとJugglerクラスをお題として、Starlingフレームワークがどのように最適化をはかっているのか、その工夫や考え方についてご説明します。そして、TweenやJugglerクラスの実装も覗いてみます。今回は、中級者寄りの内容です。 サンプルファイル: スクリプト002と003 (Starling_04_002_003.zip/Flash CS6形式/約25KB) ダウンロードファイルには、Starlingフレームワークのライブラリは含まれていません。予めインストールしてください。 01 イベントをコールバック関数
【連載】Starlingフレームワークを用いたStage3Dによる2Dアニメーション 第3回 StarlingフレームワークのTweenクラスによるアニメーション
Starlingフレームワークには、スクリプトでトゥイーンアニメーションを行うstarling.animation.Tweenクラスが備わっています。ActionScript 3.0に定義済みのfl.transitions.Tweenクラスとは少し使い勝手が違います。StarlingフレームワークのTweenクラスを用いたアニメーションについてご説明します。 サンプルファイル: スクリプト003 (Starling_03_003.zip/Flash CS6形式/約25KB) ダウンロードファイルには、Starlingフレームワークのライブラリは含まれていません。予めインストールしてください。 01 [ライブラリ]のビットマップをステージに置く まず、トゥイーンアニメーションさせるインスタンスを、ステージに置かなければなりません。今回は、[ライブラリ]のビットマップからTextureオブジェ
Starlingフレームワーク1.3が公開
2013年1月14日にStarlingフレームワーク1.3が公開されました。強力な機能が加わるとともに、最適化もさらに進められました。 英文のblog記事「Starling 1.3」では、おもな新機能として4つ掲げられています。 01 フィルタ フィルタの機能が備わり、ぼかし(BlurFilter)とカラーマトリクス(ColorMatrixFilter)のフィルタが加えられました。BlurFilterクラスを使って、ドロップシャドウやグロー(光彩)も与えられます。 02 Tweenの強化 Jugglerクラスに新たにJuggler.tween()メソッドが備わりました。Tweenインスタンスをつくって、トゥイーンを定め、Jugglerオブジェクトに加えるというこれまでの3つの手順を、このメソッドでまとめてできます。さらに、Tweenオブジェクトは使い回すことで、最適化されています。 03
【連載】Starlingフレームワークを用いたStage3Dによる2Dアニメーション 第2回 Starlingフレームワークでスプライトシートを使う
Starlingフレームワークで用いるアニメーションは、スクリプトだけでつくらなければならない訳ではありません。ムービークリップシンボルにつくり込んだフレームアニメーションも、コンテンツにもってこられます。そこで使うのが、スプライトシートです。スプライトシートの書出しは、Flash Professional CS6から備わりました。 サンプルファイル: スクリプト004 (Starling_02_004.zip/Flash CS6形式/約168KB) ダウンロードファイルには、Starlingフレームワークのライブラリは含まれていません。予めインストールしてください。 01 ムービークリップシンボルから[スプライトシートを生成]する スプライトシートは、ムービークリップシンボルのフレームごとのアニメーション(図001)を、ビットマップイメージとしてまとめて書出したファイルです。Starli
【連載】Starlingフレームワークを用いたStage3Dによる2Dアニメーション 第1回 Starlingフレームワークで書く初めてのアニメーション
「Starling」は、Flash Player 11の新しい描画機能「Stage3D」にもとづいてつくられた2次元の描画用フレームワークです。ハードウェアの「GPU」を用いることにより、速くて滑らかな描画ができます。これから何回かにわたって、Starlingフレームワークによるスクリプティングを解説します。まずは、Stage3Dにインスタンスを置いて、簡単にアニメーションさせます。 なお、Starlingはオープンソースのフレームワークなので、予めダウンロードしてインストールしておかなければなりません。Starlingフレームワークのインストール方法については、FumioNonaka.com「Starlingフレームワークをインストールする」をお読みください。 サンプルファイル: スクリプト005 (Starling_01_005.zip/Flash CS6形式/約25KB) ダウンロー
Feathers UI
Cross-platform user interface components for creative frontend projects Dozens of UI controlsMix and match a variety of UI components, including buttons, sliders, toggles, scrolling lists, layout containers, navigators, and more. See all UI components → Cross-platformBuild stunning, GPU-accelerated user interfaces on a variety of platforms — including mobile devices, desktop computers, and web bro
Starling:Flash向けゲームエンジンStarling始めました | devlog [naru design]
前から気になっていたFlash用のフレームワーク「Starling」を触り始めました。 Starling Framework http://gamua.com/starling/ 次のiPhoneアプリ制作に向け、Starlingを使うとどんなことが出来そうか徐々に探って行きたいと思います。 少し前から触り始めたFlash Builder 4.6とともに使っています。 Flash Professional CS6でコーディングするよりも、プロジェクト全体が見渡しやすくて快適になりました。 サンプルプログラム 画面上に四角形を描いて、回転させる。 package { import flash.display.Sprite; import starling.core.Starling; [SWF(frameRate="60", width="320", height="240", backgr
![Starling:Flash向けゲームエンジンStarling始めました | devlog [naru design]](https://cdn-ak-scissors.b.st-hatena.com/image/square/2394eb4031b487258d7e3eab90773d06efcf03ba/height=288;version=1;width=512/http%3A%2F%2Fnarudesign.com%2Fdevlog%2Fwp-content%2Fplugins%2Fall-in-one-seo-pack%2Fimages%2Fdefault-user-image.png)
FN1304001 - Starlingフレームワークで物理演算エンジンNapeを使う - Flash : テクニカルノート
Starlingフレームワークで、物理演算エンジンを使ってみましょう。CPUの負荷が上がりやすい物理演算は、Stage3Dを試したい処理のひとつです。本稿は、使いやすさで注目されている「Nape」を採上げます[*1]。なお、Starlingフレームワークの基本的な使い方については「Starlingフレームワークを使う」をお読みください。 サンプルファイル: スクリプト004(CS6形式/Zip圧縮/約29KB) StarlingフレームワークとNapeのインストールおよび設定が必要です。 01 Napeをインストールする Napeはオープンソースの物理エンジンです。ダウンロードページから、SWCファイルが手に入ります(図001)。Starlingフレームワークには「AS3」のSWCを選びます。release版とdebug版とは、本稿のスクリプトを試すには、どちらでも構いません。 図001■
FlashでStarlingとBox2Dの連携デモ | ClockMaker Blog
新年あけましておめでとうございます。年末・年始にFlashのデモを数点ほど作成しましたので紹介したいと思います。 まずは物理演算エンジンBox2DFlashAS3 2.1 alphaとStage3D対応の2D描画フレームワークStarling 1.2を組み合わせたデモです。箱の中で8つの火の玉が回転する感じのものです。パーティクルと物理演算というのは負荷の高い処理になるわけですが、StarlingがGPUを使って高速にパーティクルを描画してくれるため、Box2Dと組み合わせても滑らかに再生することに成功しています。 Demo (要Flash Player 11.5) Source (ZIPファイル/Flash Builder用アーカイブ) こちらは上述のデモのプロトタイプです。パーティクルを使わずStarlingとBox2Dを組み合わせたものです。シンプルなのでソースコードが読みやすいと思
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Flash | Lightheadedness
Starlingフレームワークにおけるマウスイベントとインスタンスのドラッグ | ADC - Adobe Developer Connection