KITASENJU DESIGN BLOG

memo, html, javascript, unity

Entries from 2022-11-23 to 1 day

p5jsをthreejsのテクスチャとして使う

以下のようなクラスを継承して使った import p5 from 'p5'; import * as THREE from 'three'; export class p5MainBase { public _canvasTex:THREE.CanvasTexture; public canvasElement:HTMLCanvasElement; public _width:number = 512; public _height:num…

SVG filter

yoksel.github.io

波動方程式を解く

www.nicovideo.jp 単位 メートル→ピクセル 秒→1フレーム 波動方程式 (1/s2) * (d2u / dt2) = Δu 1/s2 = 伝搬 uは波の高さ d2/dt2は2回微分を表す(二階微分なので変化量の変化量) つまり時間に対する変化の変化 Δはラプラス演算子(ラプラシアン) d2u/dt…

パラメーターをシェーダーにDataTextureで渡す

import * as THREE from 'three'; import { DataTexture, Vector2 } from 'three'; export class ParamTexture{ public dataTex:DataTexture; public size:THREE.Vector2; constructor() { let ruleTexWidth = 32; this.size = new Vector2(ruleTexWidth,rul…

"FOOTER"