Dylan Beattie - It's So Shiny! A Pure JavaScript Ray-Tracer

  Рет қаралды 9,168

Build Stuff

Build Stuff

Жыл бұрын

It's hard to imagine a world without computer generated imagery. Films, television, games, art, advertising... CGI gives artists, designers, and film-makers the tools to bring fantastic fictional worlds to life. And while it wasn't all that long ago that rendering photorealistic images required a supercomputer, today we can do it right in our browser. In this session, Dylan Beattie will explain the principles behind ray-tracing, the technique behind most modern computer graphics. - and then, using modern JavaScript APIs like web workers, clamped arrays and ES modules, we'll create a pure JavaScript ray tracer that runs directly in your browser. We'll learn how to simulate lighting, shading, reflection, and visual effects to create photo-realistic scenes, we'll dust off some gnarly mathematics that you probably haven't seen since high school and find out that it's actually pretty useful after all, and we'll create a whole lot of pictures of shiny things.
You can join us at the next conference!
Get your ticket today!
🎟️bit.ly/3JJwWIK

Пікірлер: 15
@edgeeffect
@edgeeffect 10 ай бұрын
I didn't come for "ray tracer", even though I do like them. Nor did I come for "javascript", even though I like that a lot too. Neither did I come for "shiny" because I'm pretty agnostic about that. I came because it says "Dylan Beattie" and I know that indicates a very entertaining talk, whatever the subject.
@edgeeffect
@edgeeffect 8 ай бұрын
Although I'd love to have a drunken chat with Dylan about his dubious choice of JS paradigms and the flaws in his history of mathematics.
@sfdntk
@sfdntk 4 ай бұрын
Damn straight. One of Dylan's talks showed up randomly in my feed a week ago, and since that day I've watched at least a dozen more. I just can't get enough of his stuff, even when he's talking about things I know back to front he still manages to find a way to make it engaging, interesting, and informative.
@eduardpaul8413
@eduardpaul8413 5 ай бұрын
Excellent talk! I wish some of my computer graphics lectures at university were that helpful, let alone entertaining.
@alexanderilin8720
@alexanderilin8720 7 ай бұрын
I talk worth repeating.
@DavidLindes
@DavidLindes 5 ай бұрын
Haha, I didn't appreciate this comment fully until I got to about 50:06 or soon after. I thought it was just some Q&A session or something, but no, the talk is duplicated. Oops. :)
@OrigamiMarie
@OrigamiMarie 10 ай бұрын
It rendered in several seconds on my Android phone. Worked fine!
@gbeziuk
@gbeziuk 7 ай бұрын
Brilliant talk, as usual! BTW, in case you suffer flashbacks from cross products, or are interested in better ways of doing computer graphics related math, you might want to look up Geometric Algebra and ganja.js. I promise, you'll really, really enjoy it. Who knows, maybe the next version of the JS Ray-Tracer will be using GA.
@DavidLindes
@DavidLindes 5 ай бұрын
Funny to have this turn up on my recommends like a day or two after picking up a copy of "The Ray Tracer Challenge", by Buck. I've started reading the front matter, but haven't yet gotten to the code. Now I'm lead to believe I should have it all done in under 2 hours?? ;)
@abc123evoturbobonker
@abc123evoturbobonker Жыл бұрын
My phone just turned itself off 🤣48:33
@fredgenius
@fredgenius 8 ай бұрын
Awesome! I love ray tracing, hate JavaScript. Nice that you forced JS to do something so cool!
@braydenmoore3101
@braydenmoore3101 7 ай бұрын
Most Obvious Reddit User saying "I dont know what a chad is let alone a sigma chad" ... alright buddy
@TesterAnimal1
@TesterAnimal1 6 ай бұрын
What is it then?
@BryonLape
@BryonLape 9 ай бұрын
Ray tracing is not photo realistic.
@creativecraft_mc
@creativecraft_mc 6 ай бұрын
why is it not?
Dylan Beattie - The Cost of Code
46:30
DevConf PL
Рет қаралды 22 М.
ПЕЙ МОЛОКО КАК ФОКУСНИК
00:37
Masomka
Рет қаралды 9 МЛН
Stupid man 👨😂
00:20
Nadir Show
Рет қаралды 28 МЛН
Glow Stick Secret (part 2) 😱 #shorts
00:33
Mr DegrEE
Рет қаралды 48 МЛН
Fractals, Factories and Fast Food - Dylan Beattie - NDC Porto 2022
44:54
Rendering a car with my own ray-tracer
13:53
AngeTheGreat
Рет қаралды 281 М.
The Web That Never Was - Dylan Beattie
1:01:46
NDC Conferences
Рет қаралды 88 М.
The Evolution of Web Apps 1992-2024
14:01
Dylan Beattie
Рет қаралды 11 М.
An introduction to Raymarching
34:03
kishimisu
Рет қаралды 109 М.
Dylan Beattie - Specs, Bugs, 'n' Rock'n'Roll
53:50
CITYJS CONFERENCE
Рет қаралды 2,6 М.
Coding Adventure: Ray Tracing
37:58
Sebastian Lague
Рет қаралды 1,1 МЛН
Директордын баласы / қазақша кино 2022
25:18
Киностудия Мейрам
Рет қаралды 172 М.
Kidnapped Boy Found In Fridge | #Shorts | PD TV
0:59
PD TV
Рет қаралды 9 МЛН