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

Express JS is an awesome opinionated framework for Node.js that helps you create REST end points. Let's learn Express.js in 15 minutes! 

Check now if your .TECH is available! Link - https://go.tech/erik 
Use Code erik.tech at Checkout for a special 80% OFF on 1 & 5 Year .TECH Domains!

👉Check out my last video on Vue lazy loading components!
https://youtu.be/sHXRfyNdjLo

📚 Sign up here to get the first chapter of my book (Vue.js in Action) and a cheatsheet - http://bit.ly/2GWWuEw

📚 Sign up and get notified about my new Vue 3 course! —  http://bit.ly/2vFWBQi


♡ ♡ ♡ 

MY COURSES - 
→ VUE.JS + NUXT.JS (Two Courses In One) -  http://bit.ly/2LalQka

♡ ♡ ♡  

Make Sure To Check These Courses Out On Udemy! 💻 

→ JAVASCRIPT ALGORITHMS COLT STEELE'S COURSE - http://bit.ly/2L8HSPV

→ THE WEB DEVELOPER BOOTCAMP (GREAT FOR BEGINNERS) — http://bit.ly/2zP4alw

→ THE ADVANCED WEB DEVELOPER BOOTCAMP  — http://bit.ly/2h53MYg

→ THE ULTIMATE VUE JS 2 COURSE - http://bit.ly/2CTvsvx

→ CHECK OUT THIS COURSE - Angular 8 - The Complete Guide - http://bit.ly/2sCMxWm

→  Check out the 100 Front End Interview Question Challenge here - http://bit.ly/2NM9GAm

→ The Complete 2019 Web Development Bootcamp - Angela Yu - http://bit.ly/2ADKEKD


👉 Algo expert is the best way to learn algorithms! Check out my code and get 15% off at checkout with code "erik" http://algoexpert.io/erik

___

Links (and code)


MY WEBSITE — http://www.programwitherik.com
MY TWITTER — http://www.twitter.com/erikch

LEARN EXPRESS JS IN 15 MINUTES!

🚨 IMPORTANT:
Full Java Spring Course I Recommend If You Want To Learn More: https://bit.ly/2V539lX

In this tutorial I go over how to start a Spring Boot application using the Spring Initializer with Intelij Community Edition in 2018. We use the RestController and RequestMapping to make a very simple hello world app Enjoy!
Full playlist here - https://www.youtube.com/watch?v=27I1M5RLplE&list=PL-lxoPS_1OXVWNCKMHOnmyfA8XfV2hbG3

Sign Up For My Giveaway here! - http://bit.ly/2GWWuEw


___

LEARNING TO CODE? CHECK OUT THESE COURSES!  (SOME ARE AFFILIATE)


THE WEB DEVELOPER BOOTCAMP (GREAT FOR BEGINNERS) — http://bit.ly/2zP4alw

THE ADVANCED WEB DEVELOPER BOOTCAMP  — http://bit.ly/2h53MYg

THE ULTIMATE VUE JS 2 COURSE - http://bit.ly/2CTvsvx

ANGULAR 4 - http://bit.ly/2AG0IdP


CHECK OUT MY AMAZON STORE - https://www.amazon.com/shop/programwitherik


REACT FOR BEGINNERS - http://bit.ly/2BctxOE
ES6 - http://bit.ly/2iF4YT3
LEARN NODE - http://bit.ly/2jKLYpE
___


JOIN MY FACEBOOK GROUP AND START LEARNING CODE —  https://www.facebook.com/groups/190277791450732/

___


GET THE FIRST CHAPTER OF MY NEW BOOK Vue.js in Action! SIGN UP HERE! —  http://bit.ly/2GWWuEw

GET MY LAST BOOK EMBER.JS COOKBOOK! — https://goo.gl/LEIdSc

GET MY NEW BOOK VUE.JS IN ACTION - https://goo.gl/qohSPs

___

Links
http://bit.ly/2GWWuEw
Spring Initializer - https://start.spring.io/
___


MY WEBSITE — http://www.programwitherik.com
MY TWITTER — http://www.twitter.com/erikch
MY FACEBOOK — http://www.facebook.com/programwitherik

Learn Spring Boot -  Hello World in 2018 With Intelij

🚨 IMPORTANT:
I have the ultimate Vue course! If you're interested in it click here and get a free Vue cheat sheet! https://www.vuecourse.tech/

TypeScript and Vue are a great combination, but how do you use it? In this video I'll discuss how to use TypeScript and Vue with Vue.extend and look at the class component architecture.

👉Check out my last video on Top 150 YouTube Channels
https://youtu.be/XCurQDpFXtA

Please check out my Github list and send a PR and star it!
https://github.com/ErikCH/DevYouTubeList

📚 Sign up and get notified about my new Vue 3 course! —  https://www.vuecourse.tech/

👉 Algo expert is the best way to learn algorithms! Check out my code and get 15% off at checkout with code "erik" http://algoexpert.io/erik

♡ ♡ ♡ 

MY COURSES - 
→ VUE.JS + NUXT.JS (Two Courses In One) -  http://bit.ly/2LalQka

♡ ♡ ♡  

Make Sure To Check These Courses Out On Udemy! 💻 

