TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

Lights and Shadows

386 pointsby robert-boehnkealmost 5 years ago

16 comments

playpausealmost 5 years ago
I love the format of interactive educational documents, especially when you can tell that the &#x27;teacher&#x27; is also the UI designer and developer in one <i>and</i> there&#x27;s a very high level of quality and polish. There&#x27;s nothing quite like it for learning a complex subject.<p>Check out the archives [1] for more amazing interactive documents by this author.<p>Can anyone share any more examples of this kind of thing? The OP&#x27;s archives [1] are amazing.<p>[1] <a href="https:&#x2F;&#x2F;ciechanow.ski&#x2F;archives&#x2F;" rel="nofollow">https:&#x2F;&#x2F;ciechanow.ski&#x2F;archives&#x2F;</a>
评论 #23705417 未加载
评论 #23706228 未加载
评论 #23706047 未加载
alhirzelalmost 5 years ago
The amount of care put into preparing this is amazing. The back-up lights even illuminate on the car when moving the slider backwards.
评论 #23713936 未加载
dag11almost 5 years ago
I love the touch of the car&#x27;s reverse lights coming on when you&#x27;re sliding it closer to you!
tbabbalmost 5 years ago
I think this is the most beautiful rendering explanation I&#x27;ve ever seen.
DavidVoidalmost 5 years ago
Those are some well made demonstrations! Really intuitive and I think this would be a good theoretical starting point for anyone interested in computer graphics.<p>I think it should be clarified that with a real monochromatic cyan light source the tiles in this example [1] would be different hues of cyan, and not different hues of green, blue, and cyan (which is due to the cyan light source being modeled as a combination of green and blue light in the example).<p>[1] <a href="https:&#x2F;&#x2F;i.imgur.com&#x2F;9685hzU.png" rel="nofollow">https:&#x2F;&#x2F;i.imgur.com&#x2F;9685hzU.png</a>
greatwave1almost 5 years ago
This reminded me of an article about James Turrell and his experimentation with light as &quot;not a tool to enable vision but something to look at&quot;:<p><a href="https:&#x2F;&#x2F;www.archdaily.com&#x2F;380911&#x2F;light-matters-seeing-the-light-with-james-turrell" rel="nofollow">https:&#x2F;&#x2F;www.archdaily.com&#x2F;380911&#x2F;light-matters-seeing-the-li...</a>
keanealmost 5 years ago
Great 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!<p>As someone interested in how light works for its impact on photography and cinematography, I’d like to find expanded similar resources.<p>The main one that comes to my mind is &quot;Light: Science and Magic&quot; (978-0415719407) which I own. Another possible learning tool (which I have not yet had a chance to use) is Cine Tracer: <a href="https:&#x2F;&#x2F;store.steampowered.com&#x2F;app&#x2F;904960&#x2F;Cine_Tracer&#x2F;" rel="nofollow">https:&#x2F;&#x2F;store.steampowered.com&#x2F;app&#x2F;904960&#x2F;Cine_Tracer&#x2F;</a><p>Any other books, sites, or software that might help one learn how to better understand or shape light?
polymonsteralmost 5 years ago
Looks 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.
评论 #23705932 未加载
评论 #23704305 未加载
评论 #23711939 未加载
masonaalmost 5 years ago
I sent this to several of my friends who are professional photographers and all they could say was ‘shhhh don’t give away our secrets.’<p>It’s all about the light. Really beautiful demonstrations.
chrisweeklyalmost 5 years ago
Wow, yes, this, thank you, kudos, &quot;please sir may I have another&quot;.... 10&#x2F;10, A+, bookmarked, sharing, inspired...
alanbernsteinalmost 5 years ago
My only complaint is that I hoped for a second half of the article with equally detailed visualizations, explaining the physically-based rendering algorithms used to create the visualizations in the first half. The last diagram showing multiple matte reflections is just a teaser.
zevebalmost 5 years ago
<i>Excellent</i> example of where JavaScript really is useful!
streulpitaalmost 5 years ago
Very cool. Was there a specific framework or library you used to make these demos besides just Three JS?
mirimiralmost 5 years ago
It&#x27;s cool, but I see that it requires WebGL.<p>I wonder if it could be done without it.
brandlyalmost 5 years ago
So good!
pixelhorsealmost 5 years ago
Delightful!