Rain

デモ

ソースコード

// ダイナミックインポートされるため拡張子あり、相対パスで指定
// Specified with a relative path and with an extension because it is dynamically imported.
import frag from "./fragment.glsl";
import vert from "./vertex.glsl";
import { Ob } from "negl";

export default class extends Ob {
  setupFragment() {
    return frag;
  }
  setupVertex() {
    return vert;
  }
}

利用方法

⚠️

ダウンロードしたコードをプロジェクトに配置し、以下のコードを記述してください。

index.html

<img
  class="screen"
  data-webgl="rain"
  data-tex-1="/sample1.jpg"
  data-tex-2="/rain.png"
/>

使用画像・動画

こちらを参考にダウンロードした各ファイルを配置してください。

plane-sphere ray-marching