→ JAVASCRIPT ALGORITHMS COLT STEELE'S COURSE - http://bit.ly/2L8HSPV

→ THE WEB DEVELOPER BOOTCAMP (GREAT FOR BEGINNERS) — http://bit.ly/2zP4alw

→ THE ADVANCED WEB DEVELOPER BOOTCAMP  — http://bit.ly/2h53MYg

→ THE ULTIMATE VUE JS 2 COURSE - http://bit.ly/2CTvsvx

→ CHECK OUT THIS COURSE - Angular 8 - The Complete Guide - http://bit.ly/2sCMxWm

→  Check out the 100 Front End Interview Question Challenge here - http://bit.ly/2NM9GAm

→ The Complete 2019 Web Development Bootcamp - Angela Yu - http://bit.ly/2ADKEKD



___

Links
https://vuejs.org/v2/guide/typescript.html#Augmenting-Types-for-Use-with-Plugins
https://github.com/vuejs/vue-class-component
https://github.com/kaorun343/vue-property-decorator


MY WEBSITE — http://www.programwitherik.com
MY TWITTER — http://www.twitter.com/erikch
MY FACEBOOK — http://www.facebook.com/programwitherik

Vue.js With TypeScript A Beginners Guide

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

Series Playlist ► https://www.youtube.com/playlist?list=PLlrATfBNZ98dudnM48yfGUldqGD0S4FFb

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/CYUQ
MAIN Lens ► http://geni.us/ZM3CmG
Microphone ► http://geni.us/wqO6g7K

Slack ► https://slack.thecherno.com
Stream ► http://www.twitch.tv/thecherno
Website ► http://www.thecherno.com
Facebook ► http://www.facebook.com/thecherno

Welcome to C++

Learn the basics of Three.js - a tool for building amazing 3D graphics with JavaScript. In this tutorial, we create an animated 3D scrolling animation for a portfolio website https://github.com/fireship-io/threejs-scroll-animation-demo

#3D #webdev #js

🔗 Resources

Three.js Docs https://threejs.org/
WebGL Overview https://youtu.be/f-9LEoYYvE4
Inspiration https://atelier.net/virtual-economy/
Scrolling Animation with Three.js

📚 Chapters

00:00 Mindblowing 3D Websites
00:42 What we’re building
01:19 What is Three.js
02:12 Project Setup
03:35 Scene
03:52 Camera
04:28 Renderer
05:07 Geometry
05:28 Material
06:02 Mesh
06:16 Animation Loop
07:13 Lighting
08:45 Three.js Helpers
09:17 Orbit Controls
09:56 Random Generation
11:05 Scene Background
11:37 Texture Mapping
12:57 Scroll Animation
14:36 CSS Grid 

 🤓 Install the quiz app

iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8
Android https://play.google.com/store/apps/details?id=io.fireship.quizapp

🔥 Watch more with Fireship PRO

Upgrade to Fireship PRO at https://fireship.io/pro
Use code lORhwXd2 for 25% off your first payment. 

🎨 My Editor Settings

- Atom One Dark 
- vscode-icons
- Fira Code Font

Build a Mindblowing 3D Portfolio Website // Three.js Beginner’s Tutorial

Learn how the central processing unit (CPU) works in your computer. Compare performance and processor architecture between the Intel and Apple Silicon M1 chips with @Alexander Ziskind 

#compsci #tech #100SecondsOfCode

🔥 Subscribe to Alex's Channel 🔥

https://www.youtube.com/channel/UCajiMK_CY9icRhLepS8_3ug

🔗 Resources

Apple Silicon Breakdown https://www.macrumors.com/guide/apple-silicon/
Visual CPU http://visual6502.org/
Clock Speed https://www.intel.com/content/www/us/en/gaming/resources/cpu-clock-speed.html

📚 Chapters

00:00 How a CPU Works
01:06 Instruction Cycle
02:25 Apple M1 vs Intel i9
06:10 Performance Benchmarking
9:06 Best Dev Stacks for M1
10:12 Worst Stacks for M1
11:55 Final Summary

🔥 Watch more with Fireship PRO

Upgrade to Fireship PRO at https://fireship.io/pro
Use code lORhwXd2 for 25% off your first payment. 

🎨 My Editor Settings

- Atom One Dark 
- vscode-icons
- Fira Code Font

How a CPU Works in 100 Seconds // Apple Silicon M1 vs Intel i9

Python is arguably the world's most popular programming language. It is easy to learn, yet suitable in professional software like web applications, data science, and server-side scripts. https://fireship.io/tags/python/

#python #programming #100SecondsOfCode

🔗 Resources

Python Docs https://docs.python.org/3/
Python TIOBE Ranking https://www.infoworld.com/article/3636789/python-tops-tiobe-language-index.html

🔥 Get More Content - Upgrade to PRO

Upgrade to Fireship PRO at https://fireship.io/pro
Use code lORhwXd2 for 25% off your first payment. 

🎨 My Editor Settings

- Atom One Dark 
- vscode-icons
- Fira Code Font

🔖 Topics Covered

- Is YouTube built with Python?
- Is Python Strongly typed?
- Python syntax and indentation rules
- When was python released?