『 ウェブサイトのデザインに使用されている、最近の7つのトレンドとそのチュートリアル 』
Webアプリケーションは、ブラウザ上で動作するという制約から、想定外のページ遷移が頻繁に発生します。これを「不正遷移」と呼びます。不正遷移とその制御を理解することが、Webアプリ開発者には不可欠です。 本稿では、不正遷移の種類とその対策を紹介します。 おことわり 本稿で使われている用語は、一般的なものとは限りません。また、紹介している対策以外に...
本連載では、Adobe Flex 2/3 に対応したコンポーネントの作り方を紹介します。Flex を使えば、Web ブラウザ上に複雑なインターフェースを持つアプリケーションを作ることができます。しかも、自分で標準のコントロールを拡張してコンポーネントを作るのも簡単です。本稿ではどんな手順でコンポーネントを作っていくのかを紹介します。 第一回目の今回は、チェックボックスのつ...
WebサービスにアクセスするAIRアプリを作成していると、ユーザーの利便性を考慮してWebサービスのユーザー名とパスワードを保存しておきたいと思う時があります。 そうした時のために、AIRにはEncryptedLocalStoreクラスが用意されています。このクラスはOS固有のデータ保護APIを使用してデータを保護する仕組みを提供しています。 このクラスを通して保存されたデータは、他のユ...
最近ではさまざまな3Dライブラリが登場し、Flashでもリアルな3D表現が少しずつ可能になってきました。その1つとして今もっとも知名度が高く、注目を集めているのがPapervision3Dです。Papervision3Dとは、ActionScript2.0およびActionScript3.0で使用できる3Dライブラリで、MITライセンスによって配布されています。 3Dライブラリが広まった背景には、処理速度の高速なAS3.0の登場によるとこ...
面を塗ることができたので、面に画像を貼り付けるのも簡単。画像を6つ用意して、立方体の上に貼り付けてみることにする。 といっても前回までとほとんど変わらなくて、各頂点の 2D 上の座標を求めてから、画像を歪めて描画するだけでよい。 問題は「どうやって画像を歪ませるか」という一点のみ。 ActionScript 3 で画像を歪ませる方法 ここからは完全に AS3 に限定したノウハ...
『 AptanaでAdobeAIRアプリケーションを作成するチュートリアル 』
『 AIRが面白いのは、これまで使ってきたWebアプリケーションの技術、HTML/JavaScriptやFlash/Flexを利用して、デスクトップアプリケーションを作ることができる点にあります 』
『 http://gotoandlearn.com/フラッシュのチュートリアル系動画いっぱい 』
最後に、Flex 3.0 SDKをインストールしたディレクトリの「bin」ディレクトリにパスを通せば、開発の準備は完了です。 簡単なAdobe AIRアプリケーションの作成 それでは早速、今回の目的「MP3プレーヤーの製作」に入りましょう。まず、テキストエディタで以下のソースコードを記述してください。 AirMusicPlayer.mxml(UTF-8で保存) <mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mx...
前回までのサンプルでは、遠くのものも近くのものも同じ大きさで表示していた。これでは立体感がでないので、遠くのものほど小さく表示するようにしたい。 これを実現するには「投影」の方法を考えることになる。投影というのは、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 で1から勉強してみた。1からなのでフレームワークは使わず、自力で実装していく。 Web 上には色んな資料があってありがたいだけど、珠玉混交な上に、有用なものでも一本道で幅の狭いものが多い。前提知識のない自分にとっては、資料間の関連性を理解するのが大変だった。 なので、なるべく簡単なところからスタートし...
最初は何も表示されていませんが,画面内をクリックしてみてください。少し傾いた箱が落ちてきて,バウンドした後に静止します。もう一度クリックすると,最初から実行されます。 物理エンジン内のレイアウト このサンプルが,実際にどのようなスケールの中で展開されているのか説明します。幅4m,厚さ20cmの床の上に,幅60cm,高さ40cmの箱を落とします。箱は,床から2mの...
『 JavaScriptからActionScript3を使うための「AS3Wrapper」 AS3Wrapperを使えば、JavaScriptの中でFlashオブジェクトを生成して、Flashをそのまま扱えるようです。 』
2008年2月のベストまとめ。 見逃したものがないかをチェックしてみてください。 ちなみに2月度のネタ帳人気エントリーは以下。 2007年度web制作者の為のまとめ再構築30選
『 “Silverlightは性質的にAdobeFlashに競合するもので、多くのメディアで伝えられているようにMicrosoftのFlash対抗製品であると考えられています。” 』
『 「音楽」を「お勉強」するという感覚に抵抗を覚える人は僕も含めなかなか多いと思うけど、そんなことよりまずは直感で聴いてから決めようぜ!って「初めの一歩」系のサイト/「百聞は一見にしかず」の挑戦/文章とは別 』
『 DockなどActionScript3.0のチュートリアル 』
『 Flash講座-WEBチュートリアル-3DGraph表示:分子立体構造ビューアの作り方 』