Live data from Hacker News

Parallax effect in browser using web-camera

github.com

11–20 of 20 posts

Re: Parallax effect in browser using web-camera

#11

Worked in latest iOS Safari for me, pretty cool!

Interesting, because it didn't work right for me, also on Safari with latest iPad OS. There was a brief second of motion, and then nothing. Maybe because I'm on an iPad and not an iPhone.

Probably it's need some time for load or reload would help?

Re: Parallax effect in browser using web-camera

#12

Worked in latest iOS Safari for me, pretty cool!

Interesting, because it didn't work right for me, also on Safari with latest iPad OS. There was a brief second of motion, and then nothing. Maybe because I'm on an iPad and not an iPhone.

On iPhone 11 and Safari, I had to tap the red camera icon in the address bar twice to disable and reenable the camera, then it worked.

Re: Parallax effect in browser using web-camera

#13
Oh, this is really cool! :) I recently made something similar (also uses TFjs for the head tracking): https://compassionate-murdock-82fdbb.netlify.app/ (source here: https://github.com/ath92/blazeface-css-parallax)

Yours seems a little faster/smoother/nicer though, so props for that. I used CSS to place the 3d objects though, so that might have something to do with it.

Re: Parallax effect in browser using web-camera

#17
post #13

Oh, this is really cool! :) I recently made something similar (also uses TFjs for the head tracking): https://compassionate-murdock-82fdbb.netlify.app/ (source here: https://github.com/ath92/blazeface-css-parallax ) Yours seems a little faster/smoother/nicer though, so props for that. I used CSS to place the 3d objects though, so that might have something to do with it.

These are fun projects. Even in the simple case it's somehow kind of magical and the effect can be remarkably compelling.

I made a simpler desktop version as a game years ago, with a small team at RHIT's "Catapult" summer camp. Not sure I still have the code for it sadly.

We had a custom software 3D renderer with OpenCV face-tracking for both the parallax effect and steering the player character around obstacles.

Re: Parallax effect in browser using web-camera

#19
post #16

Are there ways to make it work on a mobile phone? If not, what is the issue

In Firefox Preview, it seems the examples, after granting them camera access, use the primary camera, thus not detecting any face to track

interesting, thanks!
Post reply on HN