indamix / real-shadow Goto Github PK
View Code? Open in Web Editor NEWModule that casts photorealistic shadows
Home Page: https://indamix.github.io/real-shadow
License: MIT License
Module that casts photorealistic shadows
Home Page: https://indamix.github.io/real-shadow
License: MIT License
Hello,
I don't know if the script is still maintained...
Anyway, is there a solution to inverse the shadow direction, in order to attract the shadow when the mouse moves?
Thank you in advance,
jB
I'm on the newest update of Chromium on Ubuntu and it doesn't look like my shadows move when I update via JQuery with followMouse set to false. Is this because there's no correct way to handle such a thing?
This is all I've done so far:
http://dropcanvas.com/ewe8w (real-shadow and jquery script calls will need to be relinked)
edit: in fact, when followmouse is set to true and I move the box, it still acts as if it's in the same place
Reminds me of a thing OKFocus made though, https://github.com/okfocus/okshadow
project page http://indamix.github.com/real-shadow/ is not working, as newest Google Chrome refuses to run javascrip served as text/plain (and raw.github.com is doing exactly this).
Chrome console error:
Refused to execute script from 'https://raw.github.com/Indamix/real-shadow/master/realshadow.js' because its MIME type ('text/plain') is not executable, and strict MIME type checking is enabled. indamix.github.io/:1
When the windows is resized, it seems the plugin doesn't take it into account and shadows are no longer displayed properly in regards to the light source.
Best reproduced by loading http://indamix.github.com/real-shadow/ with a wide browser window, then resizing it to half its size.
It seems like the length setting is not working. I'm assuming it changes the length of the shadow, but I'm not seeing any results output when I try to adjust it.
When using CSS transforms for example: when you rotate an element shadows are calculated wrong
Great script thanks !
Just a little point, the first shadow value can be stripped if offsetX, offsetY and distance equal zero.
Ex : rgba(0, 0, 0, 0.0898438) 0px 0px 0px, shadow2..., shadow3...
Keep da good work :)
you ripped us off http://okfoc.us/okshadow/
Any chance of touch support on iPad, iPhone, Android? Runs very nicely on desktops.
Is it possible to get an inner real-shadow?
Hi, i'm trying to use your real-shadow code. But need the shadow to be like half the size... I tried to change some value but don't find how to do that...
I thought i just had to change the light distance... But doesn't work :(
Can you help me? Thanks a lot!
The demo is very slow on my iPad. It stutters and shadows are changing direction by many degrees.
shadows($('button, .container, .text'), { ...
change to the realshadow( ... )
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.