use webgpu-utils 1x

webgpu · Dec 22, 2023 · e28a506 · e28a506
1 parent 244bd78
commit e28a506
Show file tree

Hide file tree

Showing 54 changed files with 5,923 additions and 53 deletions.
diff --git a/3rdparty/webgpu-utils-1.x.module.js b/3rdparty/webgpu-utils-1.x.module.js
diff --git a/test/tests/data-byte-diagram-tests.js b/test/tests/data-byte-diagram-tests.js
@@ -1,7 +1,7 @@
 import { describe, it } from '../mocha-support.js';
 import {
     makeShaderDataDefinitions,
-} from '/3rdparty/webgpu-utils.module.js';
+} from '/3rdparty/webgpu-utils-1.x.module.js';
 import { assertEqual } from '../assert.js';
 import { getCodeForUniform } from '../../webgpu/lessons/resources/data-byte-diagram.js';
 

diff --git a/webgpu/lessons/ja/webgpu-memory-layout.md b/webgpu/lessons/ja/webgpu-memory-layout.md
@@ -354,7 +354,7 @@ JavaScript側でオフセット値を書き換えて、つじつまを合わせ
 import {
   makeShaderDataDefinitions,
   makeStructuredView,
-} from 'https://greggman.github.io/webgpu-utils/dist/0.x/webgpu-utils.module.js';
+} from 'https://greggman.github.io/webgpu-utils/dist/0.x/webgpu-utils-1.x.module.js';
 
 const code = `
 struct Ex4a {

diff --git a/webgpu/lessons/ko/webgpu-memory-layout.md b/webgpu/lessons/ko/webgpu-memory-layout.md
@@ -370,7 +370,7 @@ WGSL 코드를 제공하면 API가 이 모든 작업을 대신 수행합니다.
 import {
   makeShaderDataDefinitions,
   makeStructuredView,
-} from 'https://greggman.github.io/webgpu-utils/dist/0.x/webgpu-utils.module.js';
+} from 'https://greggman.github.io/webgpu-utils/dist/0.x/webgpu-utils-1.x.module.js';
 
 const code = `
 struct Ex4a {

diff --git a/webgpu/lessons/ko/webgpu-memory-layout_obsolete_kr.md b/webgpu/lessons/ko/webgpu-memory-layout_obsolete_kr.md
@@ -312,7 +312,7 @@ WGSL에서 데이터의 크기와 오프셋을 계산하는 부분이 아마 Web
 import {
   makeShaderDataDefinitions,
   makeStructuredView,
-} from 'https://greggman.github.io/webgpu-utils/dist/0.x/webgpu-utils.module.js';
+} from 'https://greggman.github.io/webgpu-utils/dist/0.x/webgpu-utils-1.x.module.js';
 
 const code = `
 struct Ex4a {

diff --git a/webgpu/lessons/resources/byte-diagram-test.html b/webgpu/lessons/resources/byte-diagram-test.html
@@ -9,7 +9,7 @@
 // see https://webgpufundamentals.org/webgpu/lessons/webgpu-utils.html#webgpu-utils
 import {
   makeShaderDataDefinitions,
-} from '/3rdparty/webgpu-utils.module.js';
+} from '/3rdparty/webgpu-utils-1.x.module.js';
 import {
   createByteDiagramForType,
   getCodeForUniform,

diff --git a/webgpu/lessons/resources/data-byte-diagram.js b/webgpu/lessons/resources/data-byte-diagram.js
@@ -1,6 +1,6 @@
 import {
   makeStructuredView,
-} from '/3rdparty/webgpu-utils.module.js';
+} from '/3rdparty/webgpu-utils-1.x.module.js';
 import typeInfo from './wgsl-data-types.js';
 import {
   createElem as el,

diff --git a/webgpu/lessons/resources/wgsl-offset-computer.html b/webgpu/lessons/resources/wgsl-offset-computer.html
@@ -279,7 +279,7 @@ <h1>WGSL Offset Computer</h1>
 import {
   makeShaderDataDefinitions,
   setIntrinsicsToView,
-} from '/3rdparty/webgpu-utils.module.js';
+} from '/3rdparty/webgpu-utils-1.x.module.js';
 import {
   createByteDiagramForType,
   getCodeForUniform,

diff --git a/webgpu/lessons/webgpu-matrix-math.js b/webgpu/lessons/webgpu-matrix-math.js
@@ -1,6 +1,6 @@
 import {
   makeShaderDataDefinitions,
-} from '/3rdparty/webgpu-utils.module.js';
+} from '/3rdparty/webgpu-utils-1.x.module.js';
 import {
   renderDiagrams
 } from './resources/diagrams.js';

diff --git a/webgpu/lessons/webgpu-memory-layout.js b/webgpu/lessons/webgpu-memory-layout.js
@@ -1,6 +1,6 @@
 import {
   makeShaderDataDefinitions,
-} from '/3rdparty/webgpu-utils.module.js';
+} from '/3rdparty/webgpu-utils-1.x.module.js';
 import {
   renderDiagrams
 } from './resources/diagrams.js';

diff --git a/webgpu/lessons/webgpu-memory-layout.md b/webgpu/lessons/webgpu-memory-layout.md
@@ -416,7 +416,7 @@ like this
 import {
   makeShaderDataDefinitions,
   makeStructuredView,
-} from 'https://greggman.github.io/webgpu-utils/dist/0.x/webgpu-utils.module.js';
+} from 'https://greggman.github.io/webgpu-utils/dist/0.x/webgpu-utils-1.x.module.js';
 
 const code = `
 struct Ex4a {

diff --git a/webgpu/lessons/webgpu-orthographic-projection.js b/webgpu/lessons/webgpu-orthographic-projection.js
@@ -1,7 +1,7 @@
 /*
 import {
   makeShaderDataDefinitions,
-} from '/3rdparty/webgpu-utils.module.js';
+} from '/3rdparty/webgpu-utils-1.x.module.js';
 import {
   renderDiagrams
 } from './resources/diagrams.js';

diff --git a/webgpu/lessons/webgpu-transparency.js b/webgpu/lessons/webgpu-transparency.js
@@ -5,7 +5,7 @@ import {
   createElem as el
 } from './resources/elem.js';
 import {mat4} from '/3rdparty/wgpu-matrix.module.js';
-import {createTextureFromSource} from '/3rdparty/webgpu-utils.module.js';
+import {createTextureFromSource} from '/3rdparty/webgpu-utils-1.x.module.js';
 
 
 const hsl = (h, s, l) => `hsl(${h * 360 | 0}, ${s * 100}%, ${l * 100 | 0}%)`;

diff --git a/webgpu/lessons/zh_cn/webgpu-memory-layout.md b/webgpu/lessons/zh_cn/webgpu-memory-layout.md
@@ -283,7 +283,7 @@ struct Ex4 {
 import {
   makeShaderDataDefinitions,
   makeStructuredView,
-} from 'https://greggman.github.io/webgpu-utils/dist/0.x/webgpu-utils.module.js';
+} from 'https://greggman.github.io/webgpu-utils/dist/0.x/webgpu-utils-1.x.module.js';
 
 const code = `
 struct Ex4a {

diff --git a/webgpu/webgpu-blend-compare-to-canvas.html b/webgpu/webgpu-blend-compare-to-canvas.html
@@ -30,7 +30,7 @@
 // see https://webgpufundamentals.org/webgpu/lessons/webgpu-utils.html#wgpu-matrix
 import {mat4} from '/3rdparty/wgpu-matrix.module.js';
 // see https://webgpufundamentals.org/webgpu/lessons/webgpu-utils.html#webgpu-utils
-import {createTextureFromSource} from '/3rdparty/webgpu-utils.module.js';
+import {createTextureFromSource} from '/3rdparty/webgpu-utils-1.x.module.js';
 
 const hsl = (h, s, l) => `hsl(${h * 360 | 0}, ${s * 100}%, ${l * 100 | 0}%)`;
 const hsla = (h, s, l, a) => `hsla(${h * 360 | 0}, ${s * 100}%, ${l * 100 | 0}%, ${a})`;

diff --git a/webgpu/webgpu-compute-shaders-histogram-4ch-javascript-w-timing.html b/webgpu/webgpu-compute-shaders-histogram-4ch-javascript-w-timing.html
@@ -18,7 +18,7 @@
   </body>
   <script type="module">
 // see https://webgpufundamentals.org/webgpu/lessons/webgpu-utils.html#webgpu-utils
-import { loadImageBitmap } from '../3rdparty/webgpu-utils.module.js';
+import { loadImageBitmap } from '../3rdparty/webgpu-utils-1.x.module.js';
 
 async function main() {
   const imgBitmap = await loadImageBitmap('resources/images/pexels-chevanon-photography-1108099.jpg'); /* webgpufundamentals: url */

diff --git a/webgpu/webgpu-compute-shaders-histogram-4ch-javascript.html b/webgpu/webgpu-compute-shaders-histogram-4ch-javascript.html
@@ -18,7 +18,7 @@
   </body>
   <script type="module">
 // see https://webgpufundamentals.org/webgpu/lessons/webgpu-utils.html#webgpu-utils
-import { loadImageBitmap } from '../3rdparty/webgpu-utils.module.js';
+import { loadImageBitmap } from '../3rdparty/webgpu-utils-1.x.module.js';
 
 async function main() {
   const imgBitmap = await loadImageBitmap('resources/images/pexels-chevanon-photography-1108099.jpg'); /* webgpufundamentals: url */

diff --git a/webgpu/webgpu-compute-shaders-histogram-4ch-optimized-16x16.html b/webgpu/webgpu-compute-shaders-histogram-4ch-optimized-16x16.html
@@ -23,7 +23,7 @@
 import {
   loadImageBitmap,
   createTextureFromSource,
-} from '../3rdparty/webgpu-utils.module.js';
+} from '../3rdparty/webgpu-utils-1.x.module.js';
 
 async function main() {
   const adapter = await navigator.gpu?.requestAdapter();

diff --git a/webgpu/webgpu-compute-shaders-histogram-4ch-optimized-more-gpu-draw-w-timing.html b/webgpu/webgpu-compute-shaders-histogram-4ch-optimized-more-gpu-draw-w-timing.html
@@ -24,7 +24,7 @@
 import {
   loadImageBitmap,
   createTextureFromSource,
-} from '../3rdparty/webgpu-utils.module.js';
+} from '../3rdparty/webgpu-utils-1.x.module.js';
 
 async function main() {
   const adapter = await navigator.gpu?.requestAdapter();

diff --git a/webgpu/webgpu-compute-shaders-histogram-4ch-optimized-more-gpu-draw.html b/webgpu/webgpu-compute-shaders-histogram-4ch-optimized-more-gpu-draw.html
@@ -23,7 +23,7 @@
 import {
   loadImageBitmap,
   createTextureFromSource,
-} from '../3rdparty/webgpu-utils.module.js';
+} from '../3rdparty/webgpu-utils-1.x.module.js';
 
 async function main() {
   const adapter = await navigator.gpu?.requestAdapter();

diff --git a/webgpu/webgpu-compute-shaders-histogram-4ch-optimized-more-w-timing.html b/webgpu/webgpu-compute-shaders-histogram-4ch-optimized-more-w-timing.html
@@ -22,7 +22,7 @@
 import {
   loadImageBitmap,
   createTextureFromSource,
-} from '../3rdparty/webgpu-utils.module.js';
+} from '../3rdparty/webgpu-utils-1.x.module.js';
 
 async function main() {
   const adapter = await navigator.gpu?.requestAdapter();

diff --git a/webgpu/webgpu-compute-shaders-histogram-4ch-optimized-more.html b/webgpu/webgpu-compute-shaders-histogram-4ch-optimized-more.html
@@ -21,7 +21,7 @@
 import {
   loadImageBitmap,
   createTextureFromSource,
-} from '../3rdparty/webgpu-utils.module.js';
+} from '../3rdparty/webgpu-utils-1.x.module.js';
 
 async function main() {
   const adapter = await navigator.gpu?.requestAdapter();

diff --git a/webgpu/webgpu-compute-shaders-histogram-4ch-optimized-w-timing.html b/webgpu/webgpu-compute-shaders-histogram-4ch-optimized-w-timing.html
@@ -22,7 +22,7 @@
 import {
   loadImageBitmap,
   createTextureFromSource,
-} from '../3rdparty/webgpu-utils.module.js';
+} from '../3rdparty/webgpu-utils-1.x.module.js';
 
 async function main() {
   const adapter = await navigator.gpu?.requestAdapter();

diff --git a/webgpu/webgpu-compute-shaders-histogram-4ch-optimized.html b/webgpu/webgpu-compute-shaders-histogram-4ch-optimized.html
@@ -21,7 +21,7 @@
 import {
   loadImageBitmap,
   createTextureFromSource,
-} from '../3rdparty/webgpu-utils.module.js';
+} from '../3rdparty/webgpu-utils-1.x.module.js';
 
 async function main() {
   const adapter = await navigator.gpu?.requestAdapter();

diff --git a/webgpu/webgpu-compute-shaders-histogram-4ch-race-fixed-fragment-shader.html b/webgpu/webgpu-compute-shaders-histogram-4ch-race-fixed-fragment-shader.html
@@ -22,7 +22,7 @@
 import {
   loadImageBitmap,
   createTextureFromSource,
-} from '../3rdparty/webgpu-utils.module.js';
+} from '../3rdparty/webgpu-utils-1.x.module.js';
 
 async function main() {
   const adapter = await navigator.gpu?.requestAdapter();

diff --git a/webgpu/webgpu-compute-shaders-histogram-4ch-race-fixed-w-timing-w-inner.html b/webgpu/webgpu-compute-shaders-histogram-4ch-race-fixed-w-timing-w-inner.html
@@ -22,7 +22,7 @@
 import {
   loadImageBitmap,
   createTextureFromSource,
-} from '../3rdparty/webgpu-utils.module.js';
+} from '../3rdparty/webgpu-utils-1.x.module.js';
 
 async function main() {
   const adapter = await navigator.gpu?.requestAdapter();

diff --git a/webgpu/webgpu-compute-shaders-histogram-4ch-race-fixed-w-timing.html b/webgpu/webgpu-compute-shaders-histogram-4ch-race-fixed-w-timing.html
@@ -22,7 +22,7 @@
 import {
   loadImageBitmap,
   createTextureFromSource,
-} from '../3rdparty/webgpu-utils.module.js';
+} from '../3rdparty/webgpu-utils-1.x.module.js';
 
 async function main() {
   const adapter = await navigator.gpu?.requestAdapter();

diff --git a/webgpu/webgpu-compute-shaders-histogram-4ch-race-fixed.html b/webgpu/webgpu-compute-shaders-histogram-4ch-race-fixed.html
@@ -21,7 +21,7 @@
 import {
   loadImageBitmap,
   createTextureFromSource,
-} from '../3rdparty/webgpu-utils.module.js';
+} from '../3rdparty/webgpu-utils-1.x.module.js';
 
 async function main() {
   const adapter = await navigator.gpu?.requestAdapter();

diff --git a/webgpu/webgpu-compute-shaders-histogram-4ch-slow-draw-in-js.html b/webgpu/webgpu-compute-shaders-histogram-4ch-slow-draw-in-js.html
@@ -21,7 +21,7 @@
 import {
   loadImageBitmap,
   createTextureFromSource,
-} from '../3rdparty/webgpu-utils.module.js';
+} from '../3rdparty/webgpu-utils-1.x.module.js';
 
 async function main() {
   const adapter = await navigator.gpu?.requestAdapter();

diff --git a/webgpu/webgpu-compute-shaders-histogram-4ch-slow-w-draw.html b/webgpu/webgpu-compute-shaders-histogram-4ch-slow-w-draw.html
@@ -23,7 +23,7 @@
 import {
   loadImageBitmap,
   createTextureFromSource,
-} from '../3rdparty/webgpu-utils.module.js';
+} from '../3rdparty/webgpu-utils-1.x.module.js';
 
 async function main() {
   const adapter = await navigator.gpu?.requestAdapter();

diff --git a/webgpu/webgpu-compute-shaders-histogram-4ch-slow.html b/webgpu/webgpu-compute-shaders-histogram-4ch-slow.html
@@ -22,7 +22,7 @@
 import {
   loadImageBitmap,
   createTextureFromSource,
-} from '../3rdparty/webgpu-utils.module.js';
+} from '../3rdparty/webgpu-utils-1.x.module.js';
 
 async function main() {
   const adapter = await navigator.gpu?.requestAdapter();

diff --git a/webgpu/webgpu-compute-shaders-histogram-4ch-with-race.html b/webgpu/webgpu-compute-shaders-histogram-4ch-with-race.html
@@ -21,7 +21,7 @@
 import {
   loadImageBitmap,
   createTextureFromSource,
-} from '../3rdparty/webgpu-utils.module.js';
+} from '../3rdparty/webgpu-utils-1.x.module.js';
 
 async function main() {
   const adapter = await navigator.gpu?.requestAdapter();

diff --git a/webgpu/webgpu-compute-shaders-histogram-equalization-javascript.html b/webgpu/webgpu-compute-shaders-histogram-equalization-javascript.html
@@ -18,7 +18,7 @@
   </body>
   <script type="module">
 // see https://webgpufundamentals.org/webgpu/lessons/webgpu-utils.html#webgpu-utils
-import { loadImageBitmap } from '../3rdparty/webgpu-utils.module.js';
+import { loadImageBitmap } from '../3rdparty/webgpu-utils-1.x.module.js';
 
 async function main() {
   const imgBitmap = await loadImageBitmap('resources/images/pexels-francesco-ungaro-96938-mid.jpg'); /* webgpufundamentals: url */

diff --git a/webgpu/webgpu-compute-shaders-histogram-invocations-w-timing.html b/webgpu/webgpu-compute-shaders-histogram-invocations-w-timing.html
@@ -22,7 +22,7 @@
 import {
   loadImageBitmap,
   createTextureFromSource,
-} from '../3rdparty/webgpu-utils.module.js';
+} from '../3rdparty/webgpu-utils-1.x.module.js';
 
 async function main() {
   const adapter = await navigator.gpu?.requestAdapter();

diff --git a/webgpu/webgpu-compute-shaders-histogram-invocations.html b/webgpu/webgpu-compute-shaders-histogram-invocations.html
@@ -21,7 +21,7 @@
 import {
   loadImageBitmap,
   createTextureFromSource,
-} from '../3rdparty/webgpu-utils.module.js';
+} from '../3rdparty/webgpu-utils-1.x.module.js';
 
 async function main() {
   const adapter = await navigator.gpu?.requestAdapter();

diff --git a/webgpu/webgpu-compute-shaders-histogram-javascript-w-timing.html b/webgpu/webgpu-compute-shaders-histogram-javascript-w-timing.html
@@ -18,7 +18,7 @@
   </body>
   <script type="module">
 // see https://webgpufundamentals.org/webgpu/lessons/webgpu-utils.html#webgpu-utils
-import { loadImageBitmap } from '../3rdparty/webgpu-utils.module.js';
+import { loadImageBitmap } from '../3rdparty/webgpu-utils-1.x.module.js';
 
 async function main() {
   const imgBitmap = await loadImageBitmap('resources/images/pexels-francesco-ungaro-96938-mid.jpg'); /* webgpufundamentals: url */

diff --git a/webgpu/webgpu-compute-shaders-histogram-javascript.html b/webgpu/webgpu-compute-shaders-histogram-javascript.html
@@ -18,7 +18,7 @@
   </body>
   <script type="module">
 // see https://webgpufundamentals.org/webgpu/lessons/webgpu-utils.html#webgpu-utils
-import { loadImageBitmap } from '../3rdparty/webgpu-utils.module.js';
+import { loadImageBitmap } from '../3rdparty/webgpu-utils-1.x.module.js';
 
 async function main() {
   const imgBitmap = await loadImageBitmap('resources/images/pexels-francesco-ungaro-96938-mid.jpg'); /* webgpufundamentals: url */

diff --git a/webgpu/webgpu-compute-shaders-histogram-optimized-16x16.html b/webgpu/webgpu-compute-shaders-histogram-optimized-16x16.html
@@ -23,7 +23,7 @@
 import {
   loadImageBitmap,
   createTextureFromSource,
-} from '../3rdparty/webgpu-utils.module.js';
+} from '../3rdparty/webgpu-utils-1.x.module.js';
 
 async function main() {
   const adapter = await navigator.gpu?.requestAdapter();

diff --git a/webgpu/webgpu-compute-shaders-histogram-optimized-more-w-timing.html b/webgpu/webgpu-compute-shaders-histogram-optimized-more-w-timing.html
@@ -22,7 +22,7 @@
 import {
   loadImageBitmap,
   createTextureFromSource,
-} from '../3rdparty/webgpu-utils.module.js';
+} from '../3rdparty/webgpu-utils-1.x.module.js';
 
 async function main() {
   const adapter = await navigator.gpu?.requestAdapter();

diff --git a/webgpu/webgpu-compute-shaders-histogram-optimized-more.html b/webgpu/webgpu-compute-shaders-histogram-optimized-more.html
@@ -21,7 +21,7 @@
 import {
   loadImageBitmap,
   createTextureFromSource,
-} from '../3rdparty/webgpu-utils.module.js';
+} from '../3rdparty/webgpu-utils-1.x.module.js';
 
 async function main() {
   const adapter = await navigator.gpu?.requestAdapter();

diff --git a/webgpu/webgpu-compute-shaders-histogram-optimized-w-timing.html b/webgpu/webgpu-compute-shaders-histogram-optimized-w-timing.html
@@ -22,7 +22,7 @@
 import {
   loadImageBitmap,
   createTextureFromSource,
-} from '../3rdparty/webgpu-utils.module.js';
+} from '../3rdparty/webgpu-utils-1.x.module.js';
 
 async function main() {
   const adapter = await navigator.gpu?.requestAdapter();

diff --git a/webgpu/webgpu-compute-shaders-histogram-optimized.html b/webgpu/webgpu-compute-shaders-histogram-optimized.html
@@ -21,7 +21,7 @@
 import {
   loadImageBitmap,
   createTextureFromSource,
-} from '../3rdparty/webgpu-utils.module.js';
+} from '../3rdparty/webgpu-utils-1.x.module.js';
 
 async function main() {
   const adapter = await navigator.gpu?.requestAdapter();

diff --git a/webgpu/webgpu-compute-shaders-histogram-race-fixed-fragment-shader.html b/webgpu/webgpu-compute-shaders-histogram-race-fixed-fragment-shader.html
@@ -22,7 +22,7 @@
 import {
   loadImageBitmap,
   createTextureFromSource,
-} from '../3rdparty/webgpu-utils.module.js';
+} from '../3rdparty/webgpu-utils-1.x.module.js';
 
 async function main() {
   const adapter = await navigator.gpu?.requestAdapter();

diff --git a/webgpu/webgpu-compute-shaders-histogram-race-fixed-w-timing-w-inner.html b/webgpu/webgpu-compute-shaders-histogram-race-fixed-w-timing-w-inner.html
@@ -22,7 +22,7 @@
 import {
   loadImageBitmap,
   createTextureFromSource,
-} from '../3rdparty/webgpu-utils.module.js';
+} from '../3rdparty/webgpu-utils-1.x.module.js';
 
 async function main() {
   const adapter = await navigator.gpu?.requestAdapter();

diff --git a/webgpu/webgpu-compute-shaders-histogram-race-fixed-w-timing.html b/webgpu/webgpu-compute-shaders-histogram-race-fixed-w-timing.html
@@ -22,7 +22,7 @@
 import {
   loadImageBitmap,
   createTextureFromSource,
-} from '../3rdparty/webgpu-utils.module.js';
+} from '../3rdparty/webgpu-utils-1.x.module.js';
 
 async function main() {
   const adapter = await navigator.gpu?.requestAdapter();