5 ms·
Real Shadow: jQuery Plugin that casts photorealistic shadows
- aw3c2 14y agoMaybe it is the amount of shadow-casting items on that page but if your landing page maxes out my cpu and lags badly, I say goodbye faster than 20 frames render. (I use Opera.) edit: They do look good though!
- ars 14y agoI moved the cursor across the page and nothing of interest happened. This is Firefox 12. It did work on chrome though.
- kevingadd 14y agoDoesn't work in Firefox 14 either.
- KwanEsq 14y agoSee my reply above.
- KwanEsq 14y agoDo you have NoScript or similar? Even with scripts enabled it doesn't work for me, because of the mimetype: "[NoScript] Blocking nosniff Javascript served from https://raw.github.com/Indamix/real-shadow/master/realshadow.js https://raw.github.com/Indamix/real-shadow/master/realshadow... with wrong type info text/plain, inline and included by http://indamix.github.com/real-shadow/ http://indamix.github.com/real-shadow/ Edit: the fix is to add https://raw.github.com/ https://raw.github.com/ to the pref noscript.inclusionTypeChecking.exceptions in about:config
- ars 14y agoYup. Although I did switch it to "allow scripts globally", but I guess that's not enough. And, sorry, but I'm not going to add that to about config.
- asto 14y agoWorks on Firefox 12 (Linux) for me!
- hamoid 14y agoWhere is the cursor on my phone? :)
- lucian1900 14y agoWorks on FF 12, but it's extremely slow.
- petepete 14y agoBeautifully smooth for me, with Chrome 20 on Linux.
- illdave 14y agoJust to confirm, it's working well on Chrome 20 on Mac for me (no lag, not maxing out the CPU, very smooth). It's interesting from a technical perspective, although design-wise I can't really see any practical reason to use it. Fun though.
- regnum 14y agoLooks very nice in Chrome.
- regnum 14y agoLooks very nice in Chrome.
- jheriko 14y agoFYI doesn't work with IE 10
- happypeter 14y agoubuntu1104+Chrome: perfect Mac+firefox13: a bit slow
- mxfh 14y agoThis one even had lights. Illuminated.js – 2D lights and shadows rendering engine for HTML5 applications http://news.ycombinator.com/item?id=3958251 http://news.ycombinator.com/item?id=3958251
- ddon 14y agoOn iPad I see shadows, but can't control them...
- deleted 14y ago[deleted]
- asto 14y agoWorks quite nicely on Chrome. Too much lag on Firefox and Opera!
- basseq 14y agoIt may just be for demo purposes, but using the mouse cursor as a light source seems like the 2012 equivalent of animated GIF backgrounds. Might be cool it could you specify a point light source at a given coordinate and let the page render from there.
- iambot 14y agoYou can. if you read the github readme, is shows clearly how to both disable the mouseFollow and set a global light source.
- deleted 14y ago[deleted]
- riotgibbon 14y agowell, I liked it, well done
- PhrosTT 14y ago2000 - drop shadows. 2005 - transparent drop shadows. 2012 - realtime drop shadows!
- Cushman 14y agoThe effect is cool, so I hate to ask this, but-- in what sense is this "photorealistic"? They look like normal soft shadows to me.
- evride 14y ago"Perfect for eye-catching demos and landing pages." Can we stop creating stuff in JS/CSS that we would have ridiculed other people for doing in flash? I can't possibly think of any situation where this would be useful for a landing page.
- Cushman 14y agoFlash wasn't ridiculed because of how it looked. The principle of integrating interactive content into web pages is a fine one, so long as it's done in a way that's semantically consistent, machine readable, searchable, accessible, reliable, not too obtrusive, forgiving of network latency and performance, cross-platform, cross-device, and tolerant of errors -- the web, in other words. Flash was... not. That doesn't mean we stop trying to make web pages look prettier.
- jgv 14y agoMy company released this effect a couple of months ago: http://okfoc.us/okshadow/ http://okfoc.us/okshadow/ and https://github.com/okfocus/okshadow https://github.com/okfocus/okshadow
- alttab 14y agoThis pegged my duo core at 100% for both cores. Realtime shadows are great and all, but if I needed to achieve them I'd imagine I'd use WebGL if I didn't care about CPU or battery. Using jQuery for this type of problem seems a little out of place to me. That said, this is certainly "neat." THAT said, I don't believe this has real world practical value. Its too computationally expensive considering what it adds.
- jgv 14y agofor a real world application – at okfocus we used our version of this effect on http://tugofstore.com http://tugofstore.com and it added to the realtime "tug" effect by making it more of a visceral experience for users. perhaps ours is less computationally expensive idk.
- inafield 14y agoImpractical now, but cool as a tech-demo. i7-2640M cpu usage is at 24% on Chrome Canary 21 with this.
- jmah 14y agoI'd use WebGL if I did care about CPU and battery.
- savories 14y agoNeeds more lens flare. And some bevels. Then we're back in 1998.