I'd like to implement this functionality (i.e. 3d effect) across several images on the same page without having to do a reload. After digging around in the code it seems possible - just requires a few changes to clean up on each go-round.

I have page that used this lib that I transform to Vue component.
Which vue-lib could be use used instead of this?
Or may be there possible to use this lib directly in vue-component?

I really hope that these amazing project has full built chain.(like npm and webpack).

Is there are any image converting into that Helper image :) I wanna be lazy :P

Hey there,

Thanks for the library, it's great!

Do you think that can work with a video too?
I would like to try but you think that it will be possible?

Best

Hi sir, horizontal movement working on device but vertical tilt effect not working. I also try with increasing tilt effect value but that also not work. I also open and check your demo link but that's also not working.

Hello.
I read your article and I was really impressed with your work.
So I downloaded your Demo code for studying and opened it. but I can't load the image.
I got an error from the console.

Uncaught DOMException: Failed to execute 'texImage2D' on 'WebGLRenderingContext': The image element contains cross-origin data, and may not be loaded.

How can I fix this problem and see properly it on my local status?

by the way, Sorry to my poor English. I hope you to understand my situation and reply it
Thanks.

Need to be changed accelerator sensor direction on mobile when device is rotated.

This library is awesome. Some images are not very suitable to use for Fake3d though, and you get a double image effect in areas with missing data. Right now I put a limit on the vertical and horizontal thresholds but I have noticed that Facebook blurs these parts rather than showing the same data twice, which works rather well to a certain extent. Is it possible to do something similar with this code?

Sorry for opening an issue while I just have a question.

First of all what you've done is great!

My question is - what are verticalThreshold and horizontalThreshold used for? What is their significance? I see that you use different numbers per different demo page.

Thanks!

When using Windows 10 Desktop, Chrome Version 76.0.3809.100 (Official Build) (64-bit), the animation releases and bounces back when the mouse is stopped. I have uploaded a demo of the issue here:

https://vimeo.com/user102318694/review/356602939/1a6a386806

Can you fix this so that the effect behaves the same as in the same Chrome Version on other OSs?

Sample give errors while open index page locally in chrome browser. Please help I need to open sample locally. Firefox working fine.

I can't figure out why your application for 3d webgl works when using https://tympanus.net/Tutorials/Fake3DEffect/ but when I try to use it on a test website/localhost ... using my mobile device it won't work. An example I used the 3d webgl to move a image shown here https://www.torontosprimecondos.com/index.html ,works fine in a browser but not at all on mobile device while your website works fine.

Hi!

In src.js there are lines like this:

import fragment from './shaders/fragment.glsl';
import vertex from './shaders/vertex.glsl';

Please tell me which mime-type to pass to use GLSL as ES6 imports?

Дякую!

hello and thanks for the great library! i have added a scroll event for my project and it works great. i was wondering, do you have a quick trick for offsetting the image so when cropped the canvas focuses a specific area? either in percent like 75% 100% or just "center right" or something like that.

any help is appreciated!

Hello,

I'm trying to implement this effect on a barba.js website.

For those that don't know what is barba.js, it allow to navigate throught page without any reload, like a SPA.

As there is no page reload, the effect don't initialize properly. Barba.js give some events when the loading is finished to init all scripts, but it seems that this demo don't have any function that would allow to reinit the 3D effect when you want with a simple call.

Thank you

Alex