Template

デモ

ソースコード

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="template"  data-tex-1="/sample1.jpg"></img>

使用画像・動画

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

sticky-plane triangle-mosaic