WebサービスにアクセスするAIRアプリを作成していると、ユーザーの利便性を考慮してWebサービスのユーザー名とパスワードを保存しておきたいと思う時があります。 そうした時のために、AIRにはEncryptedLocalStoreクラスが用意されています。このクラスはOS固有のデータ保護APIを使用してデータを保護する仕組みを提供しています。 このクラスを通して保存されたデータは、他のユ...
最近ではさまざまな3Dライブラリが登場し、Flashでもリアルな3D表現が少しずつ可能になってきました。その1つとして今もっとも知名度が高く、注目を集めているのがPapervision3Dです。Papervision3Dとは、ActionScript2.0およびActionScript3.0で使用できる3Dライブラリで、MITライセンスによって配布されています。 3Dライブラリが広まった背景には、処理速度の高速なAS3.0の登場によるとこ...
面を塗ることができたので、面に画像を貼り付けるのも簡単。画像を６つ用意して、立方体の上に貼り付けてみることにする。 といっても前回までとほとんど変わらなくて、各頂点の 2D 上の座標を求めてから、画像を歪めて描画するだけでよい。 問題は「どうやって画像を歪ませるか」という一点のみ。 ActionScript 3 で画像を歪ませる方法 ここからは完全に AS3 に限定したノウハ...
『 http://gotoandlearn.com/フラッシュのチュートリアル系動画いっぱい 』
前回までのサンプルでは、遠くのものも近くのものも同じ大きさで表示していた。これでは立体感がでないので、遠くのものほど小さく表示するようにしたい。 これを実現するには「投影」の方法を考えることになる。投影というのは、3D 上の点を 2D にマッピングすることを指す。今までは、Zの値を無視する方法を利用していたが、この手法には平行投影という名前がついてい...
このまま実装を進めていくとソースが複雑になりそうなので少し地盤を固めておこう。 座標計算を簡潔にするために行列クラスを導入する。 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 で１から勉強してみた。１からなのでフレームワークは使わず、自力で実装していく。 Web 上には色んな資料があってありがたいだけど、珠玉混交な上に、有用なものでも一本道で幅の狭いものが多い。前提知識のない自分にとっては、資料間の関連性を理解するのが大変だった。 なので、なるべく簡単なところからスタートし...
最初は何も表示されていませんが，画面内をクリックしてみてください。少し傾いた箱が落ちてきて，バウンドした後に静止します。もう一度クリックすると，最初から実行されます。 物理エンジン内のレイアウト このサンプルが，実際にどのようなスケールの中で展開されているのか説明します。幅4m，厚さ20cmの床の上に，幅60cm，高さ40cmの箱を落とします。箱は，床から2mの...
『 JavaScriptからActionScript3を使うための「AS3Wrapper」 AS3Wrapperを使えば、JavaScriptの中でFlashオブジェクトを生成して、Flashをそのまま扱えるようです。 』
『 DockなどActionScript3.0のチュートリアル 』
『 無料のAdobeFlexSDKを使ってActionScript3.0の文法やプログラミング方法を1から学習 』
本ウェブサイトでは、JavaScriptおよびスタイルシートを使用しております。 お客さまがご使用のブラウザではスタイルが未適応のため、本来とは異なった表示になっておりますが、情報は問題なくご利用いただけます。
は「SEO に有効な独自ドメインを取って、もっと Perl 初心者が集まりやすい nice な Perl の情報を集めたサイトを作れ！」といったそうです。そして「Perl-users.jp - 日本のPerlユーザのためのハブサイト」ができました。 これは ActionScript も同じではないのか？ そう思って as-users.jp ドメインを取り、ここに as-users.jp を開始します。完全に perl-users.jp にインスパイアされています。本当...
」は、“黒板に落書き”という学生の頃に誰もが体験したことをWeb上で味わうことのできるお絵かきサービスです。絵に自信がない人でも気軽に落書きを楽しめる場所として、2008年2月末にサービスインしました。 使い方は、まさに黒板と同じです。画面下部に並ぶ6色のチョークのいずれかを選択し、黒板上をクリック＆ドラッグするだけで自由に線を書くことができます。線を...
見やすくするために複数行に分けていますが，Tweener.addTween()メソッドを１度呼び出しているだけです。前回，苦労して作ったものよりも高機能なアニメーションが１文で書けるのです。 コンパイルしよう 先に完成物をお見せしましたが，まだコンパイルしていませんでした。 先ほどのソースコードをAnime2.asとして保存してください。今までどおり，mxmlcでコンパイルしようとする...
はワイヤーフレームの三角形をくるくる回すところまで紹介しました。その先の課題としていろいろなものがあると書いて終わりとなりましたが、今回はその中からシェーディングを取り上げて説明します。また、ActionScript 3のpackageの概念などについても必要に応じて説明します。 シェーディングするとこうなる！ Flex 3 SDKのリリースとFlashDevelopのバージョンアップ 早速今回の...
幕末古写真ジェネレーター というウェブサービスガちょっと前に話題になりました。どんな写真も幕末の写真のように加工してくれる面白いサービスです。 この仕組みを 幕末古写真ジェネレーターの仕組み？ - 将来が不安 で解析していたのが面白かったので、続きをやってみることにしました。 1. 真っ黒な画像を渡す まずは、真っ黒な写真を幕末風にしてもらいます。 これが...
『 第４回です。Eventのbubblingについてまじめに解説しました。 』
オブジェクト指向に詳しくない方にとっては，聞きなれない単語がどんどん出てくると思います。よく分からなくても「ふーん」程度に読み飛ばして，遠慮せずに次のページに進んでください。クラスの意味が分からなくても，次のページで解説する描画処理さえ理解できれば，ActionScript 3.0で遊べます！ クラス定義を理解しよう ソースコード冒頭では，DrawTest1クラスが所属する...
Adobe社が提供している開発環境「Flex 3 SDK」を利用すれば，無料でFlashを作成できます。この連載ではプログラマの方に向けて，サンプルを交えながら，ActionScriptでFlashを作る手法を解説していきます。 Re:PoIC～ライフハッカーのためのPoIC入門 GTDを途中下車した著者が，情報カードの新しい可能性を感じるPoICに乗り換えた理由と，43Tabsにたどり着くまでのドライブ・マップ。 楽しい...
