React+WebGPUで2次元データをビューポート内でタイル状に可視化するコンポーネントを作った - Qiita

React+WebGPUで2次元データをビューポート内でタイル状に可視化するコンポーネントを作った - Qiita

これは何？ WebGPU-React-Bitmap-Viewport - a React component that uses WebGPU to render bitmap dat...概要を表示 これは何？ WebGPU-React-Bitmap-Viewport - a React component that uses WebGPU to render bitmap data within a set of viewports synchronously をつくりました。ビットマップ画像データをビューポート内に表示して、Zoom / Pan / Pinch 操作ができます。 ビューポート内のマウスドラッグ操作、マウスホイール操作、ビューポート下端および右端に表示されたスクロールバーでの操作により、ビューポートをインタラクティブに移動・拡大・縮小できます 境界を超えてスクロールしようとするとバウンスします ひとつの画像データをもとに、複数のビューポートを連動させて、互いのビューポートの表示範囲を強調した形で表示できます JavaScript的にUint32ArrayやUint8A