Welcome to my four part lecture on essential math for game developers 💖 I hope you'll find this useful in your game dev journey!

This course will have assignments throughout, if you want to maximize your learning, I recommend doing them!

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

00:00:00 - Intro
00:07:05 - Why math?
00:12:59 - 1D vectors
00:36:13 - 2D vectors
01:09:35 - Vector normalization
01:15:23 - Direction to point
01:23:11 - Length
01:31:49 - Distance
01:44:14 - Point along direction
02:00:45 - Radial trigger
02:26:21 - Dot product
02:44:30 - Examples from my game
03:03:13 - Assignments
03:03:29 - Asgmt. 1 (Radial trigger)
03:05:49 - Asgmt. 2 (Look-at trigger)
03:10:03 - Asgmt. 3 (Space transformation)

Assignments:
https://docs.google.com/document/d/1Nou1ZAbNOkELggW9YqZ9LTRIW9Hc-isUpURbQ8gjiMM

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

Vectors & Dot Product • Math for Game Devs [Part 1]

🔽 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

In this video, I discuss the path of becoming a backend engineer through concepts and fundamentals. These are not tools 🧰 these are backend concepts and fundamentals technologies.  

Here is a Playlist that might help you in your Journey in your Backend Engineering career. 
https://www.youtube.com/playlist?list=PLQnljOFTspQUNnO4p00ua_C5mKTfldiYT

Chapters
0:00 Intro
3:30 Communication Protocols
8:40 Web Servers
11:00 Database Engineering
13:31 Proxies
15:40 Caching
18:30 Web Frameworks Runtime
19:24 Message Formats 
20:50 Security

Frontend dedicated Channels recommended in this video at minute 7, @Ben Awad @Traversy Media @Web Dev Simplified 
Details 
    - TCP,UDP
    - QUIC
    - HTTP
    - WebSockets
    - gRPC
- Web Servers
    - How web servers work?
    - Dynamic vs Static Content
    - E-Tags 
    - HTTP protocol 
    - Relational vs NoSQL
    - ACID
- Proxies (Reverse Proxies, Load balancer) 
    - What is difference between Proxy vs Reverse Proxy
    - Layer 7 Proxy vs Layer 4 Proxy 
    - Reverse Proxy applications
    - Load Balancing algorithms 
- Caching
    - When to use Caching
- Message queue, Pub/Sub 
    - When to use PubSub messaging first queue. 
- Web Frameworks (API authoring)
    - Express, Django, Node JS 
- Message Formats (JSON, protobuf)
    - JSON & protobuf 
- Security
    - TLS, Encryption, Firewalls  

Backend Engineering Videos
https://backend.husseinnasser.com

🏭 Software Architecture Videos
https://www.youtube.com/playlist?list=PLQnljOFTspQXNP6mQchJVP3S-3oKGEuw9

💾 Database Engineering Videos
https://www.youtube.com/playlist?list=PLQnljOFTspQXjD0HOzN7P2tgzu7scWpl2

🛰 Network Engineering Videos
https://www.youtube.com/playlist?list=PLQnljOFTspQUBSgBXilKhRMJ1ACqr7pTr

🏰 Load Balancing and Proxies Videos
https://www.youtube.com/playlist?list=PLQnljOFTspQVMeBmWI2AhxULWEeo7AaMC

🐘 Postgres Videos 
https://www.youtube.com/playlist?list=PLQnljOFTspQWGrOqslniFlRcwxyY94cjj

🚢Docker
https://www.youtube.com/playlist?list=PLQnljOFTspQWsD-rakNw1C20c1JI8UR1r

🧮 Programming Pattern Videos 
https://www.youtube.com/playlist?list=PLQnljOFTspQV1emqxKbcP5esAf4zpqWpe

🛡 Web Security Videos
https://www.youtube.com/playlist?list=PLQnljOFTspQU3YDMRSMvzflh_qXoz9zfv

🦠 HTTP Videos
https://www.youtube.com/playlist?list=PLQnljOFTspQU6zO0drAYHFtkkyfNJw1IO

🐍 Python Videos
https://www.youtube.com/playlist?list=PLQnljOFTspQU_M83ARz8mDdr4LThzkBKX

🔆 Javascript Videos 
https://www.youtube.com/playlist?list=PLQnljOFTspQWab0g3W6ZaDM6_Buh20EWM

👾Discord Server https://discord.gg/CsFbFce

Support me on PayPal
https://bit.ly/33ENps4

Become a Patreon
https://www.patreon.com/join/hnasr?

Stay Awesome,
Hussein

How to Become a Good Backend Engineer (Fundamentals)

Apache Kafka is a distributed stream processing software developed by LinkedIn and written in Scala and Java.  

Chapters 
0:00 Intro 
2:32 Kafka Broker
5:39 Kafka Producer
7:11 Kafka Consumer
8:34 Kafka Partitions
12:50 Queue vs Pub-Sub
16:47 Consumer Group
23:06 ZooKeeper
29:45 Coding Example
1:02:48 Kafka Pros-Cons
1:17:00 Summary

