トラブルシューティング : WebGL

著者:  Morgan T
最終更新日:  

WebGLは、デバイスのグラフィックハードウェアを利用してコンテンツをより高速にレンダリングするウェブベースのアプリケーション向けのレンダリング技術です。Lucidの製品にハードウェアアクセラレーションによるWebGLを使うことで、ほとんどの場合、より良い体験が得られます。

LucidでWebGLの問題が稀に発生した場合は、この記事の情報を活用してトラブルシューティングを行ってください。

最初のステップ

エディターの機能が通常どおりに動作しない場合、またはキャンバス上のオブジェクトが意図したとおりに表示されない場合は、 WebGL をオフにする前に以下のオプションを試してください。

WebGLが正常に動作することを確認してください。

Lucidの診断ページで、お使いのブラウザでWebGLが動作しているかどうかを確認してください。WebGLレンダラーが正常に動作している場合は、「WebGLレンダラー」の横に緑色のチェックマークが表示され、動作していない場合は赤い×印が表示されます。

ブラウザを最適化する

WebGLリソースはすべてのブラウザタブで共有されているため、他のソフトウェアがブラウザ上でやり取りすると失敗することがあります。不要なタブを閉じたり、ブラウザを最新の状態に保って、よくある一時的な問題を解消しましょう。

ブラウザを再起動してください

WebGLコンテキストが作成されなかったり、セッション中に失われた場合、エディターの左下に警告メッセージが表示されます。ブラウザが適切なWebGLコンテキストを提供できない場合、通常はWebブラウザを閉じて再起動することで問題が解決し、WebGLによるレンダリングが可能になります。極端な場合、専用のグラフィックスハードウェアでのレンダリングを再び動作させるために、デバイスを完全に再起動する必要があることもあります。

ハードウェアアクセラレーションの可用性を確認する

一部のエンタープライズ システムは、デバイスのグラフィックス ハードウェアにアクセスできないようにセットアップされています。 これらのデバイスは WebGL を使用できず、常にフォールバック レンダリング戦略を使用します。 Chrome を使用してハードウェア アクセラレーションの可用性を確認するには、次の手順に従います。

  1. ブラウザのナビゲーションバーに「chrome://settings」と入力します。
  2. 左側のパネルの [ システム ] タブをクリックします。
  3. [利用可能な場合はハードウェアアクセラレーションを使用する]設定がオンになっていることを確認します。
    • この設定をオンに切り替えられない場合は、組織の IT 部門に問い合わせることをお勧めします。
  4. ブラウザのナビゲーションバーに「chrome://gpu」と入力します。
  5. 「グラフィックス機能の状態」セクションを見つけます。
  6. 提供されている「WebGL」および「WebGL2」のステータス情報を検索します。
    • ステータスが「ハードウェアアクセラレーション」以外の場合は、Chromeがデバイスのグラフィックハードウェアを使用できず、WebGLがLucid製品で動作しないことを意味します。 組織の IT 部門に問い合わせることをお勧めします。

WebGL をオフにする

ハードウェアが WebGL と互換性がない場合は、ドキュメントセッションの WebGL をオフにすることができます。 Lucid の製品は、引き続き Canvas2D レンダラーを使用して機能します。 WebGL をオフにするには、次の手順に従います。

  1. キャンバスの左上から、その他のメニュー ルシドスパークのメニューアイコン.png 開きます。
    • Lucidchartでは、 その他のメニュー、カーソルを合わせる カーソルを「ビュー」の上に合わせます。
  2. 「レンダリング」の上にカーソルを置きます。
  3. 「WebGLを使用する」オプションのチェックを外します。

お探しの内容は見つかりましたか?

他に質問がある場合や、学んだことを共有したい場合は、当社の コミュニティ でサポートを得て、他のユーザーと協力しましょう。