- Видео 37
- Просмотров 26 330
Plantpot Works
Япония
Добавлен 29 дек 2019
🇯🇵 Teruhito Soda
I love 3D web development and am self-taught in React/Next.js, three.js, Blender, etc.
I post my creations and the process of making them on my SNS and blog, so if you have any advice, please feel free to comment!
I love 3D web development and am self-taught in React/Next.js, three.js, Blender, etc.
I post my creations and the process of making them on my SNS and blog, so if you have any advice, please feel free to comment!
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
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
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
How To Disable a Button with JavaScript
Просмотров 483 года назад
How To Disable a Button with JavaScript
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
Thank you so much, this is exactly what I needed)
I wish your video gets millions of views because you have great content. Try running ads for your channel using some kind of system.
Wow!
thanks you, senior devoloper!
Which extension do you use in vs code? that looks cool
Good Job!
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 :)
love this!
Thank you
can i have the images to do it on Scratch?
nice Glassmorphism design :)
Thanks
Thanks a lot ❤
thanks! it works!
Very helpful
I love this thanks a lot🥰
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
What does init() { //code} do?
nice
keep going bro
Nice... 👏
Hello ☺️ from @desarrollo_web3
Nice
Great job!
😬😬🤩
Good luck
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!
thanks =) no subscribes =(
Is need user visual Studio code by for rum time a live server
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?
amazing, excited again for the content and I really support it because it's very kind of you to share the source code
You are on another planet
It was not a compliment , that is how much you are detached from non tech geek.
Awesome Bro!! from Thailand
💗💗💗
Thanks!
Nice, I'm Subbing!
superb bro very good i could easily and fastly do it
Much love from Jamaica.
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
Nice and simple. Thanks :)
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!!!!!!!!
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.
where can i find the png you used for the background
nvm, found it
ruclips.net/video/TzZuuVzEu1I/видео.html
Mera to saara tension hin khatm ho Gaya
Awesome Bhai
Nice Work