エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
THREE.TextureにHTMLImageElementを適用する方法 - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
THREE.TextureにHTMLImageElementを適用する方法 - Qiita
概要 本記事では、Three.js内部のテクスチャとしてTextureLoaderを使って画像や動画をテクスチャとして... 概要 本記事では、Three.js内部のテクスチャとしてTextureLoaderを使って画像や動画をテクスチャとして扱うことはよくあると思いますが、公式ドキュメントの例として言及されていないHTMLImageElementをテクスチャとして適用する方法を扱います。 サンプルコード 非同期で画像からHTMLImageElementとTHREE.Textureの生成をまとめて行えるようにしてみました。 const [imageElement, imageTexture ] = await new Promise<[HTMLImageElement, THREE.Texture]>( (resolve) => { const img = new Image() img.crossOrigin = 'anonymous' // cors対応、これをしないとTHREE.Textureが黒くなる i