How to translate, rotate, and scale points in 2D space, using basic algebra and trigonometry.
Part of a larger series teaching game programming and general programming. Visit http://codeschool.org

3D Transformations

🔽 Click for Timestamps & Info


This is a several hours long improvised live introductory course to shader coding in Unity! It has been slightly edited in the beginning to remove useless info and me messing around with the mic. The rest is the stream in its fullest!

Timestamps available below!

💖 Patreon ❱ https://www.patreon.com/acegikmo
🐦 Twitter ❱ https://twitter.com/FreyaHolmer
📺 Twitch ❱ https://www.twitch.tv/acegikmo
💬 Discord ❱ https://discord.gg/v5VWuga
🌸 Instagram ❱ https://instagram.com/freya_holmer



2:00 - Pre-stream chatting

Part 1: The Basics
28:53 - Shader vs Material
35:27 - Anatomy of Shaders
58:32 - Shader Code
1:09:20 - UV Coordinates
1:34:00 - Normals

Part 2: Diffuse Lighting
1:48:05 - Lambert Shading & Dot Product
2:15:05 - Tonemapping & HDR
2:21:33 - Properties & Surface Color
 
Part 3: Specular Lighting
2:30:30 - View Vector & World Position
2:48:38 - Phong BRDF & View Reflection
3:00:58 - Gloss & Interpolators

Part 4: Manipulating Values
3:26:36 - Cel Shading & Thresholding
3:31:40 - Lerp, Inverse Lerp & Posterization
3:55:13 - Passing Data to Shaders
4:07:30 - Waves & Time

Part 5: Showcase
4:31:29 - Water in Garden of the Sea
4:37:03 - SDF Raytracing in Garden of the Sea
4:41:53 - SDF Raytracing of a Fractal
4:48:40 - Flowstorm Gameplay
4:50:24 - Flowstorm Level Editor

Intro to Shader Coding in Unity - An Improvised Live Course

🔽 Click for Timestamps & Info


It's here! The 5 hour spline-based procedural geometry stream! Enjoy~

👩‍💻 Source code / Unity project ❱ https://www.patreon.com/posts/29301827
📚 Slides ❱ https://docs.google.com/presentation/d/10XjxscVrm5LprOmG-VB2DltVyQ_QygD26N6XC2iap2A
➰ Play with a Béziér curve ❱ http://acegikmo.com/bezier/

Timestamps available below - thank you all so much for watching!!

💖 Patreon ❱ https://www.patreon.com/acegikmo
🐦 Twitter ❱ https://twitter.com/FreyaHolmer
📺 Twitch ❱ https://www.twitch.tv/acegikmo
💬 Discord ❱ https://discord.gg/v5VWuga
🌸 Instagram ❱ https://instagram.com/freya_holmer

00:00 - Intro
03:02 - Content Index
04:12 - Pre-Stream Chatting
12:38 - Structure of a Mesh
15:04 - Generating a Quad
1:08:48 - Generating a Quad Ring
3:00:20 - Béziér Curves in Flowstorm
3:15:26 - Béziér Control Points & Gizmos
3:24:45 - Constructing a Béziér Curve
3:51:12 - Béziér Space Coordinates
4:00:14 - Creating a 2D Mesh Format
4:41:32 - Extruding Along the Curve

Procedural Geometry - An Improvised Live Course

where we take a look at creating the healthbar from the assignment, and learn about SDFs and lighting!

If you are enjoying this series, please consider supporting me on Patreon!
🧡 https://www.patreon.com/acegikmo

00:00:00 - Healthbar assignment 1a
00:25:09 - Healthbar assignment 1b
00:30:20 - Healthbar assignment 1c
00:40:20 - Questions
00:42:34 - Healthbar assignment 1d
00:56:38 - Questions (during break)
01:01:03 - Healthbar assignment 1e
01:18:57 - Healthbar rounded edges
01:49:08 - Healthbar border
02:01:28 - 3D SDF raymarching showcase
02:02:50 - How SDF raymarching works
02:07:01 - Questions
02:08:29 - Lighting
02:28:48 - Questions
02:12:35 - Diffuse light (Lambert)
02:32:10 - Specular light (Phong)
02:49:10 - Questions during break
02:50:32 - Specular light (Blinn-Phong)
02:58:16 - Gloss remapping
03:02:14 - Compositing (putting it all together)
03:07:31 - PBR & BRDFs
03:11:28 - Energy conservation
03:18:12 - Questions
03:21:53 - Forward vs deferred rendering
03:24:11 - Fresnel glow effect
03:29:00 - Assignment 2

Project Download & Assignments: https://docs.google.com/document/d/1h_7O9n5-q8Kb-rhnMJyF4Tab6i3lH97E4Ykn7tsP-zc

Originally streamed as a course for students at http://futuregames.se/, who were super kind to let me both stream this live as well as upload it here! so massive thanks to the people at FutureGames!!

