Skip to content

Commit f6ec7b1

Browse files
greggmangreggman
committed
http -> https
getElementById to querySelector
1 parent 592c4fe commit f6ec7b1

File tree

321 files changed

+1140
-1139
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

321 files changed

+1140
-1139
lines changed

‎.gitignore

+1
Original file line numberDiff line numberDiff line change
@@ -3,4 +3,5 @@
33
node_modules
44
out
55
package-lock.json
6+
webglfundamentals.check.json
67

‎README.md

+4-4
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
WebGL Fundamentals
22
===================
33

4-
This is [a series of lessons or tutorials about WebGL](http://webglfundamentals.org/).
4+
This is [a series of lessons or tutorials about WebGL](https://webglfundamentals.org/).
55

66
Unlike most WebGL lessons these are not based off of OpenGL.
77
OpenGL is 20 years old. The lessons of OpenGL don't match well with WebGL.
@@ -60,10 +60,10 @@ Current fields are
6060
description: 'Learn WebGL from the ground up. No magic',
6161

6262
// Link to the language root.
63-
link: 'http://webglfundamentals.org/webgl/lessons/ja', // replace `ja` with country code
63+
link: 'https://webglfundamentals.org/webgl/lessons/ja', // replace `ja` with country code
6464

6565
// html that appears after the article and before the comments
66-
commentSectionHeader: '<div>Questions? <a href="http://stackoverflow.com/questions/tagged/webgl">Ask on stackoverflow</a>.</div>\n <div>Issue/Bug? <a href="http://github.com/gfxfundamentals/webgl-fundamentals/issues">Create an issue on github</a>.</div>',
66+
commentSectionHeader: '<div>Questions? <a href="https://stackoverflow.com/questions/tagged/webgl">Ask on stackoverflow</a>.</div>\n <div>Issue/Bug? <a href="https://github.com/gfxfundamentals/webgl-fundamentals/issues">Create an issue on github</a>.</div>',
6767

6868
// markdown that appears for untranslated articles
6969
missing: "Sorry this article has not been translated yet. [Translations Welcome](https://github.com/gfxfundamentals/webgl-fundamentals)! 😄\n\n[Here's the original English article for now]({{{origLink}}}).",
@@ -159,7 +159,7 @@ Which means you can localize the labels like this
159159

160160
For testing reference the sample directly in your browser. For example
161161

162-
[`http://localhost:8080/webgl/lessons/resources/directional-lighting.html?lightDir=光線方向&surface1=オブジェクト&surface2=表面方向&dot=dot(光線反対方向,表面方向)%20%3D%20&ui-rotation=角度`](http://webglfundamentals.org/webgl/lessons/resources/directional-lighting.html?lightDir=光線方向&surface1=オブジェクト&surface2=表面方向&dot=dot(光線反対方向,表面方向)%20%3D%20&ui-rotation=角度)
162+
[`http://localhost:8080/webgl/lessons/resources/directional-lighting.html?lightDir=光線方向&surface1=オブジェクト&surface2=表面方向&dot=dot(光線反対方向,表面方向)%20%3D%20&ui-rotation=角度`](https://webglfundamentals.org/webgl/lessons/resources/directional-lighting.html?lightDir=光線方向&surface1=オブジェクト&surface2=表面方向&dot=dot(光線反対方向,表面方向)%20%3D%20&ui-rotation=角度)
163163

164164
### To build
165165

‎contributors.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,6 @@ WebGLFundamentals.org Contributors
33

44
WebGLFundamentals is brought to you by:
55

6-
* Gregg (Greggman) Tavares [games.greggman.com](http://games.greggman.com)
6+
* Gregg (Greggman) Tavares [games.greggman.com](https://games.greggman.com)
77

88

‎docs.md

+2-2
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@ WebGLFundamentals API Docs
22
==========================
33

44
These docs are an attempt to help explain some of the helper functions
5-
used in the articles on [webglfundamentals.org](http://webglfundamentals.org).
5+
used in the articles on [webglfundamentals.org](https://webglfundamentals.org).
66

77
WebGL is a very low-level API and so using it is very verbose. To draw a simple
88
lighted cube can easily require 50-100 WebGL calls. Calls to create buffers
@@ -29,7 +29,7 @@ for common shapes like spheres, cubes, planes, cones, etc can be found here](/do
2929

3030
#JSDoc3 Plea
3131

32-
These docs are generated with [JSDoc3](http://usejsdoc.org/). I find them very confusing to look at
32+
These docs are generated with [JSDoc3](https://usejsdoc.org/). I find them very confusing to look at
3333
and in some places frustratingly verbose. If you have any experience with JSDoc3 and know how to
3434
make the docs more approachable and useful please [submit a pull request](https://github.com/gfxfundamentals/webgl-fundamentals)
3535
or [file an issue with details](https://github.com/gfxfundamentals/webgl-fundamentals/issues).

‎robots.txt

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,3 @@
1-
Sitemap: http://webglfundamentals.org/sitemap.xml
1+
Sitemap: https://webglfundamentals.org/sitemap.xml
22

33

‎webgl/frustum-diagram.html

+2-2
Original file line numberDiff line numberDiff line change
@@ -80,8 +80,8 @@
8080
<!--
8181
for most samples webgl-utils only provides shader compiling/linking and
8282
canvas resizing because why clutter the examples with code that's the same in every sample.
83-
See http://webglfundamentals.org/webgl/lessons/webgl-boilerplate.html
84-
and http://webglfundamentals.org/webgl/lessons/webgl-resizing-the-canvas.html
83+
See https://webglfundamentals.org/webgl/lessons/webgl-boilerplate.html
84+
and https://webglfundamentals.org/webgl/lessons/webgl-resizing-the-canvas.html
8585
for webgl-utils, m3, m4, and webgl-lessons-ui.
8686
-->
8787
<script src="resources/webgl-utils.js"></script>

‎webgl/glyph-texture-atlas-maker.html

+2-2
Original file line numberDiff line numberDiff line change
@@ -19,8 +19,8 @@
1919
<!--
2020
for most samples webgl-utils only provides shader compiling/linking and
2121
canvas resizing because why clutter the examples with code that's the same in every sample.
22-
See http://webglfundamentals.org/webgl/lessons/webgl-boilerplate.html
23-
and http://webglfundamentals.org/webgl/lessons/webgl-resizing-the-canvas.html
22+
See https://webglfundamentals.org/webgl/lessons/webgl-boilerplate.html
23+
and https://webglfundamentals.org/webgl/lessons/webgl-resizing-the-canvas.html
2424
for webgl-utils, m3, m4, and webgl-lessons-ui.
2525
-->
2626
<script src="resources/webgl-utils.js"></script>

‎webgl/lessons/fr/langinfo.hanson

+2-2
Original file line numberDiff line numberDiff line change
@@ -4,8 +4,8 @@
44
defaultExampleCaption: "Cliquer ici pour ouvrir dans une nouvelle fenêtre",
55
title: 'WebGL - Les bases',
66
description: 'Les bases de WebGL. Sans magie.',
7-
link: 'http://webglfundamentals.org/webgl/lessons/fr',
8-
commentSectionHeader: '<div>Une question ? <a href="http://stackoverflow.com/questions/tagged/webgl">Demander sur stackoverflow</a>.</div>\n <div>Un problème ? <a href="http://github.com/vinci-mz/webgl-fundamentals/issues">Signaler sur github</a>.</div>',
7+
link: 'https://webglfundamentals.org/webgl/lessons/fr',
8+
commentSectionHeader: '<div>Une question ? <a href="https://stackoverflow.com/questions/tagged/webgl">Demander sur stackoverflow</a>.</div>\n <div>Un problème ? <a href="https://github.com/vinci-mz/webgl-fundamentals/issues">Signaler sur github</a>.</div>',
99
missing: "Sorry this article has not been translated yet. [Translations Welcome](https://github.com/gfxfundamentals/webgl-fundamentals)! 😄\n\n[Here's the original English article for now]({{{origLink}}}).",
1010
toc: 'Table des Matières',
1111
categoryMapping: {

‎webgl/lessons/fr/toc.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{{{tocHtml}}}
22
<ul>
33
<li><a href="/docs/">Aide pour la doc de l'API</a></li>
4-
<li><a href="http://twgljs.org">TWGL, une librairie de base pour WebGL</a></li>
4+
<li><a href="https://twgljs.org">TWGL, une librairie de base pour WebGL</a></li>
55
<li><a href="https://github.com/gfxfundamentals/webgl-fundamentals">Github</a></li>
66
</ul>

‎webgl/lessons/fr/webgl-3d-perspective.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -282,7 +282,7 @@ Mais il reste quelques soucis. Si on met Z à -100 on se retrouve avec quelque c
282282
Quest-ce qu'il se passe ? Pourquoi le F disparaît ? Tout comme WebGL tronque le X et le Y au-delà de -1 et +1 il tronque aussi le Z.
283283
Ce qu'on voit c'est le Z < -1.
284284

285-
Je pourrais entrer dans les détails pour résoudre ça mais [vous pouvez déduire la solution](http://stackoverflow.com/a/28301213/128511) comme on l'a fait dans les projections 2D. On a besoin de prendre Z, ajouter du déplacement et du changement d'échelle, et on peut ajuster tout ce qu'on veut entre -1 et +1.
285+
Je pourrais entrer dans les détails pour résoudre ça mais [vous pouvez déduire la solution](https://stackoverflow.com/a/28301213/128511) comme on l'a fait dans les projections 2D. On a besoin de prendre Z, ajouter du déplacement et du changement d'échelle, et on peut ajuster tout ce qu'on veut entre -1 et +1.
286286

287287
Ce qui est génial c'est que tout ça peut être fusionné dans une seule matrice ! Mieux, plutôt qu'un 'facteur de fuite' on va plutôt prendre en entrée l'angle du champ de vision désiré et calculer le reste à partir de ça.
288288

‎webgl/lessons/fr/webgl-fundamentals.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -80,7 +80,7 @@ Pour de la 2D on travaillera plutôt en pixels qu'en espace de projection, donc
8080
pouvoir fournir des rectangles en pixels et les faire convertir en espace de projection à notre place.
8181
Voici le nouveau shader de vertex
8282

83-
<script id="2d-vertex-shader" type="x-shader/x-vertex">
83+
<script id="vertex-shader-2d" type="x-shader/x-vertex">
8484
attribute vec2 a_position;
8585

8686
uniform vec2 u_resolution;

‎webgl/lessons/index.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@ They are NOT old rehashed out of date OpenGL articles like many others on the ne
77
They are entirely new, discarding the old out of date ideas and bringing you
88
to a full understanding of what WebGL really is and how it really works.
99

10-
If you are interested in WebGL2 please see [webgl2fundamentals.org](http://webgl2fundamentals.org)
10+
If you are interested in WebGL2 please see [webgl2fundamentals.org](https://webgl2fundamentals.org)
1111

1212
{{{include "webgl/lessons/toc.html"}}}
1313

‎webgl/lessons/ja/index.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@ WebGLを基本から学ぶ授業.
77
時代遅れのアイデアを捨てて、
88
WebGLとは何か、WebGLがどうやって動くかについて、理解へと導く、完全に新たな記事である。
99

10-
WebGL2に興味があればこれを参照して下さい[webgl2fundamentals.org](http://webgl2fundamentals.org)
10+
WebGL2に興味があればこれを参照して下さい[webgl2fundamentals.org](https://webgl2fundamentals.org)
1111

1212
{{{include "webgl/lessons/ja/toc.html"}}}
1313

‎webgl/lessons/ja/langinfo.hanson

+2-2
Original file line numberDiff line numberDiff line change
@@ -4,8 +4,8 @@
44
defaultExampleCaption: "クリックして別のウインドウを開く",
55
title: 'WebGLを基本から学ぶ',
66
description: 'この記事はWebGLの基本から教える記事である。',
7-
link: 'http://webglfundamentals.org/',
8-
commentSectionHeader: '<div>質問? <a href="http://stackoverflow.com/questions/tagged/webgl">stackoverflowで質問(英語)</a>.</div>\n <div>問題点/バグ? <a href="http://github.com/gfxfundamentals/webgl-fundamentals/issues">githubでissueを作成</a>.</div>',
7+
link: 'https://webglfundamentals.org/',
8+
commentSectionHeader: '<div>質問? <a href="https://stackoverflow.com/questions/tagged/webgl">stackoverflowで質問(英語)</a>.</div>\n <div>問題点/バグ? <a href="https://github.com/gfxfundamentals/webgl-fundamentals/issues">githubでissueを作成</a>.</div>',
99
missing: "ごめん！この記事はまだ翻訳されていない。[翻訳してくれますか？](https://github.com/gfxfundamentals/webgl-fundamentals)! 😄\n\n[ここに英語版がある]({{{origLink}}}).",
1010
toc: '目次',
1111
categoryMapping: {

‎webgl/lessons/ja/toc.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{{{tocHtml}}}
22
<ul>
33
<li><a href="/docs/">Helper API Docs(英語)</a></li>
4-
<li><a href="http://twgljs.org">TWGL, A tiny WebGL helper library</a></li>
4+
<li><a href="https://twgljs.org">TWGL, A tiny WebGL helper library</a></li>
55
<li><a href="https://github.com/gfxfundamentals/webgl-fundamentals">github</a></li>
66
</ul>

‎webgl/lessons/ja/webgl-2-textures.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -87,7 +87,7 @@ function main() {
8787
今回は２枚の画像をそれぞれ表示するのではなく、画素ひとつひとつを乗算するような処理にしておこう。
8888

8989
```
90-
<script id="2d-fragment-shader" type="x-shader/x-fragment">
90+
<script id="fragment-shader-2d" type="x-shader/x-fragment">
9191
precision mediump float;
9292
9393
// ロードされたテクスチャ

‎webgl/lessons/ja/webgl-2d-matrices.md

+3-3
Original file line numberDiff line numberDiff line change
@@ -179,7 +179,7 @@ newY = y * sy;
179179

180180
シェーダーを変更しよう。前回のシェーダーはこれである。
181181

182-
<script id="2d-vertex-shader" type="x-shader/x-vertex">
182+
<script id="vertex-shader-2d" type="x-shader/x-vertex">
183183
attribute vec2 a_position;
184184

185185
uniform vec2 u_resolution;
@@ -202,7 +202,7 @@ newY = y * sy;
202202

203203
新しいシェーダーはそれよりずいぶん簡単である。
204204

205-
<script id="2d-vertex-shader" type="x-shader/x-vertex">
205+
<script id="vertex-shader-2d" type="x-shader/x-vertex">
206206
attribute vec2 a_position;
207207

208208
uniform vec2 u_resolution;
@@ -379,7 +379,7 @@ newY = y * sy;
379379

380380
そうすれば、シェーダーコードをもっと単純化出来る。これは最新のシェーダーの全て
381381

382-
<script id="2d-vertex-shader" type="x-shader/x-vertex">
382+
<script id="vertex-shader-2d" type="x-shader/x-vertex">
383383
attribute vec2 a_position;
384384

385385
uniform mat3 u_matrix;

‎webgl/lessons/ja/webgl-2d-rotation.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -28,7 +28,7 @@ TOC: 二次元での回転
2828

2929
これは更新された頂点シェーダーである。
3030

31-
<script id="2d-vertex-shader" type="x-shader/x-vertex">
31+
<script id="vertex-shader-2d" type="x-shader/x-vertex">
3232
attribute vec2 a_position;
3333

3434
uniform vec2 u_resolution;

‎webgl/lessons/ja/webgl-2d-scale.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@ TOC: 二次元での拡大縮小
1212
[前回のサンプル](webgl-2d-rotation.html)の更新はこれである。
1313

1414
```
15-
<script id="2d-vertex-shader" type="x-shader/x-vertex">
15+
<script id="vertex-shader-2d" type="x-shader/x-vertex">
1616
attribute vec2 a_position;
1717
1818
uniform vec2 u_resolution;

‎webgl/lessons/ja/webgl-2d-translation.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -129,7 +129,7 @@ function setGeometry(gl, x, y) {
129129
これは新しい頂点シェーダー
130130

131131
```
132-
<script id="2d-vertex-shader" type="x-shader/x-vertex">
132+
<script id="vertex-shader-2d" type="x-shader/x-vertex">
133133
attribute vec2 a_position;
134134
135135
uniform vec2 u_resolution;

‎webgl/lessons/ja/webgl-3d-orthographic.md

+4-4
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@ TOC: 三次元の正投影
2020
これは前のシェーダーである。
2121

2222
```
23-
<script id="2d-vertex-shader" type="x-shader/x-vertex">
23+
<script id="vertex-shader-2d" type="x-shader/x-vertex">
2424
attribute vec2 a_position;
2525
2626
uniform mat3 u_matrix;
@@ -35,7 +35,7 @@ void main() {
3535
これは新しいシェーダーである。
3636

3737
```
38-
<script id="3d-vertex-shader" type="x-shader/x-vertex">
38+
<script id="vertex-shader-3d" type="x-shader/x-vertex">
3939
*attribute vec4 a_position;
4040
4141
*uniform mat4 u_matrix;
@@ -326,7 +326,7 @@ Zもピクセル単位で計算する。`width`のような値を`depth`に与
326326
これは新しい頂点シェーダーである。
327327

328328
```
329-
<script id="3d-vertex-shader" type="x-shader/x-vertex">
329+
<script id="vertex-shader-3d" type="x-shader/x-vertex">
330330
attribute vec4 a_position;
331331
+attribute vec4 a_color;
332332
@@ -347,7 +347,7 @@ void main() {
347347
その色はピクセルシェーダーで使わなければいけない。
348348

349349
```
350-
<script id="3d-fragment-shader" type="x-shader/x-fragment">
350+
<script id="fragment-shader-3d" type="x-shader/x-fragment">
351351
precision mediump float;
352352
353353
+// 頂点シェーダーに渡された色。

‎webgl/lessons/ja/webgl-3d-perspective.md

+4-4
Original file line numberDiff line numberDiff line change
@@ -50,7 +50,7 @@ Zは補正係数を掛けると調整出来るようになる。
5050
じゃあ、やってみょう！最初に頂点シェーダーを更新して、頂点位置を補正係数に掛けたZで割る。
5151

5252
```
53-
<script id="3d-vertex-shader" type="x-shader/x-vertex">
53+
<script id="vertex-shader-3d" type="x-shader/x-vertex">
5454
...
5555
+uniform float u_fudgeFactor; // 補正係数
5656
...
@@ -106,7 +106,7 @@ void main() {
106106
簡単に確認したければ、頂点シェーダーで手動でXとYを割る代わりに`gl_Position.w`を`zToDivideBy`に割り当てる。
107107

108108
```
109-
<script id="2d-vertex-shader" type="x-shader/x-vertex">
109+
<script id="vertex-shader-2d" type="x-shader/x-vertex">
110110
...
111111
uniform float u_fudgeFactor;
112112
...
@@ -227,7 +227,7 @@ w_out = z_in * fudgeFactor + 1;
227227
まず頂点シェーダーを前の単純な形に戻す。
228228

229229
```
230-
<script id="2d-vertex-shader" type="x-shader/x-vertex">
230+
<script id="vertex-shader-2d" type="x-shader/x-vertex">
231231
uniform mat4 u_matrix;
232232
233233
void main() {
@@ -281,7 +281,7 @@ function makeZToWMatrix(fudgeFactor) {
281281
それは何でだろう？何で「F」が消えているか？XとYは-1〜+1の制限があると同じようにZも-1〜+1の制限がある。
282282
この消えているところはZが−１以下になっている場合である。
283283

284-
その問題を解決する数学を細かく説明出来るけど、二次元の投影行列数学と同じように[答えを導き出すこと出来るだろう](http://stackoverflow.com/a/28301213/128511)。Zをとって、何かを足して、何かにスケールすると、
284+
その問題を解決する数学を細かく説明出来るけど、二次元の投影行列数学と同じように[答えを導き出すこと出来るだろう](https://stackoverflow.com/a/28301213/128511)。Zをとって、何かを足して、何かにスケールすると、
285285
どの値の範囲からも-1〜+1出来る。
286286

287287
それら全部を一つの行列で出来る。その上、補正係数の`fudgeFactor`は`fieldOfView`という視野も同じ行列で決められる。

‎webgl/lessons/ja/webgl-boilerplate.md

+2-2
Original file line numberDiff line numberDiff line change
@@ -179,14 +179,14 @@ script要素から読み込んでコンパイルし、プログラムにアタ
179179
以上で、私の「最小のWebGLひな型コード(boilerplate code)」のおおまかな紹介を終わります。
180180
[`webgl-utils.js`のコードはここにあります](../resources/webgl-utils.js)。
181181

182-
さらにしっかり構成されたライブラリに興味があるようでしたら[TWGL.js](http://twgljs.org)
182+
さらにしっかり構成されたライブラリに興味があるようでしたら[TWGL.js](https://twgljs.org)
183183
をチェックしてください。
184184

185185
WebGLを複雑に見せているもう一つの要素は「シェーダーにデータを渡す手順」です。
186186
そのあたりの話題については「[WebGLの仕組み](webgl-how-it-works.html)」
187187
で紹介しています。
188188
これについては、「[少ないコード、大きな喜び](webgl-less-code-more-fun.html)」や、
189-
[TWGL](http://twgljs.org)も参考になるはずです。
189+
[TWGL](https://twgljs.org)も参考になるはずです。
190190

191191
以上のほかにも、同様の理由で作られたスクリプトがあるので紹介しておきます。
192192

‎webgl/lessons/ja/webgl-fundamentals.md

+6-6
Original file line numberDiff line numberDiff line change
@@ -144,7 +144,7 @@ WebGLでは、色は０〜１で指定する。
144144
GLSLのstringをする方法はいくつかある。文字列の連結とか、AJAXでダウンロードすることとか、複数行テンプレートstring(multiline template strings)とか。
145145
今回は、typeがJavaScriptではないscript要素に入れる方法をとる。
146146

147-
<script id="2d-vertex-shader" type="notjs">
147+
<script id="vertex-shader-2d" type="notjs">
148148

149149
// バッファーからデータを取る属性
150150
attribute vec4 a_position;
@@ -158,7 +158,7 @@ GLSLのstringをする方法はいくつかある。文字列の連結とか、A
158158

159159
</script>
160160

161-
<script id="2d-fragment-shader" type="notjs">
161+
<script id="fragment-shader-2d" type="notjs">
162162

163163
// フラグメントシェーダーは既定の精度がないので選択することが必要である。
164164
// 「mediump」は一般的な既定の設定である。それは「中間の精度」の意味である。
@@ -198,8 +198,8 @@ GLSLのstringをする方法はいくつかある。文字列の連結とか、A
198198

199199
出来たら、その関数でシェーダー２つを作成出来る
200200

201-
var vertexShaderSource = document.querySelector("#2d-vertex-shader").text;
202-
var fragmentShaderSource = document.querySelector("#2d-fragment-shader").text;
201+
var vertexShaderSource = document.querySelector("#vertex-shader-2d").text;
202+
var fragmentShaderSource = document.querySelector("#fragment-shader-2d").text;
203203

204204
var vertexShader = createShader(gl, gl.VERTEX_SHADER, vertexShaderSource);
205205
var fragmentShader = createShader(gl, gl.FRAGMENT_SHADER, fragmentShaderSource);
@@ -385,7 +385,7 @@ WebGLは`gl_Position`に割り当てられた３つの値で三角形を描画
385385
ピクセルで与えて、ピクセル座標からクリップ空間に自動で変換するように、シェーダーの計算の仕方を変更しよう。
386386
これは変更されたシェーダー：
387387

388-
<script id="2d-vertex-shader" type="notjs">
388+
<script id="vertex-shader-2d" type="notjs">
389389

390390
- attribute vec4 a_position;
391391
* attribute vec2 a_position;
@@ -473,7 +473,7 @@ Note: このサンプルとその後の全てのサンプルは、シェーダ
473473

474474
まずフラグメントシェーダーを、色ユニフォームが使えるようにする。
475475

476-
<script id="2d-fragment-shader" type="notjs">
476+
<script id="fragment-shader-2d" type="notjs">
477477
precision mediump float;
478478

479479
+ uniform vec4 u_color;

0 commit comments

Comments
 (0)