v5はWebGLを完全にサポートしており、WebGLが利用できない場合はHTML5のcanvasにフォールバックする。v5は、中間レベルAPIの背後にある低レベルのWebGL機能を抽象化することで、利用可能な場合にベースとなるWebGLレイヤを自動的に最適化する。具体的には、中間レベルのAPIにGeometry、Shader、Stateの各アスペクトが含まれており、特定の時点でのグラフィックを定義するMeshの定義に活用している。イベントハンドラを追加し、Meshプロパティを変更することで、最終的なインタラクティブグラフィックスが生成される仕組みだ。Pixiのドキュメントには以下のような、50行のコードから生成される回転テクスチャトライアングルの例が紹介されている。APIへの40回以上のアクセスを含む、120行以上のコードが必要になる場合がある。WebGLのコマンドは、グラフィックスプロセッシングユニット(GPU)の機能セットに直接タップするように設計されている。GPUは、並列動作するように設計された多数の計算ユニットで構成される超並列プロセッサであり、CPUと並列的に動作する。WebGLは主に、プラグインを使用せずにWebGLをサポートするブラウザ内において、2次元グラフィックスやインタラクティブな3次元グラフィックスをレンダリングするために使用される。WebGLのプログラムは、JavaScriptで記述された制御コードと、フレームバッファーを含む特殊効果コード(シェーダコード)で構成される。WebGLレンダリングはパイプラインプロセスである。パイプラインの最初のステージ(頂点シェーディング)では、三角形を取得して、それが描画されるキャンバス座標の計算を行う。canvasは3次元のキャンバスで、3軸すべてが-1.0から+1.0の値を取る。三角形はラスタライズされ(2番目のパイプラインフェーズ)、フラグメントシェーダによってペイントされ(3番目のフェーズ)、三角形の各ピクセルに色、深度、その他の関連プロパティが関連付けられる。マッピング結果はWebGLフレームバッファに保存されることで、深度テストやブレンドといったフレームバッファ操作の適用が可能になる(第4フェーズ)。GPUとCPUの間の通信は高価なものになる可能性があるため、グラフィックスレンダリングの最適化には、GPUの並列使用の最大化と、GPUとCPU間の同期操作の最小化が含まれる。v5では、開発者エクスペリエンスを向上させるために、これをバックグラウンドで実現するバッチ処理とキャッシュ技術を加えている。v5では、GPUの使用率低減と、フィルタとテクスチャのアップグレードも行われた。PixiJSは、MITライセンス下でリリースされている。毎週火曜日に前週のまとめコンテンツがお送りいたします。25万人ものシニアデベロッパーのコミュニティーにぜひご参加ください。サンプルを見るあなたのメールアドレスはこちら国を選んでください。プライバシーポリシーに従って私の個人情報を扱うことに同意します。登録するとさまざまなことができます。アカウント登録をしてInfoQをお楽しみください。あなたの意見をお聞かせください。毎週火曜日に前週のまとめコンテンツがお送りいたします。25万人ものシニアデベロッパーのコミュニティーにぜひご参加ください。サンプルを見る様々なイノベーターとアーリーアダプターがお送りするテクノロジーの概要を見る。自分がまだ知らないことに気づいていないと知るあなたが興味のあるトピックスをいつでも最新な情報に。あなたのメールアドレスはこちら国を選んでください。プライバシーポリシーに従って私の個人情報を扱うことに同意します。よい世界へ私たちが暮らす世界を大切に思い、よりよいものにしたいと考えています。人のためのソフトウェア開発を加速し私たちのミッションを実現することで、この思いを成し遂げようとしています。私たちは利益の1%をさまざまな慈善団体に寄付しています。会社として、また従業員として、そうしたことの価値を強く信じているからです。with.プライバシーBTあなたのプロファイルは最新ですか?プロフィールを確認してアップデートしてください。アドレス*Eメールを変更すると確認のメールが配信されます。会社名:現在の会社名をご入力ください。Other組織規模:現在の組織規模をご入力ください。2,501+国:現在の国を設定してください。Zimbabwe都道府県:現在の都道府県に設定してください。次の都道府県にアップデートする:ニュースレターを購読しますか?インダストリーメールを購読しますか?本Eメールに登録すると、以前より関心のあったトピックの関連情報をお送りする場合がございます。詳細はこちらのプライバシーポリシーをご覧ください。newsletter?新しいメールアドレスに確認用のメールを送信します。このポップアップ画面は自動的に閉じられます。