Nate Argaw
Creative Technologist
Actions
Nate Argaw is a freelance creative technologist with a passion for crafting immersive experiences on the web. Specializing in 3D rendering, he create captivating games and interactive visualizations using WebGL/Three.js. Nate also enjoys experimenting daily with computer graphics through GLSL shaders, pushing the boundaries of creativity and technology.
Links
Three.js Hello Cube - A Beginner's Guide
How to get started with Three.js
This talk will start with the basics of Three.js and how it works. Defines WebGL and How three.js uses WebGL to rendered on canvas.
Then the talk goes into what is needed to create a simple hello cube in Three.js. Hello cube - analogous to hello world in other programming languages.
Defines the Renderer, Camera, Scene and Mesh to create a three.js scene. How to set the parameters and how the parameters work.
Continues to describe how to manipulate these aspects to create a unique experience for the user.
The talk will follow the blog post I wrote.
https://dev.to/nargaw/three-js-hello-cube-a-beginner-s-guide-2a2k
Drawing with Math - Pixel Shaders
Abstract: Shaders are prevalent across all types of media. Whether it is movies, animation or video games, shaders have a prominent role in creating and elevating the entertainment experience. This talk will introduce the audience to writing shader programs. The talk will cover a brief history of shaders, the role of the GPU and parallel processing, pixel shaders and the role of math and the GLSL language. Furthermore, the talk will explore the idea of using functions as paint brushes, signed distance fields (SDFs), combining and coloring SDFs. The talk will emphasize the role of shaders in artistic expression and how to get started learning the magical art of shaders.
Talk Outline:
Introduction: Computer Graphics in the real world
History of Shaders - Briefly discuss the milestones in computer graphics
Use of Shaders - Highlight the role of shaders in current entertainment such as movies and videogames
Display: How shader graphics are displayed on the screen
GPU and Parallel processing - Talk about why the GPU is an important device for processing and displaying graphics
Various paradigms of writing shaders - Explain the differences between 2D and 3D shaders
Pixel (Fragment) Shaders
GLSL - Talk about the syntax and configuration
Math - Discuss the math that underlies the GLSL code and show how math can translate to code
Functions as paint brushes
Signed Distance Field (SDF) - Talk about what SDFs are how they are used to draw shapes
Combining SDFs - Show ways SDFs can be combined to make organic shapes
Coloring SDFs - Show ways of coloring SDFs
Animating SDFs - using time to animate SDFs
Artistic Expression
Shader Daily - Explain my learning and journey of shaders
Resources / Q&A
Getting up and going - Share resources on how to get started
Key Takeaways for the Audience:
Understand the role of shaders
Understand how pixel shaders work and how SDFs are used to create shapes with colors and animation
Understand the artistic freedom of shaders and how to get started
Please note that Sessionize is not responsible for the accuracy or validity of the data provided by speakers. If you suspect this profile to be fake or spam, please let us know.
Jump to top