💖 Patreon ❱ https://www.patreon.com/acegikmo
🐦 Twitter ❱ https://twitter.com/FreyaHolmer
📺 Twitch ❱ https://www.twitch.tv/acegikmo
💬 Discord ❱ https://discord.gg/v5VWuga
🌸 Instagram ❱ https://instagram.com/freya_holmer

✫ Video Production by Higher Vision:
➥ https://twitter.com/HigherVision1
➤ Edited by Stelly: https://twitter.com/stelly47050876

Healthbars, SDFs & Lighting • Shaders for Game Devs [Part 2]

In this final lecture we dive into normal maps, tangent space, height maps and image-based lighting

If you are enjoying this series, please consider supporting me on Patreon!
🧡 https://www.patreon.com/acegikmo

00:00:00 - Intro
00:01:17 - Recap
00:10:34 - Multi-light support (assignment 2)
00:14:48 - .cginc include files
00:21:18 - Multiple passes
00:24:20 - Macros
00:25:15 - Unity's lighting macros
00:47:05 - Questions
00:49:45 - Garden of the sea example 
00:54:39 - Color/Albedo texture
01:00:10 - Normal maps & tangent space
01:27:51 - Questions
01:44:00 - Normal map intensity
01:46:43 - Height/Displacement maps
01:58:18 - Vertex shader texture sampling
02:01:29 - Vertex offset & mesh normal caveats
02:07:29 - Questions
02:24:47 - The importance of ambient light
02:26:18 - Basic ambient light
02:29:35 - Image-based lighting (IBL)
02:33:50 - Skybox shader
02:36:46 - Rectilinear skybox sampling
02:42:00 - Diffuse IBL
02:52:02 - Specular IBL
03:10:23 - Outro

Project Download & Assignments: https://docs.google.com/document/d/1h_7O9n5-q8Kb-rhnMJyF4Tab6i3lH97E4Ykn7tsP-zc

Originally streamed as a course for students at http://futuregames.se/, who were super kind to let me both stream this live as well as upload it here! so massive thanks to the people at FutureGames!!

💖 Patreon ❱ https://www.patreon.com/acegikmo
🐦 Twitter ❱ https://twitter.com/FreyaHolmer
📺 Twitch ❱ https://www.twitch.tv/acegikmo
💬 Discord ❱ https://discord.gg/v5VWuga
🌸 Instagram ❱ https://instagram.com/freya_holmer

✫ Video Production by Higher Vision:
➥ https://twitter.com/HigherVision1
➤ Edited by Stelly: https://twitter.com/stelly47050876

Normal Maps, Tangent Space & IBL • Shaders for Game Devs [Part 3]

How to derive formula of the SDF of a Line Segment, a common shape in procedural modeling.
Support this channel: https://www.patreon.com/inigoquilez

Tutorials on maths , art, SDFs and computer graphics: http://iquilezles.org. The article that includes information about the Elongation operator is here (half way down the article): https://iquilezles.org/articles/distfunctions

Donate: http://paypal.me/inigoquilez
Subscribe: https://www.youtube.com/c/inigoquilez
Support: https://www.patreon.com/inigoquilez
Twitter: https://twitter.com/iquilezles
Facebook: https://www.facebook.com/inigo.quilez

Soundtrack by Khrome:  https://www.facebook.com/KhromeMusic

0:00 Introduction
0:32 Math derivation
5:38 Implementation
6:12 Interpretation as Elongation 
6:53 End

The SDF of a Line Segment

Exploring why procedural noise (such as perlin noise) are so useful in game development and graphics.

GLSL Course: https://simondev.teachable.com/p/glsl-shaders-from-scratch

Support me on Patreon: https://www.patreon.com/simondevyt

Follow me on:
Twitter: https://twitter.com/iced_coffee_dev
Instagram: https://www.instagram.com/beer_and_code/

In this video, I cover how to generate value, gradient, and voronoi noise. We go over how they're computed, and as well, we'll walk through some uses in game development, and VFX settings.

The Absurd Usefulness of Noise in Game Development

Patreon ► https://patreon.com/thecherno
Twitter ► https://twitter.com/thecherno
Instagram ► https://instagram.com/thecherno
Discord ► https://thecherno.com/discord

Series Playlist ► https://thecherno.com/opengl

GLFW ► http://www.glfw.org/

Thank you to the following Patreon supporters:
- Samuel Egger
- Dominic Pace

Gear I use:
-----------------
BEST laptop for programming! ► http://geni.us/pakTES
My FAVOURITE keyboard for programming! ► http://geni.us/zNhB
FAVOURITE monitors for programming! ► http://geni.us/Ig6KBq

MAIN Camera ► http://geni.us/t6xyDRO
MAIN Lens ► http://geni.us/xGoDWT
Second Camera ► http://geni.us/CYUQ
Microphone ► http://geni.us/wqO6g7K