ないのでimportできません。value}webpackの設定ファイルは次のように変えます。いう拡張子もimportする対象であることを設定するためです。シェーダのソースコードをimportします。'./shader/FragmentShader.glsl'console.log('hello')console.log(vertexShaderSource)console.log(fragmentShaderSource)再度ビルドして確認してみましょう。シェーダのソースコードが文字列としてimportできたのが分かると思います。実際にポリゴンを描画するここから先は下記の記事の通りに実装していけば大丈夫です。sbfl.net実装していくとソースコードは下記の通りになります。context.flush()}main()再度ビルドして確認すると、ポリゴンが描画できているはずです。さいごに今回はTypeScriptとWebGLでポリゴンを描画しました。TypeScriptのおかげで、どの変数がなんのためにあるのか分かりやすかったです。WebGLを使うと結構ソースコードが肥大化しがちですが、TypeScriptを使えばどんどん改修しても耐えられると思います。今回は簡単なサンプルになりましたが、今後はもう少し複雑なこともやっていきたいです。最新記事TypeScriptとWebGLでポリゴンを描画する方法いまさら聞けないJavaScriptのPromiseを丁寧に解説go言語で、リクエストヘッダーを表示するだけのサーバを開発した標準正規分布から(いい感じの)乱数をとってみた単純パーセプトロンの重み修正量を導出する月別アーカイブ参加グループプログラミングスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。