Generate Blender textures using AI (Stable Diffusion) Rabbit Hole Syndrome 2022-09-24 | Addon Link: github.com/carson-katri/dream-texturesThere have been major leaps in AI image generation tech recently... so naturally we have to bring this to Blender!Join me down the rabbit hole as we generate textures from scratch, perfectly tiled, for free, on your own computer, using AI. We're going to go under the hood to learn exactly how this Blender addon was built (Stable Diffusion), what its limitations are, but most importantly - what potential it has!00:00 Intro01:23 What you need02:39 How to install04:51 Dependency issue on Windows05:42 How to use it07:57 Tips for getting want you want09:15 Seeds10:31 Using it in the shader editor12:29 Change texture size13:10 Generate photography15:38 Generate concept art16:13 New updates to the addon16:50 Upcoming features17:45 Thanks for watching!
$0 Embeddings (OpenAI vs. free & open source) Rabbit Hole Syndrome 2023-06-25 | What is the cheapest way to generate text embeddings? And how do they compare to OpenAI?To try everything Brilliant has to offer—free—for a full 30 days, visit brilliant.org/RabbitHoleSyndrome. The first 200 of you will get 20% off Brilliant’s annual premium subscription.This video was sponsored by Brilliant.The video is going to explore the world of open source embedding models, how to use them, and how they compare to OpenAI's text-embedding-ada-002.Source code: github.com/rabbit-hole-syndrome/open-source-embeddingsSentence Embeddings (SBERT): sbert.netMTEB Leaderboard: huggingface.co/spaces/mteb/leaderboard00:00 Intro02:02 Project setup03:29 Embeddings 10105:07 Server-side Embeddings06:14 SBERT & Hugging Face10:22 Sentence Transformers Models17:18 MTEB28:35 Inference API55:37 Transformers.js1:10:38 Embeddings in the Browser1:20:19 The Future of Embeddings1:24:23 Thanks for watching!
ClippyGPT - How I Built Supabase’s OpenAI Doc Search (Embeddings) Rabbit Hole Syndrome 2023-02-07 | Supabase hired me to build ClippyGPT - their next generation doc search. We can ask our old friend Clippy anything you want about Supabase, and it will answer it using natural language. Powered by OpenAI + prompt engineering.In this video I will be showing you exactly how I did this, and how you can do the same in your projects. We'll be covering:- Prompt engineering and best practices- Working with a custom knowledge base via context injection + OpenAI embeddings- How to store embeddings in Postgres using pgvectorSupabase blog post:supabase.com/blog/chatgpt-supabase-docspgvector extension:github.com/pgvector/pgvectorGenerate embeddings implementation:github.com/supabase/supabase/blob/54d39d4958575e5b58aa1d5d2a02db863ab4673c/apps/docs/scripts/generate-embeddings.tsClippy edge function implementation:github.com/supabase/supabase/blob/54d39d4958575e5b58aa1d5d2a02db863ab4673c/supabase/functions/clippy-search/index.tsClippy frontend implementation:github.com/supabase/supabase/blob/54d39d4958575e5b58aa1d5d2a02db863ab4673c/packages/ui/src/components/Command/AiCommand.tsxPrompt engineering:prmpts.ai/blog/what-is-prompt-engineering00:00 Why?01:40 Let's get started03:15 Custom knowledge base04:49 Context injection06:13 Pre-process MDX files13:40 Embeddings15:40 Storing in Postgres + pgvector22:21 API endpoint (edge function)23:44 Calculating similarity in pgvector27:55 Prompt engineering33:15 Prompt best practices38:37 Demo time!41:32 Thanks for watching!
Tutorial: Build a professional product video in Blender/DaVinci Resolve Rabbit Hole Syndrome 2022-10-15 | How do people make those epic product videos? Is there an actual professional process they go through to decide what to make and how to make it?In this video we are going to tap into exactly that!Join me down the rabbit hole as we learn exactly what’s involved in creating a product video using Blender. We’re going to:1. Put our 3D model together (hat + leather patch)2. Create our virtual studio in Blender3. Map out our camera shots4. Pick our music track5. Use a render workflow that saves time6. Dabble with some video editing using DaVinci ResolveHat model credits:"Baseball Cap" (skfb.ly/o8r8x) by oluwaphemi is licensed under Creative Commons Attribution (http://creativecommons.org/licenses/by/4.0/).DaVinci Resolve filmic lookup tables (LUT):github.com/sobotka/filmic-resolve00:00 Why?02:02 Add patch + hat07:30 Deform patch to hat26:52 You're a story teller33:20 Create virtual studio46:33 Picking our music55:39 Timing our shots58:45 Animating our shots1:41:03 Rendering/exporting (OpenEXR)1:50:35 Edit video in DaVinci Resolve2:20:53 Last minute tweaks2:33:08 Bring it all together (grande reveal)2:36:20 Final thoughts (thanks for watching!)
I wish I knew this before using Image Textures (Blender) Rabbit Hole Syndrome 2022-10-01 | How do Image Textures actually work within Blender? There are so many tutorials that use Image Textures, but very few talk about how they really work under the hood.Today you’re going to be a product designer and we’re going to add our logo to a leather patch. We’re going to go over:1. Color and alpha channels and how they actually work between nodes2. UV maps and why we call it that3. Bump, normal, and displacement maps. What do they really mean?00:00 Why?01:47 Append the patch03:04 Setup shading05:27 Prep logo in Figma09:26 Import logo in Blender10:00 Image data within Blender12:24 Rabbit Hole #1 (gamma correction)17:17 Getting the logo to appear20:15 MixRGB node24:08 Texture coordinate27:08 What is a UV map?28:13 What does UV stand for?29:30 Using UV maps35:46 Multiple UV maps42:03 Transparency47:00 One more UV tip48:57 Bump/normal/displacement maps57:14 Change logo reflectiveness1:01:45 Up next (thanks for watching!)
I wish I knew this before using Geometry Nodes (Blender) Rabbit Hole Syndrome 2022-09-12 | It feels like so many tutorials are just step-by-step guides and don’t explain the WHY and HOW behind geometry nodes. How do geometry nodes actually work in Blender and how do you know when to use them? The goal of this video is to bring a new perspective to geometry nodes so that you can be confident as you build your next creation.00:00 Why?02:13 Without Geometry Nodes06:00 With Geometry Nodes07:12 "The Philosophy"13:05 Recreate the stitch20:44 Recreate instance along the curve27:21 Attributes33:04 Rabbit hole #1 (scene time & text geometry)36:38 Drivers42:10 Extrude a face43:18 Shade smooth50:15 Join geometry53:06 Groups57:14 Garbage collection58:06 Group inputs/outputs1:00:05 Switches (if-else logic)1:07:00 Rabbit hole #2 (references & fake users)1:11:30 You're an addon developer1:17:46 Input defaults1:18:54 Materials1:22:52 Up next
Adding React Three Fiber to Electron (To build a screensaver - Part 2) Rabbit Hole Syndrome 2022-09-02 | What is the best way to scaffold an Electron project with React Three Fiber? There are a lot of options out there, so how do we know what to use? How do we manually add React ourselves if we wanted to?Today we are continuing our series on how to build your own custom screensaver from scratch using Electron and React Three Fiber. As a bonus, we will also talk about a useful R3F concept called “property piercing”.00:00 Why?00:57 Electron Forge02:25 Let's get started03:47 Electron 10104:13 House keeping04:35 Add React Three Fiber dependencies05:05 Configure files to support React05:30 React entry point06:22 Adjust other files for our project07:14 Let's spin this up08:13 Create 3D scene10:20 Add 3D pipe13:26 Scale the pipe14:16 Property piercing16:16 What's next?
The REAL reason your internet is slow (and how to fix) Rabbit Hole Syndrome 2022-08-24 | You’re on a Zoom call with a bad connection and you’re wondering, “Is it my internet, or theirs?”In this video, we are going down the rabbit hole to understand exactly why your internet isn’t always as fast as you think it should be and what you can do about it. Specifically we’re going to learn how the internet actually works so that it’s no longer black magic, then talk about upload and download speeds and what they really mean.00:00 Intro00:30 Background01:14 Internet in the city02:27 Remote internet03:45 Connecting globally04:32 How reliable is it?05:40 Slow reason #107:21 Slow reason #2 (inner city)10:02 Slow reason #2 (remote)10:43 Upload and download speeds13:36 Slow reason #3
Build a REAL screensaver using React Three Fiber (Part 1) Rabbit Hole Syndrome 2022-07-05 | How do screensavers REALLY work under the hood?In this series you will learn how to rebuild the classic 3D pipes screensaver using React Three Fiber. We will:- Quickly go back in time to the Windows 95 screensaver era to see what we’re getting ourselves in to- Jump back to the 21 century and recreate the 3D pipes screensaver using Three.js and ReactSpecifically we will learn how to:- Scaffold an Electron project with React and Three.js- Change the origin of a Three.js object- Perform nested prop piercing in React Three Fiber to better access nested Three.js properties- Create declarative animation using react-spring and how that really works under the hood- Make your React Three Fiber component extend a Three.js Group.- Assemble multiple segments into a pipe collection declaratively using state- Do a little bit of vector math so that we can calculate each segment’s position and rotation- Compare quaternions with Euler rotations- Compare imperative vs. declarative approaches in R3F- Talk about React best practices with regard to useEffectAll of this while rebuilding the classic 3D pipe screensaver!00:00 Why?00:40 Agenda02:08 Screensaver history03:14 Funny story04:47 How are screensavers made?06:12 Electron07:30 Up next!
I wish I knew this before using React Three Fiber Rabbit Hole Syndrome 2022-06-09 | Sometimes the best way to understand a library like React Three Fiber is to compare it to the original 3D web library, Three.js. We’re going to walk through a side-by-side, one-to-one build of a Three.js project and a React Three Fiber project at the same time. After watching this video you will understand:- Scene creation (cameras, renderers, meshes, animation)- R3F JSX syntax and special props- Componentization- Rendering tricksThe goal is for you to learn exactly how everything works under the hood so that you can be confident building your next React Three Fiber project.Source code is available at:github.com/rabbit-hole-syndrome/r3f-under-the-hood00:00 Why?00:33 Agenda00:59 Create our scene in Three.js5:29 Understand the same scene in React Three Fiber9:18 How JSX works17:53 Componentizing18:41 Animation19:54 Refs in React Three Fiber21:05 Disposing21:58 Add lights22:33 Rendering appearance24:18 Add color25:17 Position vectors as array triplets28:03 Thanks for watching!
