Possible to work with other images? about glsl-fast-gaussian-blur HOT 6 OPEN

The demo should work with any base64 datauri or just a plain url like images/foo/bar.png. It gets passed to the src attribute of an <img> tag, which is then uploaded to a texture. The demo assumes the texture is 512x512.

from glsl-fast-gaussian-blur.

p.s. Feel free to paste some code if you are having trouble. 😄

from glsl-fast-gaussian-blur.

Which function would I pass the image source to? Instead of:

var uri = require('baboon-image-uri')

could i something like:

var uri = 'http://google.com/someimage.jpg'

(I'm referring to line 13)

This is my repo:
https://github.com/amilajack/glsl-fast-gaussian-blur

from glsl-fast-gaussian-blur.

Yup, you should be able to just replace uri with anything. If you are using a cross-domain image (i.e. it's not hosted on the same server as your index.html) then you may run into problems. You can try using crossOrigin like this:

loadImg(url, { crossOrigin: 'anonymous' }, callback);

p.s. I pushed a slight change to use the load-img module instead of img, since the latter has changed authors from version 0.x to 1.x and is basically unstable. 😄

from glsl-fast-gaussian-blur.

For me, this works:

loadImage(uri, start)

// var someImage = 'https://upload.wikimedia.org/wikipedia/commons/d/d4/CH_cow_2_cropped.jpg'
// loadImage(someImage, { crossOrigin: 'anonymous' }, start)

and this doesn't

// loadImage(uri, start)

var someImage = 'https://upload.wikimedia.org/wikipedia/commons/d/d4/CH_cow_2_cropped.jpg'
loadImage(someImage, { crossOrigin: 'anonymous' }, start)

These are the only lines I changed after doing a fresh clone.

from glsl-fast-gaussian-blur.

The demo assumes the texture is 512x512

Is there a way to make this demo work with other image that are of different dimensions?

from glsl-fast-gaussian-blur.