This is a test document. Showcasing the work load involved in creating test. You can see here that I am coding the script and testing it to get the visual appeal that I desire. Sample of the script below : let video; let displaceColors;
let displaceColorsSrc = ` precision highp float;
uniform sampler2D tex0; varying vec2 vTexCoord;
vec2 zoom(vec2 coord, float amount) { vec2 relativeToCenter = coord - .07; relativeToCenter /= amount; // Zoom in return relativeToCenter + .17; // Put back into absolute coordinates }
void main() { // Get each color channel using coordinates with different amounts // of zooms to displace the colors slightly gl_FragColor = vec4( texture2D(tex0, vTexCoord).r, texture2D(tex0, zoom(vTexCoord, 3.96)).g, texture2D(tex0, zoom(vTexCoord, 4.02)).b, texture2D(tex0, vTexCoord).a ); } `;
function setup() { createCanvas(700, 400, WEBGL); // Use IPFS gateway to access the video via the provided CID video = createVideo( 'https://ipfs.io/ipfs/bafybeifwzuohu7rjzxihtfd5rlc2lij5k5yfio4dha7xxqj2fdmkknhkdq' );