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.
Parallax effect in browser using web-camera
11–20 of 20 posts
Re: Parallax effect in browser using web-camera
#12Worked 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.
Re: Parallax effect in browser using web-camera
#13Yours 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
#14Re: Parallax effect in browser using web-camera
#15Re: Parallax effect in browser using web-camera
#16Re: Parallax effect in browser using web-camera
#17Oh, 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.
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
#18Are there ways to make it work on a mobile phone? If not, what is the issue
Re: Parallax effect in browser using web-camera
#19Re: Parallax effect in browser using web-camera
#20@3d_photo_app on IG