It's cool, but I see that it requires WebGL.
I wonder if it could be done without it.
Lights and Shadows
21–30 of 30 posts
Re: Lights and Shadows
#22Very cool. Was there a specific framework or library you used to make these demos besides just Three JS?
Re: Lights and Shadows
#23Looks really nice, the widgets are great and run well on my phone. Is it a real time ray tracer doing the rendering? Still amazes me these days what’s possible in browsers or on a phone.
I have not checked the source, but I would guess that the lighting is pre-baked into textures, which are then simply blended with the sliders.
Re: Lights and Shadows
#24Great resource! (I love the amount of thought the author put into how learners might best grasp the concepts via examples that differ from the typical diagrams.) I only wish it had continued with more complex setups!
As someone interested in how light works for its impact on photography and cinematography, I’d like to find expanded similar resources.
The main one that comes to my mind is "Light: Science and Magic" (978-0415719407) which I own. Another possible learning tool (which I have not yet had a chance to use) is Cine Tracer: https://store.steampowered.com/app/904960/Cine_Tracer/
Any other books, sites, or software that might help one learn how to better understand or shape light?
Re: Lights and Shadows
#25I love the format of interactive educational documents, especially when you can tell that the 'teacher' is also the UI designer and developer in one and there's a very high level of quality and polish. There's nothing quite like it for learning a complex subject. Check out the archives [1] for more amazing interactive documents by this author. Can anyone share any more examples of this kind of thing? The OP's archive…
https://distill.pub is such a platform for articles about machine learning https://explorabl.es is a more general hub. > especially when you can tell that the 'teacher' is also the UI designer and developer in one and there's a very high level of quality and polish. There's nothing quite like it for learning a complex subject. Agreed. Unfortunately I think this is the inherent limitation to the explosion of such mate…
> Agreed. Unfortunately I think this is the inherent limitation to the explosion of such material (Bret's seminal essay [0] was almost a decade ago) - it takes an insane amount of skill, in mostly orthogonal disciplines, as well as a lot of time and effort to make it.
This is what I figured out as well. Often the people that have the knowledge are not the ones who know how to put this on to a webpage in a another form then text and images. Like mygo comments below most explanations are done in interactive news articles but this has to be done with a team of programmers and designers who are working together. I am currently building a tool trying to narrow this gap. The tool is at a very early stage, but I'm sharing early previews at [1]. The goal is to create a tool for interactive visualizations that people without much programming experience can use which outputs something that is more dynamic then just text. Such a tool could never do what could be done with a full blown programming language but I'm hoping to start at an easy to use tool and expand it outwards to more complex visualizations.
[1] https://dribbble.com/shots/12517016-Essay-with-dynamic-backg...
Re: Lights and Shadows
#26The amount of care put into preparing this is amazing. The back-up lights even illuminate on the car when moving the slider backwards.
Yeah that also caught my eye, it was a very nice touch :)
Re: Lights and Shadows
#27Earlier quoted context omitted.
https://distill.pub is such a platform for articles about machine learning https://explorabl.es is a more general hub. > especially when you can tell that the 'teacher' is also the UI designer and developer in one and there's a very high level of quality and polish. There's nothing quite like it for learning a complex subject. Agreed. Unfortunately I think this is the inherent limitation to the explosion of such mate…
> Agreed. Unfortunately I think this is the inherent limitation to the explosion of such material (Bret's seminal essay [0] was almost a decade ago) - it takes an insane amount of skill, in mostly orthogonal disciplines, as well as a lot of time and effort to make it. This is what I figured out as well. Often the people that have the knowledge are not the ones who know how to put this on to a webpage in a another for…
Did you take any inspiration from this Washington Post article? [1]
1 - https://www.washingtonpost.com/graphics/2020/health/coronavi...
Re: Lights and Shadows
#28Earlier quoted context omitted.
> Agreed. Unfortunately I think this is the inherent limitation to the explosion of such material (Bret's seminal essay [0] was almost a decade ago) - it takes an insane amount of skill, in mostly orthogonal disciplines, as well as a lot of time and effort to make it. This is what I figured out as well. Often the people that have the knowledge are not the ones who know how to put this on to a webpage in a another for…
Did you take any inspiration from this Washington Post article? [1] 1 - https://www.washingtonpost.com/graphics/2020/health/coronavi...
I did not see that article but that is definitely the kind of thing I want to make possible. Thank you for the link!
This is one example of showing information in an interactive way but there are other forms as well. There are currently around 10 other visual representations in the tool (think maps, presentations etc).
Re: Lights and Shadows
#29Earlier quoted context omitted.
Did you take any inspiration from this Washington Post article? [1] 1 - https://www.washingtonpost.com/graphics/2020/health/coronavi...
I did not see that article but that is definitely the kind of thing I want to make possible. Thank you for the link! This is one example of showing information in an interactive way but there are other forms as well. There are currently around 10 other visual representations in the tool (think maps, presentations etc).
It seems as though it’s a developing trend in web design.
https://english.elpais.com/spanish_news/2020-06-17/an-analys...
Can you share the other presentation forms? I may have some examples for each found out in the wild.
Re: Lights and Shadows
#30Earlier quoted context omitted.
I did not see that article but that is definitely the kind of thing I want to make possible. Thank you for the link! This is one example of showing information in an interactive way but there are other forms as well. There are currently around 10 other visual representations in the tool (think maps, presentations etc).
It seems as though it’s a developing trend in web design. https://english.elpais.com/spanish_news/2020-06-17/an-analys... Can you share the other presentation forms? I may have some examples for each found out in the wild.
I sent you an email!