Plantpot Works
Plantpot Works
  • Видео 37
  • Просмотров 26 330
Loading an Animated GLTF Model with React Three Fiber
In this video, you can see the process of loading an animated GLTF Model witth React Three Fiber.
I am self-taught in Blender, so please comment if you have any advice.
▼Contents
00:00 Intro
00:38 Loading GLTF Model
05:37 Playing Animation
10:44 Styling
14:34 Outro
#reactjs #threejs #r3f
Просмотров: 99

Видео

Creating a Low Poly Animated Cat in Blender | Walk and Run Animation
Просмотров 1,2 тыс.Месяц назад
In this video, you can see the process of creating a low-poly animated cat in Blender. I am self-taught in Blender, so please comment if you have any advice. ▼Contents 00:00 Intro 00:10 Modeling 13:13 Rigging 16:52 Walk Animation 21:20 Run Animation 27:22 Outro
Loading a GLTF Model with React Three Fiber
Просмотров 1693 месяца назад
In this video, you will learn how to load a GLTF model with React Three Fiber. ▼Demo plantpot.works/9474 ▼Contents 00:00 Intro 00:28 index.html 00:37 style.css 01:08 index.js 01:54 App.js 02:49 Model.js 08:15 Outro ▼Please subscribe to my channel if you like. www.youtube.com/@plantpot_works/featured #reactjs #threejs #r3f
Creating a Low Poly Car in Blender
Просмотров 130Год назад
In this video, you will learn how to create a low poly car in Blender. Only basic operations such as object scaling and face extrusion are used, so even Blender beginners can easily try out this modeling. Here is an article that explains this modeling in detail: plantpot.works/9318 ▼Contents 00:00 Intro 00:04 Basic Car Shape 01:43 Glasses 02:17 Radiator 03:17 Wheels 05:43 Bumpers 07:08 Fender a...
Blender & Three.js - Animated 3D Social Media Button on Hover | HTML, CSS & JavaScript
Просмотров 1,6 тыс.2 года назад
I used Blender and Three.js to create a 3d social media button that shows a label on hover. I hope you find this useful. A simple 3d model made with blender is displayed on the browser using GLTFLoader. The label is made using CSS2DRenderer. I just started learning Blender and Three.js, so please let me know if you have any comments. ▼Contents 00:00 Demo 00:17 Blender - Create 3D Social Media B...
Countdown Timer with HTML, CSS & JavaScript
Просмотров 2042 года назад
Thank you for watching! Please like and subscribe! ▼Demo & Code plantpot.works/2960 ▼Instagram plantpot_works ▼Pinterest www.pinterest.com/plantpot_works/
StopWatch with HTML, CSS & JavaScript
Просмотров 622 года назад
Thank you for watching! Please like and subscribe! ▼Demo & Code plantpot.works/2868 ▼Instagram plantpot_works ▼Pinterest www.pinterest.com/plantpot_works/
Digital Clock with HTML, CSS & JavaScript
Просмотров 532 года назад
Thank you for watching! Please like and subscribe! ▼Demo & Code plantpot.works/2930 ▼Instagram plantpot_works ▼Pinterest www.pinterest.com/plantpot_works/
Analog Clock with HTML, CSS & JavaScript
Просмотров 642 года назад
Thank you for watching! Please like and subscribe! ▼Demo & Code plantpot.works/2882 ▼Instagram plantpot_works ▼Pinterest www.pinterest.com/plantpot_works/
CSS Highlight Text
Просмотров 5342 года назад
Thank you for watching! Please like and subscribe! ▼Demo & Code plantpot.works/2605 ▼Instagram plantpot_works ▼Pinterest www.pinterest.com/plantpot_works/
Claymorphism Effect with HTML & CSS
Просмотров 1182 года назад
Thank you for watching! Please like and subscribe! ▼Demo & Code plantpot.works/5346 ▼Instagram plantpot_works ▼Pinterest www.pinterest.com/plantpot_works/
Pure CSS Gradient Text Effects
Просмотров 932 года назад
Thank you for watching! Please like and subscribe! ▼Demo & Code plantpot.works/3087 ▼Instagram plantpot_works ▼Pinterest www.pinterest.com/plantpot_works/
Glassmorphism Login Form with HTML & CSS
Просмотров 1902 года назад
Thank you for watching! Please like and subscribe! ▼Demo & Code plantpot.works/2939 ▼Instagram plantpot_works ▼Pinterest www.pinterest.com/plantpot_works/
Glassmorphism Effect with HTML & CSS
Просмотров 302 года назад
Thank you for watching! Please like and subscribe! ▼Demo & Code plantpot.works/2873 ▼Instagram plantpot_works ▼Pinterest www.pinterest.com/plantpot_works/
Change SVG Gradient Color for Light / Dark Mode with HTML, CSS & JavaScript | Japanese Family Crests
Просмотров 4602 года назад
Thank you for watching! Please like and subscribe! ▼Demo & Code plantpot.works/5301 ▼Instagram plantpot_works ▼Pinterest www.pinterest.com/plantpot_works/
CSS SVG Stroke Animation | Otani Oniji III in the Role of the Servant Edobei by Toshusai Sharaku
Просмотров 1182 года назад
CSS SVG Stroke Animation | Otani Oniji III in the Role of the Servant Edobei by Toshusai Sharaku
Rain Animation Effect with HTML5 Canvas, CSS & JavaScript | Sudden Evening Shower over Ohashi Bridge
Просмотров 3512 года назад
Rain Animation Effect with HTML5 Canvas, CSS & JavaScript | Sudden Evening Shower over Ohashi Bridge
JavaScript Background Parallax Effect on Mouse Move | The Great Wave by Hokusai
Просмотров 4803 года назад
JavaScript Background Parallax Effect on Mouse Move | The Great Wave by Hokusai
Background Animation with Anime.js
Просмотров 6333 года назад
Background Animation with Anime.js
How to Create CSS Custom Text Underline
Просмотров 1,9 тыс.3 года назад
How to Create CSS Custom Text Underline
Button Ripple Effects on Click with HTML, CSS & JavaScript
Просмотров 1893 года назад
Button Ripple Effects on Click with HTML, CSS & JavaScript
Neumorphism Toggle Switch with HTML & CSS
Просмотров 3323 года назад
Neumorphism Toggle Switch with HTML & CSS
CSS 3D Rotation Animation Effects
Просмотров 1143 года назад
CSS 3D Rotation Animation Effects
Simple CSS 3D Buttons
Просмотров 683 года назад
Simple CSS 3D Buttons
How To Disable a Button with JavaScript
Просмотров 483 года назад
How To Disable a Button with JavaScript
Pure CSS Snow Animation
Просмотров 3313 года назад
Pure CSS Snow Animation
Neumorphism Yu-Gi-Oh! Card | Web UI Design in Sketch | CSS Hover Animation Effects | Speed Art
Просмотров 1814 года назад
Neumorphism Yu-Gi-Oh! Card | Web UI Design in Sketch | CSS Hover Animation Effects | Speed Art
Pure CSS Simple Loader Spinner | CSS Loading Animation
Просмотров 1844 года назад
Pure CSS Simple Loader Spinner | CSS Loading Animation
Easy Hamburger Menu Animation with HTML & CSS
Просмотров 3364 года назад
Easy Hamburger Menu Animation with HTML & CSS
Glowing Gradient Border Effects with HTML & CSS
Просмотров 2,3 тыс.4 года назад
Glowing Gradient Border Effects with HTML & CSS

