HTML5フレームワークにおける表示オブジェクトのパフォーマンス検証※検証結果は次のブログ記事にまとめていますので、まずはこちらを参考ください。 http://ics-web.jp/lab/archives/201 HTML5のフレームワークでどれが最もパフォーマンスがいいのか、移動・回転・拡縮・透明度・親子構造を扱う条件のベンチマークテストで試してみた。 続きを読む
F-site | 【連載】Starlingフレームワークを用いたStage3Dによる2Dアニメーション
【連載】Starlingフレームワークを用いたStage3Dによる2Dアニメーション 著者：野中文雄 Flash Player 11から搭載されている新しい描画機能Stage3Dにもとづいて作られたStarlingフレームワークについて、2Dアニメーション制作の基礎から応用までを解説します。 【連載】Starlingフレームワークを用いたStage3Dによる2Dアニメーション 第8回 Starlingフレームワークの実装に見るオブジェクトのリサイクル 全8回の短期連載「Starlingフレームワークを用いたStage3Dによる2Dアニメーション」は今回が最後になります。そこで、少し視点を移して、Starlingフレームワークの使い方でなく、Starlingのクラスがどのようにつくられているかを見てみます。具体的には、Stage3Dの速さを活かすため、どう最適化がはかられているかを確かめます
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■
Starlingのパフォーマンス最適化 | Harayoki's
Starlingのパフォーマンス最適化 翻訳 元記事 Performance Optimization ※かなり意訳が入ってるので、大枠をつかみたい人にしかお勧めできない翻訳です。 そのうち誰かきちんとした翻訳/解説をするでしょう。。 ■レンダリング状態の変化を少なくする (テクスチャ設定を切り替えない、アルファや着色設定、ブレンドモードを(使ってもいいが)切り替えない) Starlingは今までのバージョン(1.0?)では、1つの描画オブジェクトごとにGPUに描画命令を送っていた。 そのため、早期リリースすることが可能だったのだが、さらなるパフォーマンス向上のためには GPUに対してはまとめてたくさんのデータを1度に送信する必要がある。 新しいStarlingではたくさんの描画オブジェクトを1つにまとめてからGPUに送るようにしている。 しかし、それが有効となるのは、それぞれの
wonderfl build flash online
wonderflは、サイト上でFlashをつくることのできるサービス。 通常Flashをつくるためには、Flash IDEやFlex、FlashDevelop等といったツールを使って、コードを書き、コンパイルする必要がありますが、wonderflでは、サイトにあるフォームにActionscript3のコードを書けば、サーバサイドでコンパイルを行えます。 つまり、ブラウザさえあれば、Flashをつくれます。コンパイル結果はサイト上に表示され、作成されたFlash（swf）はページ上に自動的に表示されるので、完成したFlashをリアルタイムに見ながらコードを書くことができます。 ※APIとして、はてな OpenIDを使用してネットにさえつながれば、誰もがFlashクリエイターになれます。世界中のFlashクリエイターがユーザーになるwonderflは、 文字通り、世界のFlash図鑑となってい
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
FlashでStage3Dコンテンツを作るならおさえておきたい、各種3Dライブラリ徹底比較 - ICS MEDIA
2013年5月26日、Stage3Dオンラインカンファレンスが開催されましたが、各種3Dライブラリについてまとまった情報が欲しいなと思ったのでブログ記事にしてみました。Flashを用いた3Dコンテンツを導入するにあたり、3dsMax, Maya、Cinema4Dなどの3Dモデル作成ツールとの親和性、GUIで直感的に作成できるシーン構築ツールなどに重点を置いて解説します。 Away3D http://away3d.com/ Adobeと非営利な活動として提携している。3dsMaxとの親和性が高くユーザー数が多い。シーン編集ツールAwayBuilderが登場し、日々進化を続けています。 3Dツールとの親和性 公式では3dsMaxを推奨。3dsMaxのエクスポータープラグインを備えています。（後述のSEA3Dと組み合わせると強力） Blender, Maya, Cinema4D用のスクリプトが提
wonderfl build flash online
wonderflは、サイト上でFlashをつくることのできるサービス。 通常Flashをつくるためには、Flash IDEやFlex、FlashDevelop等といったツールを使って、コードを書き、コンパイルする必要がありますが、wonderflでは、サイトにあるフォームにActionscript3のコードを書けば、サーバサイドでコンパイルを行えます。 つまり、ブラウザさえあれば、Flashをつくれます。コンパイル結果はサイト上に表示され、作成されたFlash（swf）はページ上に自動的に表示されるので、完成したFlashをリアルタイムに見ながらコードを書くことができます。 ※APIとして、はてな OpenIDを使用してネットにさえつながれば、誰もがFlashクリエイターになれます。世界中のFlashクリエイターがユーザーになるwonderflは、 文字通り、世界のFlash図鑑となってい
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
Stage3D勉強会 : Starlingフレームワークの最適化
index 01 状態の変更をできるだけ少なく 02 表示オブジェクトの描画を最適化する 03 Spriteオブジェクトのフラット化とQuadBatchクラス 04 Starlingフレームワークを最適化するActionScriptの設定 Starling Wiki「Performance Optimization」(パフォーマンスの最適化)を題材として、おもな内容の紹介と考察を加える。 01 状態の変更をできるだけ少なく 画面に描かれる表示オブジェクト(DisplayObject)を代表するのがQuadオブジェクト。テクスチャを表示するImageオブジェクトもQuadクラスを継承する。 01-01 状態を決めるプロパティ Starlingは多くのQuadオブジェクトを、できるだけまとめてGPUに送ろうとする。ところが、異なる「状態」(state)のQuadオブジェクトがあると、「状態の変
StarlingMVC
StarlingMVC Framework StarlingMVC is an IOC framework for use in games built using the great Starling framework. Closely modelled after established IOC frameworks like Swiz and RobotLegs, StarlingMVC features: Dependency Injection(DI)/Inversion of Control(IOC) View Mediation Event Handling Stays out of the way of your Starling game code Simple configuration Easily extended More utilities to help w
誕生日プレゼントにStage3D(Starling)を使ってスマホアプリを作ってみた - 毒蛇は急がない
6月に誕生日をむかえる弊社スタッフ2人の誕生日プレゼントにスマホ用のゲームを作りました。 経緯 5月の僕の誕生日に、スタッフがプチコンmkIIを使って、DSで動作する「よちよち仮面の挑戦状」というゲームを作ってくれました。 僕が好きな8bitっぽいレトロな雰囲気が漂うアクションゲームで、主人公キャラは弊社キャラクターのふにゃもらけ。そして、内輪ネタがふんだんに盛り込まれている敵キャラの数々。 忙しい合間をぬって作ってくれたこともあり、33年間 生きてきて今までもらった誕生日プレゼントの中でも、一番うれしいプレゼントでした。 その「よちよち仮面の挑戦状」の開発において中核を担ったプログラマの誕生日が6月。何をプレゼントするか悩んだ結果、ゲームのお返しはゲームしかないと思い、「よちよち仮面の挑戦状」をスマホアプリに移植することにしました。 なんでAIR？ ・AIRの開発に慣れているので ・An
[AS3] Starlingフレームワークを最適化するSpriteオブジェクトのフラット化とQuadBatchクラス
Starlingフレームワークで子インスタンスをもてるオブジェクトとしては、Spriteがもっぱら使われます。その子オブジェクトの見た目がしばらく変わらないときは、Sprite.flatten()メソッドを呼出すと描画が最適化されます。その描画を速めるために、おもに内部的に用いられるのがQuadBatchクラスです。Starling Wiki「Performance Optimization」に解説されていた内容から、ふたつの項目を採上げてご紹介します。 Starlingフレームワークは、表示リストのすべてのオブジェクトの状態を確かめて、毎フレームそのデータをGPUにアップロードします。 もし、子インスタンスの描画は変わらないというSpriteオブジェクトがあったら、Sprite.flatten()メソッドを呼出してください。Starlingは子インスタンスを予め処理して、データをGPUに
![[AS3] Starlingフレームワークを最適化するSpriteオブジェクトのフラット化とQuadBatchクラス](https://cdn-ak-scissors.b.st-hatena.com/image/square/a092edc21fa668dd8fd9d4117d5f1ea7812f16d6/height=288;version=1;width=512/http%3A%2F%2Ff-site.org%2Fogp_2013.jpg)
Stage3D勉強会 : Starlingフレームワークの基本とマウスイベント
01 Starlingフレームワークの基本 2次元の描画やアニメーションを、これまでのActionScript 3.0と同じスタイルで扱えるのがStarlingフレームワーク。つまり、Stage3DとActionScript 3.0標準のスクリプティングとを橋渡しする通訳の役目を果たす。 ADC OnAir「Stage3Dを学ぼう！Flashで2Dコンテンツ」(5月23日水曜日録画) Starlingフレームワークは、EventDispatcherクラスを皮切りに、それを継承して表示リストに連なるクラスがstarlingパッケージにActionScript 3.0定義済みクラスと同じ名前で定義されている。そのため、Starlingフレームワークのスクリプトをフレームアクションに書こうとすると、ActionScript 3.0定義済みクラスとの重複が起こってしまう。 F-site「Starl
Kitchen Sink Example - Foxhole for Starling - Josh Tynjala
Foxhole for Starling Kitchen Sink Example Please download or upgrade Adobe Flash Player to view this example.
[AS3] Starlingはじめました
投稿者：野中 文雄 | 投稿日：2012.01.25 | [AS 3][ActionScript][Tips][野中ゼミ] 「Starling」は、Flash Player 11の新しい描画機能「Stage3D」にもとづいてつくられた2次元の描画用フレームワークです。Flash Professional CS5.5でStarlingフレームワークを使ってみたい方のために、いくつか解説を書き始めました。これまでのまとめをご紹介します。詳しくは、それぞれの記事をお読みください。 01 まずはインストール Starlingフレームワークは、Flash Player 11の新しい描画機能Stage3Dにもとづきます。したがって、Flash Player 11の書出しができなければなりません。Flash Player 11は、次期バージョンのFlash CS6から正規サポートされる予定です。それまで
akihiro kamijo: Starlingアーカイブ
Stalirng の Web 標準版 ？ となるべく、Starling.js についての発表がありました。（Starling JS） 特に、デバイスのブラウザも含めてのクラスプラットフォームを意識したものだと思われます。その辺りの詳細は、来週の MAX でも聞けるかもしれません。 Starling.js の特徴は、Starling と同じ API が提供されるのはもちろん、それが TypeScript から利用できることです。名前は JS となっていますが、Starling.js のコードは基本的に TypeScript で書かれているようです。 そのため、クラスやインターフェースなどを使って AS3 で開発した既存のコードの再利用も、比較的容易にできそうです。 （もちろん、開発する側として JavaScript を使うという選択は可能ですが） また、現在は Canvas に依存している描
Starling を使った Flash コンテンツ表示の基本 - akihiro kamijo
Starling は Stage3D を利用した高速な 2D 描画の実現を目指したフレームワークです。以前の記事 （Starling （ActionScript 3 の 2D フレームワーク） のご紹介のつづき） で概要と簡単な使い方を紹介しました。 Starlig では、アニメーションに 3 種類の方法が使えます。今回から、何回かに分けて、それぞれの書き方を紹介します。従来の表示リストのアニメーションと比較してみて下さい。 開発環境の準備 Starling の開発環境は、Flash Player 11 と AIR 3 への対応が前提です。現時点では、唯一サポートされた環境である Flash Builer 4.6 の利用をお勧めします。 Flash Professional CS5 もしくは CS5.5 を使う場合は、以下の記事で紹介した機能拡張が便利です。 日本語版 Flash Prof
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
FN1301006 - Starlingフレームワークでカラーマトリクスフィルタを使う - Flash : テクニカルノート
http://www40.atwiki.jp/spellbound/pages/1685.html