本日、サイボウズラボにて、Shibuya.abc#1が開催され、無事終了致しました。色々と協力してくださったTAKESAKOさん、nishioさん、そして発表してくださった変態の方々、見に来てくださった変態の方々、本当にありがとうございました。予想以上に楽しかったと僕は感じてるんですがどうでしょう?なんだかんだ言って皆かなりABC的な話で盛り上がってましたね。以下簡単レポ。 Shibuya...
数年前まで、Flashと言えばデザイナが絵やアニメーションを作り、そこにちょっとしたインタラクティビティを持たせるためのツールという見方が一般的でした。しかし、昨年あたりから急激に「えっ!?こんなことがFlashでできるの?」というようなコンテンツが増えてきています。このようなコンテンツが現れはじめた原因は、言語仕様が一新されたActionScript 3による高いパ...
『 :この3Dのまとめはステキ 』
「3D、ゲーム、物理エンジン、トゥイーンなど、ActionScript3用便利ライブラリ集:phpspot開発日誌」に Spark project 系のものがひとつもなくて絶望した (元記事が海外だから仕方ないのだけど) ので、Spark project にコミットされてるライブラリをミックスして整理し直してみたよ!!とりあえずトップに載っているやつを中心に加えたけど、リポジトリを見ると更に色々あったりしますです...
Adrian Parr’s Blog Blog Archive AS3 Code Libraries3D、ゲ...
Web Designing (ウェブデザイニング) 2008年 09月号 [雑誌] そろそろ書店に出ているはずの「Web Designing 9月号」に、AS3 ユーザー御用達のトゥイーンライブラリ「Tweener(トゥイーナー)」を覚えよう!的な記事を書かせていただきました。 前号と合わせてお読みいただき、「ActionScript ライブラリごっさ便利!」と発見していただけると嬉しいです。 ライブラリ初心者の方対象です 既に使...
先週からちらほらと話題になっているのですが、ActionScript の元となっている言語仕様である、ECMAScript の新しいバージョンとして仕様が策定されてきた ECMAScript 4 (ECMA-262 Edition 4) が、白紙に戻りました。ECMAScript 4 の仕様策定途中に、4 とは独立して ECMAScript 3.1 (ECMA-262 Edition 3.1) に仕様策定が開始されたりとカオスな状況になっていたのですが、今後は ECMAScript 3.1 の方に統一して、EC...
このFlashでは,コンタクトリスナを使って画面内の全ての物体同士の衝突を検出しています。衝突を検出すると,その場所からくるくる回る星の絵を複数飛ばします。 コンタクトリスナでは衝突の強さを検出できるので,それに応じて飛ばす星の数を調整しています。激しく衝突するほど星の数を増やし,最大で10個としています。 全ての物体同士の衝突を見ているので,円同士...
『 Processing.orgのLearingにあるGlenMurphy氏のFluidコードを参考に作る。 』
埋め込みフォントを使う場合のちょっとしたTipsを3つ紹介しておく。 1. 何も考えずにフォントを埋め込む方法 フォントを埋め込むには、Embed メタタグを利用する。 package { import flash.display.Sprite; import flash.text.TextField; public class EmbedFontTest extends Sprite { [Embed(source='アニトM-教漢.TTF', fontName='anito')] public function EmbedFontTest(){ stage.align = "TL"; stage.scaleMode = "noScale"; var textField:Text...
ActionScriptのスクリプトやノウハウの共有を積極的に行う場として立ち上げたのが、Flash/ActionScript開発のためのオープンソースコミュニティ「Spark project」です。
BeInteractiveのyossyさんが作ったActionScript Thread Library(そうめん) が便利すぐる。便利すぎて泣きそう。これまでaddEventListenerでいろんなソースをスパゲッティにしてきたんで見た瞬間、直観的に便利そう!ってなわけでどれほど便利かを書いてみた。どや! おソース package { import flash.display.Sprite; import flash.display.StageAlign; import flash.display.StageScaleMode; import org.libspark.thread.EnterFrameThreadExecutor...
イベントリスナーにお困りの皆さんに朗報です。BeInteractive! は本日、革新的な疑似マルチスレッドライブラリである、「ActionScript Thread Library 1.0 (そうめん)」をリリースします。 先進的な Flash コンテンツを作るためには、XML や画像の読み込み、ムービークリップやスプライトの処理、ユーザーからの入力の処理、3D や物理エンジンといった様々なフレームワークとの連携といった...
によってスレッドが開始されると、状態は「RUNNABLE」に設定され、実行フェーズとなります。 「NEW」以外の状態のスレッドを start メソッドによって開始することはできず、万が一 start メソッドを呼び出してしまった場合、 IllegalThreadStateError 例外がスローされます。 wait メソッド、join メソッド等の呼び出しによってスレッドが待機状態になる場合 (詳しくは「4. スレッドの制御」...
AlivePDFとは...as3用のPDF生成用ライブラリ公式サイトは http://www.alivepdf.org/ライセンスはMIT License現在の最新バージョンは 0.1.4.3公式サイトにビデオチュートリアルがあってすごい親切です。※ ただ、0.1.4.3だと一部書き換えないとコンパイル失敗しますが.ひとまずチュートリアル見ながら、簡単な流れがわかるサンプルを作ってみました。作成したサンプルのソース<?xml version="1.0" e...
面を塗ることができたので、面に画像を貼り付けるのも簡単。画像を6つ用意して、立方体の上に貼り付けてみることにする。 といっても前回までとほとんど変わらなくて、各頂点の 2D 上の座標を求めてから、画像を歪めて描画するだけでよい。 問題は「どうやって画像を歪ませるか」という一点のみ。 ActionScript 3 で画像を歪ませる方法 ここからは完全に AS3 に限定したノウハ...
MC(というかDisplayObject)のスナップショットをBitmapDataとして取る方法を自分なりにメモします var spt :Sprite = new Niku() as Sprite; // リンケージで生成した表示クラス var bmp:BitmapData = new BitmapData( spt.width, spt.height ); bmp.draw( spt ); addChild( new Bitmap( bmp ) ); 基本的にはこれでスクリーンショットとして取得したBitmapDataを表示することができます ですが、もし原点が中身の表示オブジェクトに対し...
ワイヤーフレームにも飽きてきたので、色を塗ることにしよう。面に色を塗ることを、3D 用語ではシェーディングと呼ぶらしい。今回はその中でもシンプルなフラットシェーディングという技法を取り上げる。 といっても、ActionScriptによるWebの3Dグラフィックス再入門 (2) - シェーディングでもっと3Dらしく:CodeZine で解説されてる通りにコーディングしているので、詳しいことは...
このまま実装を進めていくとソースが複雑になりそうなので少し地盤を固めておこう。 座標計算を簡潔にするために行列クラスを導入する。 Matrix3D クラス 前回は軸の周りの回転を公式 p.x = Math.cos(rad) * x + Math.sin(rad) * y; p.y = -Math.sin(rad) * x + Math.cos(rad) * y; を使って直接計算していたけど、ここを行列に置き換えてみる。 ちょうど、3D ライブラリ FIVe3D 2.1 に Matrix3D クラスがあったの...
3D の原理をあまり知らなかったので、ActionScript 3.0 で1から勉強してみた。1からなのでフレームワークは使わず、自力で実装していく。 Web 上には色んな資料があってありがたいだけど、珠玉混交な上に、有用なものでも一本道で幅の狭いものが多い。前提知識のない自分にとっては、資料間の関連性を理解するのが大変だった。 なので、なるべく簡単なところからスタートし...
今さらながら、flash.geom.Matrixによる変形のことで何か書いてみます。Matrixについてヘルプやマニュアルでは拡大やら回転やら移動やらの説明しかなくて何だかわかりにくく書いているように思える。学校で習ったアフィン変換としては素直な説明に読めるけど、変形したいだけの人からしたら何だかわかりにくい。この説明を読むとどうしても「回転」して「縦に伸ば」して「移...