https://github.com/tetracalibers/webgl-practice-ground

WebGLとGLSLの遊び場
https://github.com/tetracalibers/webgl-practice-ground

Last synced: 11 days ago
JSON representation

WebGLとGLSLの遊び場

• Host: GitHub
• URL: https://github.com/tetracalibers/webgl-practice-ground
• Owner: tetracalibers
• Created: 2023-03-21T07:32:25.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2023-09-13T04:02:13.000Z (over 1 year ago)
• Last Synced: 2024-11-07T21:19:53.865Z (2 months ago)
• Language: TypeScript
• Homepage: https://tetracalibers.github.io/webgl-practice-ground/
• Size: 93.1 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## 構成

```

src

├── canvas（描画サンプル）

│   └── *

│       ├── canvas.astro（canvas要素とその描画処理）

│       ├── doc（アルゴリズムノート）

│       ├── index.frag（フラグメントシェーダ）

│       └── index.vert（頂点シェーダ）

├── content（ページのコンテンツ）

│   ├── config.ts（フロントマター型定義）

│   └── study（描画サンプル表示ページのコンテンツ）

│       └── *.mdx

├── layout（ページの枠組み）

├── lib（オレオレヘルパーライブラリ）

│   ├── canvas（canvas要素とそのコンテキストの操作）

│   │   └── index.ts

│   ├── control（ユーザ操作や状態の管理）

│   │   ├── mouse-coords.ts（マウス座標の管理）

│   │   └── timer.ts（経過時間の管理）

│   ├── event（イベント処理）

│   │   ├── clock.ts（レンダーループの管理）

│   │   └── event-emitter.ts（独自イベント制御）

│   ├── gui（GUIコントロールの作成と操作）

│   ├── math（数学演算）

│   │   ├── matrix.ts（行列）

│   │   ├── quaternion.ts（クォータニオン）

│   │   ├── radian.ts（角度）

│   │   └── vector.ts（ベクトル）

│   ├── shader（シェーダのコンパイル）

│   │   └── compile.ts

│   └── webgl（WebGLヘルパー）

│       ├── camera.ts（カメラ）

│       ├── program.ts（シェーダとプログラム）

│       ├── scene.ts（描画オブジェクトの管理）

│       ├── shader-data.type.ts（ユニフォーム/アトリビュート関連の型）

│       ├── transforms.ts（座標変換）

│       └── uniform-reflect.ts（ユニフォーム変数をシェーダに送る）

└── pages（ページ）

    ├── [slug].astro（各描画サンプル表示ページ）

    └── index.astro（目次ページ）

```