Download slides here 
https://payhip.com/b/Y0Cq
(Members get all slides for all my video courses for free)


In this video I want to focus on the basics of Kafka, talk about how it works give finally spin up a Kafka cluster and write a producer and a consumer. 

Kafka Components
_ producer
_consumer
_topic 
_partition
How Kafka works
Example ( Ride sharing ) 
Spin Kafka cluster 
Write a producer 
Write a consumer
Kafka Applications
Pros and Cons 



Source Code 
https://github.com/hnasr/javascript_playground/tree/master/kafka

Docker commands spin up kafka
//if you ever mess up or you want to start fresh just stop and remove the containers and rerun the command 

docker stop zookeeper kafka
docker rm zookeeper kafka

docker run --name zookeeper  -p 2181:2181 -d zookeeper


docker run -p 9092:9092 --name kafka  -e KAFKA_ZOOKEEPER_CONNECT=husseinmac:2181 -e KAFKA_ADVERTISED_LISTENERS=PLAINTEXT://husseinmac:9092 -e KAFKA_OFFSETS_TOPIC_REPLICATION_FACTOR=1 -d confluentinc/cp-kafka 

Get my fundamentals of database engineering course link redirects to udemy with coupon applied (https://database.husseinnasser.com)

Resources
 KIP 500 (Remove Zookeeper)
https://cwiki.apache.org/confluence/display/KAFKA/KIP-500%3A+Replace+ZooKeeper+with+a+Self-Managed+Metadata+Quorum
 
Become a Member on YouTube
https://www.youtube.com/channel/UC_ML5xP23TOWKUcc-oAE_Eg/join

🧑‍🏫 Courses I Teach
https://husseinnasser.com/courses 

🏭 Backend Engineering Videos in Order
https://backend.husseinnasser.com

💾 Database Engineering Videos
https://www.youtube.com/playlist?list=PLQnljOFTspQXjD0HOzN7P2tgzu7scWpl2

🎙️Listen to the Backend Engineering Podcast
https://husseinnasser.com/podcast 

Gears and tools used on the Channel (affiliates)

🖼️ Slides and Thumbnail Design 
Canva
https://partner.canva.com/c/2766475/647168/10068

🎙️ Mic Gear
Shure SM7B Cardioid Dynamic Microphone  
https://amzn.to/3o1NiBi

Cloudlifter
https://amzn.to/2RAeyLo

XLR cables
https://amzn.to/3tvMJRu

Focusrite Audio Interface
https://amzn.to/3f2vjGY


📷 Camera Gear
Canon M50 Mark II
https://amzn.to/3o2ed0c

Micro HDMI to HDMI 
https://amzn.to/3uwCxK3

Video capture card
https://amzn.to/3f34pyD

AC Wall for constant power
https://amzn.to/3eueoxP


Stay Awesome,
Hussein

Apache Kafka Crash Course

WebSockets technology is a bidirectional, full-duplex protocol for communication between client and server over the web. It has been standardized in 2011 and its fully compatible with HTTP. This protocol enables realtime applications such as chatting, notifications, live feed , multiplayer gaming and otheruse cases.

In this video we will explain what WebSockets are and why it was invented. we will then build a server and client using WebSockets. We will also talk about the pros and cons of WebSockets, and discuss some alternatives to this technology 

Chapters
0:00 Intro
2:00 HTTP
5:40 WebSockets
8:00 WebSockets Handshake
11:20 WebSockets Usecases
14:30 WebSockets Example Code
36:40 WebSockets Pros and Cons 
42:10 Do you have to use webSockets?

Source Code in the video for WebSockets 
https://github.com/hnasr/javascript_playground/tree/master/websocket-demo


HTTP
  * talk about request-response show a slide. Client initiate request all the time. Imagine building a chatting app? 

WebSockets 
- Slide showing bidrectional full duplex  standard web 
- 
How WebSockets Work?
- WebSockets handshake 
- Initial request is always HTTP which we all know creates a tcp connection, that request then http upgrade tells the server to use it as bidirectional.  
- Once done switches to binary protocol. 
- Ws:// wss:// protocol 

WebSocket use cases
- Chatting
- Live feeds
- Multiplayer gaming
- Progress bar/ logging/ uploading..

- WebSockets example (Server/Client) 
- WebServers Pros and Cons  

Pros
1. Full-duplex no need for constant polling  
2. compatible with HTTP, so proxies know to deal with it
3. Firewalls won’t block it doesn’t use a special port
Cons
1. Proxying is tricky, lots of proxies and transparent proxies don’t support it yet
2. Layer 7 load balancing is tricky, timeouts on the load balancer. 
3. More complicated to implement (simple telnet use HTTP)
4. Not ideal for all use cases - (microservices)


- Do you have to use Web Sockets ? ( alternatives  ) 
It is important to note that WebSockets is not the only HTTP realtime based solution, there are other ways to achieve real time such as eventsource, and long polling. 

- Load Balancing with WebSockets (bonus) 
- layer 4 
- Layer 7 (tunnel) 

Longpolling
Eventsource
WebSockets 

 
Sources: 

https://developer.mozilla.org/en-US/docs/Web/API/WebSockets_API/Writing_WebSocket_servers

https://www.ably.io/concepts/websockets

https://link.medium.com/ljsSOsnW6Y

https://blog.stanko.io/do-you-really-need-websockets-343aed40aa9b



Cards
HTTP Crash Course https://www.youtube.com/watch?v=0OrmKCB0UrQ
TLS https://www.youtube.com/watch?v=AlE5X1NlHgg
What is a Web Servers https://www.youtube.com/watch?v=JhpUch6lWMw
Layer 4 vs Layer 7 Load Balancing https://www.youtube.com/watch?v=aKMLgFVxZYk





Support my work on PayPal
https://bit.ly/33ENps4
 
Become a Member on YouTube
https://www.youtube.com/channel/UC_ML5xP23TOWKUcc-oAE_Eg/join

🧑‍🏫 Courses I Teach
https://husseinnasser.com/courses 

🏭 Backend Engineering Videos in Order
https://backend.husseinnasser.com

💾 Database Engineering Videos
https://www.youtube.com/playlist?list=PLQnljOFTspQXjD0HOzN7P2tgzu7scWpl2

🎙️Listen to the Backend Engineering Podcast
https://husseinnasser.com/podcast 

Gears and tools used on the Channel (affiliates)

🖼️ Slides and Thumbnail Design 
Canva
https://partner.canva.com/c/2766475/647168/10068

🎙️ Mic Gear
Shure SM7B Cardioid Dynamic Microphone  
https://amzn.to/3o1NiBi

Cloudlifter
https://amzn.to/2RAeyLo

XLR cables
https://amzn.to/3tvMJRu

Focusrite Audio Interface
https://amzn.to/3f2vjGY


📷 Camera Gear
Canon M50 Mark II
https://amzn.to/3o2ed0c

Micro HDMI to HDMI 
https://amzn.to/3uwCxK3

Video capture card
https://amzn.to/3f34pyD

AC Wall for constant power
https://amzn.to/3eueoxP


Stay Awesome,
Hussein

WebSockets Crash Course - Handshake, Use-cases, Pros & Cons and more

🔽 Click for Timestamps & Info


This is from the improvised tutorial stream on core math concepts in game dev!
Timestamps at the bottom of the description~

Also, a little note: when drawing the curve for tan(x) I accidentally drew the sec(x) curve! Apologies for that!

Anyhow, enjoy!

💖 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
22:01 - Scaling & Ratios
46:04 - Vectors & Dot Product
1:54:45 - Trigonometry
2:30:05 - Degrees & Radians
2:52:32 - Cross Product
3:07:03 - Local vs World Space & Transformation
3:20:27 - Lerp
3:33:45 - Derivatives
3:46:35 - Framerate Independence
3:55:28 - Outro

Math for Game Dev - An Improvised Live Course

Part two! let's talk about space

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

00:00:00 - Quick recap
00:01:01 - Dot product recap
00:06:51 - Asgmt. 1 solution (Radial trigger)
00:18:16 - Asgmt. 2 solution (Look-at trigger)
00:35:07 - Questions
00:42:24 - Spaces
00:53:26 - Asgmt. 3 solution (Space transformation)
01:18:43 - World to local
01:34:14 - Matrices
02:15:20 - Cross product

Assignments:
Asgmt. 4 (Bouncing laser)
Asgmt. 5 (Mesh surface area)
Asgmt. 6 (The turret)
https://docs.google.com/document/d/1Nou1ZAbNOkELggW9YqZ9LTRIW9Hc-isUpURbQ8gjiMM

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

Spaces & Cross Product • Math for Game Devs [Part 2]

In this crash course I will cram as much about HTML that I can. This is meant for absolute beginners. If you are interested in learning HTML but know nothing, then you are in the right place. We will be creating a cheat sheet with all of the common HTML5 tags, attributes, semantic markup, etc. We will not be focusing on CSS in this video. The CSS crash course will be released shortly after

21 Hour HTML & CSS Course:
https://www.udemy.com/course/modern-html-css-from-the-beginning/?referralCode=EB0470C43F3C3E9AA306

CODE: Code for this video
http://www.traversymedia.com/downloads/htmlcheatsheet.zip

NEXT: CSS CRASH COURSE FOR BEGINNERS
https://www.youtube.com/watch?v=yfoY53QXEnI&lc=z121x5ozxpiiwddee23tffergoyxxngi504

CHECK OUT MY FULL STACK COURSE:
http://www.traversymedia.com/course/the-full-stack-web-development/

BECOME A PATRON: Support me directly for even $1 per month
http://www.patreon.com/traversymedia
ONE TIME DONATIONS:
http://www.paypal.me/traversymedia

FOLLOW TRAVERSY MEDIA:
http://www.facebook.com/traversymedia
http://www.twitter.com/traversymedia
http://www.instagram.com/traversymedia