長い間、ExtJSに新しいものは登場せず、明らかに誰もが発表された会議の準備をしているようです（ 私はすでにこれについて書いています ）。快適な家の椅子に残っている人はExtJS 3.0の発表に備えています。 しかし、今日、会社の公式ブログを見て、 興味深いメモを見つけました。 既にご存知のように、ExtJSの最新バージョンでは、 Adobe AIRプラットフォームのサポートを積極的に導入し始めました。これは、これら2つの驚くべきツールの共生であり、もちろん、優れた結果をもたらすことができるためです。
Flash 10、したがってAdobe AIR 1.5では、フラッシュ部分に興味深い技術が導入されました。実際、画面に表示されるすべてのコントロールを完全に制御します-PixelBender 。 開発者は特別なプログラミング言語GLSL （OpenGLシェーディング言語）を使用して、ピクセルに対する操作を記述できます。プログラムは画像だけでなく、ウィンドウ全体やWebページを含むフラッシュオブジェクトにも適用できます。 ところで、そうですね、OpenGLについて話しているので、Web開発に一般的なツールのみを使用して、本格的なグラフィカルアプリケーションを作成する可能性に近づいています。 3Dを理解している人がいれば、このテクノロジーはピクセルシェーダーに非常に近く、これらも独自の言語でプログラミングされています。
しかし、すみませんが、これはExtJSに関連していますか？ はい、とても簡単です！ 特別なツールキットを使用して独自のPixelBender関数の説明を作成する場合、ExtJS（Ext.air。*パッケージ）で作成されたオブジェクトにそれを非常に簡単に適用できます。 両方のテクノロジーのコラボレーションを実証するため、 Pixel Bender Explorerがリリースされ 、ExtJSによって作成されたビデオ、グラフィック、またはウィンドウに適用される多くの効果が示されています。 エフェクトのパラメーターを柔軟に変更し、その結果をリアルタイムで表示できます。
効果は完全に異なる場合があります。提案されたデモパッケージには、アドビ自身と他の開発者の両方が作成した数十個の効果があります。 提案されたオプションの3分の1であるブラウザでのデモを実行すると、Googleのホームページが開かれる新しいウィンドウが作成されます（ExtJSを使用してください）。 さらに、リスト内の任意の効果を選択して、ウィンドウで何が起こるかを確認します。ただし、コンテンツだけでなく、ウィンドウ全体が変換されることに注意してください。 しかし、認識できないほど歪めても、ページは引き続き機能します。ウィンドウにテキストを入力し、ボタンをクリックして、作業することさえできます。 つまり、操作は視覚的であり、ページが完全に形成された後に行われ、すべての機能がそのまま残ります。
これのサンプル実装は非常に簡単です（Extに精通している人向け）：
var win = new Ext.air.NativeWindow({
file: '../html/browser.html',
transparent: true,
chrome: 'none',
width: 640,
height: 480
});
win.animFn({
paramName: 'amount',
reset: true,
startValue: 5,
endValue: 0,
duration: 1,
mode: 'easeOutStrong',
url: 'app:/kernels/smudger.pbj'
});
win.bend();
なぜこのようなツールキットを使用できるのですか？ さて、最も単純な例は、AIRアプリケーションを起動するときの美しいスプラッシュスクリーンです。ただし、これはあまりにも表面的な例です。 各ピクセルを柔軟に制御する機能を使用して、さまざまなグラフィックアプリケーション、エンターテイメント（トランジション付きのアルバムなど）を開発できます。 そのため、ExtJSを使用している人は、Adobe AIRプラットフォームのパワーを最大限に活用して活用しようとするのに最適です！
ちなみに、デベロッパーには必要なフィルターをダウンロードまたは購入できるPixel Bender Exchangeという素晴らしいリソースがあります。このテクノロジーは、After EffectsやPhotoshopなどのプロフェッショナルなマルチメディア処理パッケージでテストされており、AIRよりもずっと早く動作を開始したためです。 ところで、私は本当に質問に「はい」と答えたいと思っています-この方法で「オンラインPhotoshop」を作成することは可能ですか？..