Lenticular.js - tilt-controlled images

josteink 13 years ago |

From the pictures itself it seems obvious that whoever wrote this suffers from the infamous valley "if it works on my iPhone, it's standard-compliant"-syndrome.

Because, you know, it breaks horribly in most stuff I throw at it and performs horribly bad even on desktop Chrome on a dev-machine.

d0ugal 13 years ago | |

Works fine on desktop Chrome for me.

lowboy 13 years ago | |

Works fine on Chrome stable on my desktop, and on Chrome on my Galaxy SII. Haven't tested other browsers.

patrickaljord 13 years ago | |

It works great here on both ubuntu (xps 13 laptop) and android (Jelly Bean) with the latest chrome.

josteink 13 years ago | | |

Still. iPhone (only) tailored web-development has taken the web back into the "this site was designed for MSIE" abyss.

Guessing if things posted on HN will work in browsers and OSes I use (non provided by Apple, for highly ethical reasons) is a daily game of chance.

Is that really what we want? Is that the future we want? Wasn't this what we all shunned Microsoft for doing?

jasonkostempski 13 years ago | | |

The difference is that when people build on cutting edge tech that just about everyone agrees will be standard eventually they help push the advancement of that technology, when people built for IE only they used tech just about everyone agreed was horrible, caused vendor lock-in and was a huge security risk. I think if it works on Chrome, Firefox, IE 10, Windows, Linux, Mac, iOS and Android, we're pretty clear of vendor lock-in.

leeoniya 13 years ago | |

working on Fennec (firefox mobile) nightly

joshuahhh 13 years ago |

As much as I personally enjoy the demo the creator chose for the main page, I wonder whether said creator could have found a "flo-mo" view of something captivating for reasons other than "this chick is hot". (There's a really unpleasant history of the male gaze being squeezed into tech demos -- I don't think we need to do that anymore.)

michaelwww 13 years ago | |

On the contrary, it makes perfect sense given the target audience. I don't have a problem with hunky males appearing on the covers of romance novels.

joshuahhh 13 years ago | | |

I think you're trying to say something like "as long as developers are primarily men, marketing to developers means marketing to men". I see logic in that. But what you're leaving out is that the lack of women in tech fields is a serious problem, and it's a problem that is reinforced every time you do something that assumes a developer must be a man. So, whether or not this kind of demo is effective, I think it's destructive and irresponsible, in a small way.

(Besides, I find sex in advertising to be distasteful and kind of insulting. I expect it on TV, but I'd hope that the small community we have here would be a bit less base.)

mnicole 13 years ago | | |

Guess I'm not the target audience?

thomasxiii 13 years ago |

Hey guys, thanks for checking this out. It was a really fun project to build! There are plenty of bugs to fix and devices to test. If you'd like to help, shoot me a pull request: https://github.com/thomasxiii/lenticular.js.

Peroni 13 years ago | |

Doesn't work on Safari on the iPad2 for me.

MattBearman 13 years ago |

To those saying it isn't working, have you tried waiting? It seems the frames aren't pre loaded, so for the first few seconds of tilting on my iPhone 4s I was just getting a black screen with the occasional flicker.

lutusp 13 years ago |

A repeat post:

http://news.ycombinator.com/item?id=4612615

cheald 13 years ago |

Is this supposed to work on Android devices? It doesn't seem to do anything on my N7.

sspiff 13 years ago | |

Doesn't work with any of my Android devices or browsers, so I'm guessing no.

josteink 13 years ago | |

It sorta works in a broken way in 4.1.2 on my Galaxy Nexus running stock browser.

patrickaljord 13 years ago | |

Works great here, galaxy nexus on jellybean with chrome.

zapdrive 13 years ago | |

Doesn't work on my Google Nexus either.

StavrosK 13 years ago | | |

Works fine on mine, in Chrome.

hayksaakian 13 years ago | |

Same here, n7 + g.nexus

optymizer 13 years ago |

It's neat at first, but then it becomes very distracting, to the point where it is difficult to focus on anything else on the page. Perhaps the mouse movement can be captured only when it enters a bounding box around the image (+ some padding)?

I'm not sure if I can think of a use case for this, but I am also confident that someone, somewhere, will make an awesome thing using lenticular.js :)

PeterMcCanney 13 years ago |

I can see a lot of use for this for product reviews on sales sites. It would have to default to a static image first though.

Great work.

altrego99 13 years ago |

Huh... mildly NSFW description in the page.

bmunro 13 years ago |

This works fine on my Galaxy Nexus. I'm using Chrome.

The only suggestion that I have is to do some smoothing of the values you get from the accelerometer. The movement can be a bit jerky.

denysonique 13 years ago | |

Jerky too on my SGS II

navs 13 years ago |

Gorgeous. Can't wait to use this on a project.

bagosm 13 years ago |

Just tried this on my iPhone 3Gs, not working

paulrademacher 13 years ago | |

Not working on ipad or Galaxy Nexus either.

dvhh 13 years ago | | |

Working on galaxy s2 ISW11SC ICS with chrome

opera not working

aurora not working

stock browser not working

Keyframe 13 years ago | | |

Doesn't work on WP7 either.

mobweb 13 years ago |

Is this supposed to work on the iPad as well? Only seems to work on my iPhone... But it's very cool!

hamoid 13 years ago |

I got a matte display to avoid reflections, but apparently someone found a workaround...

jasonkolb 13 years ago |

Interesting... I'm trying to think up an actual use for it now.

Aissen 13 years ago |

Doesn't work on Firefox for Android.

pastaking 13 years ago |

What license is this under?

pierrend 13 years ago |

The idea is nice. It shouldn't tell "things you'll never own" for the Lamborghini Aventador.

true_religion 13 years ago | |

Well it is a 379,700 USD auto... most people aren't going to own it even if they can afford it.

quorn3000 13 years ago | | |

If you have to ask how much it costs, you can't afford it.

drivebyacct2 13 years ago |

I'm flooded with emotions. Where on earth did you come up with the name? I'm... a fan.

Also, the idea is very cool. There was a gif site posted here or reddit the other day that consumed far too much of my time. Similar to this, but this has to be fun to do while tilting the ipad. (Android version?)

Semiapies 13 years ago | |

http://en.wikipedia.org/wiki/Lenticular_printing

drivebyacct2 13 years ago | | |

Ah, a different word than what I was going with :)

StavrosK 13 years ago | | |

What word were you going with?

bmunro 13 years ago | | |

I think of lens-shaped objects, particularly lenticular clouds.

Until now I did not know what the name of those moving images were.

(I'm not the original poster)

StavrosK 13 years ago | | |

Ah, that's what I thought you meant too, but I'm a bit confused about what amazed you in the name. It's a good name, but I think it doesn't make much sense in this context, if it weren't for lenticular printing.

cool_guy 13 years ago | |

Coup