Комментарии

  • @dianaliashchenko616
    @dianaliashchenko616 9 дней назад

    Thank you so much, this is exactly what I needed)

  • @valeriejacobs3093
    @valeriejacobs3093 10 дней назад

    I wish your video gets millions of views because you have great content. Try running ads for your channel using some kind of system.

  • @mdelagrave
    @mdelagrave 12 дней назад

    Wow!

  • @AbdulazizIbrohimo
    @AbdulazizIbrohimo 19 дней назад

    thanks you, senior devoloper!

  • @Olat3
    @Olat3 26 дней назад

    Which extension do you use in vs code? that looks cool

  • @uuree03
    @uuree03 Месяц назад

    Good Job!

  • @IamYunoYT
    @IamYunoYT Месяц назад

    Currently learning Blender, and I had no Idea the mirror mod existed. This will save me so much time and frustration. Cat looks amazing keep going :)

  • @gerardodelacruz3833
    @gerardodelacruz3833 Месяц назад

    love this!

  • @tioluwani6928
    @tioluwani6928 7 месяцев назад

    Thank you

  • @DemonMaple1059
    @DemonMaple1059 10 месяцев назад

    can i have the images to do it on Scratch?

  • @marobotics
    @marobotics Год назад

    nice Glassmorphism design :)

  • @asmrshorts2760
    @asmrshorts2760 Год назад

    Thanks

  • @asmrshorts2760
    @asmrshorts2760 Год назад

    Thanks a lot ❤

  • @Nelson.4E
    @Nelson.4E 2 года назад

    thanks! it works!

  • @CodewithVariablex
    @CodewithVariablex 2 года назад

    Very helpful

  • @ayepwintphyu9670
    @ayepwintphyu9670 2 года назад

    I love this thanks a lot🥰

  • @plantpot_works
    @plantpot_works 2 года назад

    Thank you for watching this video! I just started learning Blender and Three.js, so please let me know if you have any comments! ▼You can see the demo and source code on my website. plantpot.works/5404

  • @joffymilop953
    @joffymilop953 2 года назад

    What does init() { //code} do?

  • @saikhtutul8861
    @saikhtutul8861 2 года назад

    nice

  • @Hamzaouix
    @Hamzaouix 2 года назад

    keep going bro

  • @programandocomandersonsouza
    @programandocomandersonsouza 2 года назад

    Nice... 👏

  • @jeancarloscarvajal166
    @jeancarloscarvajal166 2 года назад

    Hello ☺️ from @desarrollo_web3

  • @visheshvashisth3618
    @visheshvashisth3618 2 года назад

    Nice

  • @visheshvashisth3618
    @visheshvashisth3618 2 года назад

    Great job!

  • @salmanymughal
    @salmanymughal 2 года назад

    😬😬🤩

  • @emilyemily4675
    @emilyemily4675 2 года назад

    Good luck

  • @MrIamthebou
    @MrIamthebou 2 года назад

    Hey man! Amazing piece, graphically and functionally very cool! Really enjoyed seeing you coding with chill music, so I could code along :D Loved the implementation! I did a React port for a small personal project I'm working on, and enjoyed both the vid and your page on plantpot with all the details; keep it up!

  • @lev_bul
    @lev_bul 2 года назад

    thanks =) no subscribes =(

  • @IvirtonNayron
    @IvirtonNayron 3 года назад

    Is need user visual Studio code by for rum time a live server

  • @billy.d3v
    @billy.d3v 3 года назад

    Hey, dude, it is really pointless showing JUST how you code that. I could open the final source code and have the same unserstanding of what's going on. Maybe make 50/50 code panel and the output, so we could see changes that you make?

  • @jhonwespi998
    @jhonwespi998 3 года назад

    amazing, excited again for the content and I really support it because it's very kind of you to share the source code

  • @artnardone
    @artnardone 3 года назад

    You are on another planet

    • @artnardone
      @artnardone 3 года назад

      It was not a compliment , that is how much you are detached from non tech geek.

  • @thanawatlaunakorn6838
    @thanawatlaunakorn6838 3 года назад

    Awesome Bro!! from Thailand

  • @julio5434
    @julio5434 3 года назад

    💗💗💗

  • @carlosbeltran2754
    @carlosbeltran2754 3 года назад

    Thanks!

  • @mhelbaterina9541
    @mhelbaterina9541 3 года назад

    Nice, I'm Subbing!

  • @vedantvora04
    @vedantvora04 3 года назад

    superb bro very good i could easily and fastly do it

  • @hackerprime9722
    @hackerprime9722 3 года назад

    Much love from Jamaica.

  • @DristiHandiqueRA
    @DristiHandiqueRA 3 года назад

    Its better if you could show the working of the button beside the CSS part so that its easier to identify where are the changes happening to understand better. Beside that its all good, thakyou

  • @hakantutkun
    @hakantutkun 3 года назад

    Nice and simple. Thanks :)

  • @ComesThenGoes75
    @ComesThenGoes75 3 года назад

    Nice video instruction. However, do not attempt to use any of the files referenced below. Or you will be blocked from them anyway. You know, if you are going to post an instruction video to the world, you should not have any issue with students (anyone learning) from referencing a few files. If you have such a problem with it, then go ahead and remove this video, PLEASE!!!!!!!!

  • @yummywaffle1268
    @yummywaffle1268 3 года назад

    Where is the background and wave pngs? Edit: I found them, go to inspect element and then sources, then under demo.plantpot.works/ - demo.plantpot.works - 1128.

  • @juanmanueldearagon3710
    @juanmanueldearagon3710 4 года назад

    where can i find the png you used for the background

  • @Sanjeet_Bharti
    @Sanjeet_Bharti 4 года назад

    Mera to saara tension hin khatm ho Gaya

  • @Sanjeet_Bharti
    @Sanjeet_Bharti 4 года назад

    Awesome Bhai

  • @khushaldeen
    @khushaldeen 4 года назад

    Nice Work