Lenticular.js - tilt-controlled images

http://lenticular.attasi.com/#

by namzo • 14 years ago

110 47 14 years ago

lenticular.attasi.com

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.

cheald• 14 years ago

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

hayksaakian• 14 years ago

Same here, n7 + g.nexus

sspiff• 14 years ago

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

zapdrive• 14 years ago

Doesn't work on my Google Nexus either.

StavrosK3• 14 years ago

Works fine on mine, in Chrome.

josteink3• 14 years ago

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

patrickaljord2• 14 years ago

Works great here, galaxy nexus on jellybean with chrome.

bagosm• 14 years ago

Just tried this on my iPhone 3Gs, not working

paulrademacher• 14 years ago

Not working on ipad or Galaxy Nexus either.

dvhh• 14 years ago

Working on galaxy s2 ISW11SC ICS with chrome

opera not working

aurora not working

stock browser not working

Keyframe• 14 years ago

Doesn't work on WP7 either.

drivebyacct22• 14 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• 14 years ago

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

drivebyacct22• 14 years ago

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

cool_guy• 14 years ago

Coup

pierrend• 14 years ago

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

true_religion• 14 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• 14 years ago

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

MattBearman• 14 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.

mobweb• 14 years ago

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

lutusp• 14 years ago

A repeat post:

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

navs• 14 years ago

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

josteink3• 14 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.

patrickaljord2• 14 years ago

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

josteink3• 14 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?

d0ugal• 14 years ago

Works fine on desktop Chrome for me.

leeoniya• 14 years ago

working on Fennec (firefox mobile) nightly

lowboy• 14 years ago

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

altrego99• 14 years ago

Huh... mildly NSFW description in the page.

thomasxiii• 14 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• 14 years ago

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

bmunro2• 14 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• 14 years ago

Jerky too on my SGS II

hamoid• 14 years ago

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

jasonkolb• 14 years ago

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

joshuahhh2• 14 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• 14 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.

mnicole• 14 years ago

Guess I'm not the target audience?

joshuahhh2• 14 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.)

optymizer• 14 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 :)

Aissen• 14 years ago

Doesn't work on Firefox for Android.

pastaking• 14 years ago

What license is this under?

Lenticular.js - tilt-controlled images

Related Stories