Gray-pic
デモ
ソースコード
// ダイナミックインポートされるため拡張子あり、相対パスで指定
// 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="gray-pic" data-tex-1="/sample1.jpg" />
使用画像・動画
- こちらを参考にダウンロードした各ファイルを配置してください。