Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Realtime Responsive Typography Based on Viewing Distance via Webcam

webdesign.maratz.com

Post reply on HN
Print view View original

41–50 of 61 posts

Re: Realtime Responsive Typography Based on Viewing Distance via Webcam

#41

Post by Retric »

matsiyatzy wrote: post #40
fredley wrote: post #15

Great idea, a couple of small improvements would make it even better: * Use a moving average, to avoid flickery transitions * Animate the text to the target size rather than changing in steps. This would mitigate the flickering problem too.

Hi, creator of the headtrackr library here. As far as the headtrackr library goes, it does include a smoother (moving average) to avoid jittering of the tracking. It's set pretty low by default though, since heavy smoothing will lead to lag in tracking sudden movements. Any kind of moving average is a trade-off between responsiveness and smoothness, unfortunately...

One of the best ways to deal with this is to create a minimum lag for changes in direction which is dependent on the magnitude of change.

AKA, assuming you just bumped v from 10 - 11 based on a change from 100.9cm to 101cm then going back to 100.9cm will not change things for say 1second, going to 99cm changes things in 100ms second, 98cm changes in 100ms.

Re: Realtime Responsive Typography Based on Viewing Distance via Webcam

#42

Post by Wintamute »

Cool experiment! But maybe I'm not understanding something. When a human can't see an object in sufficient detail they lean forwards to increase its apparent size in their optical field. This breaks that fundamental interaction. When you lean forward it stays the same size. Argh! In other words if your eyes are good enough to read the large text, they'll be good enough to read the small text when you lean in - nothing has changed, the system maintains the text's apparent size. If on the other hand your eyesight isn't good enough to read the large text leaning in won't help!

Re: Realtime Responsive Typography Based on Viewing Distance via Webcam

#43

Post by Eduard »

Wintamute wrote: post #42

Cool experiment! But maybe I'm not understanding something. When a human can't see an object in sufficient detail they lean forwards to increase its apparent size in their optical field. This breaks that fundamental interaction. When you lean forward it stays the same size. Argh! In other words if your eyes are good enough to read the large text, they'll be good enough to read the small text when you lean in - nothin…

To solve this, the responsive website should first calibrate on you as a user (either by a user supplying his eyesight quality or by going through some simple OK/NOTOK tests).

As a workaround, change the font-size to suite you (on desktop browsers, Ctrl+Mousewheel)

Re: Realtime Responsive Typography Based on Viewing Distance via Webcam

#45

Post by matsiyatzy »

Retric wrote: post #41
matsiyatzy wrote: post #40

Earlier quoted context omitted.

Hi, creator of the headtrackr library here. As far as the headtrackr library goes, it does include a smoother (moving average) to avoid jittering of the tracking. It's set pretty low by default though, since heavy smoothing will lead to lag in tracking sudden movements. Any kind of moving average is a trade-off between responsiveness and smoothness, unfortunately...

One of the best ways to deal with this is to create a minimum lag for changes in direction which is dependent on the magnitude of change. AKA, assuming you just bumped v from 10 - 11 based on a change from 100.9cm to 101cm then going back to 100.9cm will not change things for say 1second, going to 99cm changes things in 100ms second, 98cm changes in 100ms.

Hmm, that's interesting. Is there any name for that kind of method? I might look at implementing it.

Re: Realtime Responsive Typography Based on Viewing Distance via Webcam

#47

Post by shalmanese »

matsiyatzy wrote: post #45
Retric wrote: post #41

Earlier quoted context omitted.

One of the best ways to deal with this is to create a minimum lag for changes in direction which is dependent on the magnitude of change. AKA, assuming you just bumped v from 10 - 11 based on a change from 100.9cm to 101cm then going back to 100.9cm will not change things for say 1second, going to 99cm changes things in 100ms second, 98cm changes in 100ms.

Hmm, that's interesting. Is there any name for that kind of method? I might look at implementing it.

Hysteresis

Re: Realtime Responsive Typography Based on Viewing Distance via Webcam

#48

Post by rjvin »

Wintamute wrote: post #42

Cool experiment! But maybe I'm not understanding something. When a human can't see an object in sufficient detail they lean forwards to increase its apparent size in their optical field. This breaks that fundamental interaction. When you lean forward it stays the same size. Argh! In other words if your eyes are good enough to read the large text, they'll be good enough to read the small text when you lean in - nothin…

I don't think the application of this technology would be the way it is on this page: likely it would detect your face and then set the text accordingly, and then leave it alone. A constantly changing text size is bad interaction anyway.

Re: Realtime Responsive Typography Based on Viewing Distance via Webcam

#50

Post by Ao7bei3s »

matsiyatzy wrote: post #40
fredley wrote: post #15

Great idea, a couple of small improvements would make it even better: * Use a moving average, to avoid flickery transitions * Animate the text to the target size rather than changing in steps. This would mitigate the flickering problem too.

Hi, creator of the headtrackr library here. As far as the headtrackr library goes, it does include a smoother (moving average) to avoid jittering of the tracking. It's set pretty low by default though, since heavy smoothing will lead to lag in tracking sudden movements. Any kind of moving average is a trade-off between responsiveness and smoothness, unfortunately...

Yes, but Kalman filter.
Post reply on HN