Public
Edited
Nov 9, 2023
1 star
Insert cell
Insert cell
Insert cell
renderer.domElement
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
material = new THREE.ShaderMaterial({
vertexShader: vertexShaderTxt,
fragmentShader: fragmentShaderTxt,
side: THREE.DoubleSide,
uniforms: {
uTime: { value: 0 },

uBigWavesElevation: { value: 0.2 },
uBigWavesFrequency: { value: new THREE.Vector2(4, 1.5) },
uBigWavesSpeed: { value: 0.75 },

uSmallWavesElevation: { value: 0.15 },
uSmallWavesFrequency: { value: 3 },
uSmallWavesSpeed: { value: 0.2 },
uSmallWavesInterations: { value: 4 },

uDepthColor: { value: new THREE.Color(debugObject.depthColor) },
uSurfaceColor: { value: new THREE.Color(debugObject.surfaceColor) },
uColorOffset: { value: 0.08 },
uColorMultiplier: { value: 5 }
}
})
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell

Purpose-built for displays of data

Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
Learn more