Gaussian-blur

デモ

ソースコード

import { Ob } from "negl";
import vertexShader from "./vertex.glsl";
import fragmentShader from "./fragment.glsl";

export default class extends Ob {
  setupVertex() {
    return vertexShader;
  }
  setupFragment() {
    return fragmentShader;
  }
}

利用方法

⚠️

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

index.html

<img class="screen" data-webgl="gaussian-blur" data-tex-1="/sample1.jpg" />

使用画像・動画

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

circle gray-pic