text - WebGL を使用してキャンバスにテキストをレンダリングする

Question

WebGL を使用してキャンバスにテキストをレンダリングしたいのですが、WebGL のどの API を使用すればよいですか?

注: 「テキスト」は、プレーン テキストまたは CSS スタイルの HTML スニペットのいずれかです。

Answer 1

私が見たほとんどのデモでは、あらゆる種類のテキスト (FPS カウンターなど) を実行するだけで、必要なテキストを含む HTML 要素を作成し、キャンバス上に配置するだけです。これはおそらく、キャンバスの「中に」表示したいほとんどのテキスト (つまり、メニュー) に適した方法です。

唯一の例外は、テキストを 3D シーンの実際の部分 (たとえば、ビルボード上のテキストなど) にしたい場合です。この場合、方法論は標準の OpenGL でテキストをレンダリングする場合と何ら変わりません。ここで非常に優れた堅牢な例を見つけることができます: http://dmedia.dprogramming.com/?n=Tutorials.TextRendering1

テキストに関する WebGL チュートリアルもここにあります。

Answer 2

WebGL でレンダリングされたテキストの場合、テキストをキャンバスの「2d」コンテキストに書き込んでから、キャンバスからテクスチャを作成できます。Denny Koch は、彼の EnergizeGL フレームワークでそれを行います。