Amazing 3D Animation Website with Three.Js So Eazy

  Рет қаралды 83,379

Lun Dev Code

Lun Dev Code

Күн бұрын

Пікірлер: 234
@lundeveloper
@lundeveloper 4 ай бұрын
I hear people say they want to learn basic Three Js, but it's not too interesting. So I increased the difficulty a bit. If you find the video interesting, please like and subscribe to watch more interesting videos about programming and web design
@Crix-X982
@Crix-X982 4 ай бұрын
Yes thanks i want to learn three.js from you cause you tell those things which everyone don't know
@HuynhLuong227
@HuynhLuong227 4 ай бұрын
mong anh ra series nâng cao hơn nhá, cảm ơn anh
@kashinadoing
@kashinadoing 4 ай бұрын
Do you use cap cut for editing
@GammaWraith
@GammaWraith 4 ай бұрын
Sick! Great work
@Quotes-IIQ
@Quotes-IIQ 4 ай бұрын
make a css full course
@Mr.FranciscodeMiranda
@Mr.FranciscodeMiranda 4 ай бұрын
Uploaded one hour ago, recorded, edited and voiced over 3 hours ago. This dude has superpowers!
@juancamacho479
@juancamacho479 2 ай бұрын
power of AI!
@jimzordstam6338
@jimzordstam6338 4 ай бұрын
Have only watched 3-4 vids, but when faced with extreme quality you can immediately tell this SS-tier content, thanks for your hard work.
@faridul.hassan
@faridul.hassan 4 ай бұрын
Just wow!!! Please create a full playlist with Three.js Fundamentals and then making some real world projects. Best of luck.
@namisawada5999
@namisawada5999 4 күн бұрын
I’ve wanted to try three js since a long time ago and finally done it!! Thank you so much! I learned that it was pretty pain to make it fully responsive even with your code (I think because of camera perspective and the screen ratio, I had to adjust the position for mobile screens)
@MarcE-n9b
@MarcE-n9b 4 ай бұрын
Gonna watch this later. I just stopped by to give this a like!
@lundeveloper
@lundeveloper 4 ай бұрын
Thanks brother 😅
@merion297
@merion297 4 ай бұрын
Incredible concept&tutorial! Every webpage should use 3D these days!
@Unknown27-c6b
@Unknown27-c6b 3 ай бұрын
Bro its heavy it will decrease performance
@merion297
@merion297 3 ай бұрын
@@Unknown27-c6b Absolutely! If you overwhelm the website with 3D. Some reactive 3D text elements, some 3D objects like that bee, or a car, or a house, or a sandwich or pizza, don't kill my $200 PC. (Okay, it'll kill if that pizza is a 3DGS object but it won't if it's just a Polycam-level photogrammetry.)
@Unknown27-c6b
@Unknown27-c6b 3 ай бұрын
@@merion297 yup 3d object should only used if necessary or client wants it.
@merion297
@merion297 3 ай бұрын
@@Unknown27-c6b "Every webpage should use 3D these days!" means "Be the client who wants it." 👍 or: "Don't use CRT monitors if you can have LCD monitors just because you know CRT monitors only." or: "Don't use a cart just because you're used to using a cart. There's the car."
@yashwanthrocky6311
@yashwanthrocky6311 4 ай бұрын
Please start three.js tutorial from beginning
@lundeveloper
@lundeveloper 4 ай бұрын
I agree ☺️❤️
@KnoxGaming123
@KnoxGaming123 4 ай бұрын
​@@lundeveloperPlease
@pavanbunny4632
@pavanbunny4632 4 ай бұрын
​@@lundeveloper we hope soon❤
@krishnarajbhar767
@krishnarajbhar767 4 ай бұрын
​@@lundeveloperThanks❤
@PicSta
@PicSta 4 ай бұрын
Maybe you make a series especially for three.js (starting at beginner level). This way you can bring your part 1, 2, 3 and so on and in between Master CSS tutorials. I like these also, and even I think I know a lot about CSS, I see new things once in a while.
@freakfreak786
@freakfreak786 4 ай бұрын
Words cant describe how useful all this information was. thank you so much
@2difficult2do
@2difficult2do 4 ай бұрын
Very interesting project. Thanks for sharing your work
@n.h.nayeem-v1b
@n.h.nayeem-v1b 4 ай бұрын
Your videos are mindblowing. 🧠 Specially , I love your CSS tutorials.
@lundeveloper
@lundeveloper 4 ай бұрын
Thanks brother
@leevu12
@leevu12 4 ай бұрын
Hay quá anh Lùn ơi🎉
@_cannachris
@_cannachris 4 ай бұрын
Bro, your Tutorials are awesome and let my ideas fly - thanks sooo much!
@lundeveloper
@lundeveloper 4 ай бұрын
Thank you for watching my content brother 😘
@manthan_Kushwaha
@manthan_Kushwaha 4 ай бұрын
Amazing 😍 you are best designer and always bring unique style concept content. Keep creating this type of content.
@lundeveloper
@lundeveloper 4 ай бұрын
Inspired by Figma 3D project (No code), I tried creating with Three Js and the result is this video
@GaneshPalraj1991
@GaneshPalraj1991 4 ай бұрын
Are no codes sustainable ? Are no code projects scalable ? Nice video by the way.
@Octa-d5q
@Octa-d5q 15 күн бұрын
Thanks for sharing this content!
@Octa-d5q
@Octa-d5q 15 күн бұрын
This helped me understand the topic better
@hameeeed5992
@hameeeed5992 4 ай бұрын
This person is a good designer
@ohhhleonid
@ohhhleonid 2 ай бұрын
Love the video. Super straight forward.
@nelsonndukwe7274
@nelsonndukwe7274 3 ай бұрын
This is real cool, I was wondering why you didn’t use Gsap scroll trigger to achieve this
@MuhammadMoizKhalid
@MuhammadMoizKhalid 4 ай бұрын
Amazing video. Such clear explanation with real world scenario
@PicSta
@PicSta 4 ай бұрын
Hoangho this example website is stunning. Really a great job, how you deal with the JS looks too easy. I always struggle with things like that or have to read documentations, tutorials or whatsoever to get me close to what I want. Catch you in the next one. Cheers!
@lundeveloper
@lundeveloper 4 ай бұрын
Thanks you so much brother ❤❤
@JunreyBeduya
@JunreyBeduya 4 ай бұрын
just amazing content as always!
@JaredVBrown
@JaredVBrown 4 ай бұрын
Amazing work, absolutely pure gold information.
@lundeveloper
@lundeveloper 4 ай бұрын
Thanks for your comment 😍😍
@status-200-ok
@status-200-ok 4 ай бұрын
I leave like and sub, very interesting content, hopefully you upload more videos like this, this fun, a hug.
@ArBo-q9x
@ArBo-q9x 3 ай бұрын
I love your content
@hitvaghani8039
@hitvaghani8039 4 ай бұрын
bro you are doing amazing work!!
@manuelvaal1257
@manuelvaal1257 2 ай бұрын
This guy is a living legend!🤦‍♂️
@kirkbowers4889
@kirkbowers4889 4 ай бұрын
Amazing Work!!!
@lundeveloper
@lundeveloper 4 ай бұрын
Thank you
@christian-schubert
@christian-schubert 4 ай бұрын
Well, the positioning choice in the contact section was a ...creative one 😄 But I get it that this wasn't a tutorial on UX, so, well done! 👍
@mr.fabian8471
@mr.fabian8471 4 ай бұрын
youuuuuuuuuuuuuuuuuuuuuuu areeeeeeeee soooooo beautiful Sr !!!! Thanks !!!
@اريجعيسى-ك4ل
@اريجعيسى-ك4ل 3 ай бұрын
Thank you You are great 👍👍👍 Please more video on three js
@kingpin4152
@kingpin4152 4 ай бұрын
really compact and easy to follow tutorial, I have seen lots of Three.js tutorials before but I think this one was the most enjoyable to watch. (despite the AI voice) also "Twee vliegen in 1 klap" as they say in my language (dutch) I am also highely interested in experimenting with gsap. it was also a nice surprise that I was in the video :) I do however have my concerns for the mobile layout specificly for the design you showed, isn't that going to be to distracting/covering up to much text?
@SophiaNyuori
@SophiaNyuori 4 ай бұрын
I love your work and I can say that I am your number one fan. please can you make a video of where you learnt coding so that I can be like you.
@hamid.developer
@hamid.developer 4 ай бұрын
i watch your playlist due to this video
@akshupdf
@akshupdf 3 ай бұрын
cool man. thanks
@lundeveloper
@lundeveloper 3 ай бұрын
☺️☺️
@PigeonHawk
@PigeonHawk 4 ай бұрын
We want a Three js tutorial please.... It will help a lot sir .. Lun dev Big fan ❤
@lundeveloper
@lundeveloper 4 ай бұрын
Thanks brother 😘
@redowlstudio4892
@redowlstudio4892 4 ай бұрын
amazing work
@lundeveloper
@lundeveloper 4 ай бұрын
Thanks bro 😍
@shakilahmed6870
@shakilahmed6870 4 ай бұрын
Thanks a lot for this video. Please do another part and show us how to interact with the 3d model with mouse cursor.
@anastasiats9793
@anastasiats9793 2 ай бұрын
amazing, thank you
@Мария-ы4м7у
@Мария-ы4м7у 4 ай бұрын
Super cool!
@lundeveloper
@lundeveloper 4 ай бұрын
😁 Thanks brother 😁
@zakumialex7013
@zakumialex7013 Ай бұрын
This is amazing.Thank a lot
@ep4r4
@ep4r4 4 ай бұрын
Super los proyectos en ThreeJs
@lundeveloper
@lundeveloper 4 ай бұрын
Thanks brother 😍
@sifr-in
@sifr-in 3 ай бұрын
excellent. but not mobile friendly. i was expecting it. 😊
@HuynhLuong227
@HuynhLuong227 4 ай бұрын
tks for sharing, really useful
@4arliEdinorog
@4arliEdinorog 4 ай бұрын
Круто, то что хотел узнать 👍
@LarsLinde
@LarsLinde 4 ай бұрын
Great stuff
@lundeveloper
@lundeveloper 4 ай бұрын
Thanks brother😍
@hogvarts
@hogvarts 4 ай бұрын
Bento design is very fashionable now. Where there is a block... and for example the right quarter is cut out, etc. Please make a video explaining how to lay out such layouts. And preferably, show how to make these blocks in two ways... where the form is placed on the background like SVG, and in the second case where it is cut out with pseudo-elements) If anything, I used Google translator for this message, so forgive me, but I think the gist is clear) Thanks in advance. You are the best.
@What-vr9sx
@What-vr9sx 4 ай бұрын
Bro you are mind blowing
@Heartless0RD
@Heartless0RD 3 ай бұрын
wow nice you made it to easy for me
@GaganDeep-fy3ev
@GaganDeep-fy3ev 4 ай бұрын
Hey, a suggestion on three js that their is a particle animation that take particular shapes on scroll of screen it is amazing you might try teaching it. If you don’t get tell me I provide you a link to it.
@erasec
@erasec Ай бұрын
Thank you so much for this tutorial! Do you have any advice on how to speed up the loading time of the 3D model? It currently takes around 7 seconds.
@404-not-found-service
@404-not-found-service 7 күн бұрын
Very good content, I expect more things like that from ThreeJs, and animations in texts and scroll, don't be Gsap, but I'd be great, I'll leave my like and sub, a greeting coma.
@kunalsolanki100
@kunalsolanki100 4 ай бұрын
You are great I think u should teach 10-11 hour of css course this will boost your channel and go for javascript believe me u will never regret what I said
@harshchaudhary6905
@harshchaudhary6905 4 ай бұрын
pls start three.js tutorial, bcoz you tell those things which no-one knows❤❤
@lundeveloper
@lundeveloper 4 ай бұрын
I will consider making more videos about three js if this video has a positive response from the audience ❤❤
@Deus-lo-Vuilt
@Deus-lo-Vuilt 4 ай бұрын
Wow , thanks bro ❤
@mateod700
@mateod700 4 ай бұрын
awesome!
@ShehrozeEhsan-i4o
@ShehrozeEhsan-i4o 4 ай бұрын
Please add JavaScript basic to advance course in your playlist
@m.waseem6616
@m.waseem6616 4 ай бұрын
Boss need more videos for three js. Maybe a start to end crash course.
@2553banksia
@2553banksia 4 ай бұрын
What theme are you using its so beautiful!!!
@ryomar10
@ryomar10 4 ай бұрын
Nice tutorial
@MOINKHAN-d7c
@MOINKHAN-d7c 4 ай бұрын
You save my designing time a lot thanks u I request you to make a gsap video🎉🎉😊😊
@lundeveloper
@lundeveloper 4 ай бұрын
Thanks for watching my content brother
@r-i-ch
@r-i-ch 4 ай бұрын
EXCELLENT! How does this work with mobile?
@adid6256
@adid6256 4 ай бұрын
Thanks bro...I like your videos...I have one small one small note the bee that you used doesn't have eyes😅 🇸🇩✌️
@realg701
@realg701 4 ай бұрын
what are you man!!! 🔥
@MustaPha-s4i
@MustaPha-s4i 4 ай бұрын
I love your vidéo and how explaine i dont learn JS yet byt i Can understund some thing and copy the code and modifier, thanks you ❤❤
@astralunification1681
@astralunification1681 4 ай бұрын
love the works, but will like to know how to do this in wordpress
@Shubham-fo3md
@Shubham-fo3md 4 ай бұрын
Hello, I would love to know your vscode configuration and extension you use it looks amazing 😊
@learnwithshaheb
@learnwithshaheb 4 ай бұрын
Please make Basic to Advance 3js Tutoral to understand better ThreeJS properly to use in project. Thanks in advanced
@felipeolguera
@felipeolguera 4 ай бұрын
use react three fiber plss, awesome learning
@leonardoguerrero4986
@leonardoguerrero4986 4 ай бұрын
Hello, have you ever thought about doing some stuff with some CMS such as wordpress? Just curious about it.
@suprimgolay922
@suprimgolay922 4 ай бұрын
fire, feel guilty to watch free lol
@lundeveloper
@lundeveloper 4 ай бұрын
Surprised? 😅
@waleedbinshabbir1542
@waleedbinshabbir1542 4 ай бұрын
amazing
@lundeveloper
@lundeveloper 4 ай бұрын
🍭🍭 Thanks brother 😍😍
@caien-t4n
@caien-t4n 4 ай бұрын
Can you make svelte and Gsap tutorial series!?
@lundeveloper
@lundeveloper 4 ай бұрын
Why not 😘
@rogerramjet69
@rogerramjet69 4 ай бұрын
absolute fucking killer tutorial
@abbodabbod5977
@abbodabbod5977 4 ай бұрын
Wow ..❤❤❤ How do I create a graphics editor with some commands and shapes using js?
@thecomicpunch2888
@thecomicpunch2888 27 күн бұрын
Hey, nice video! what's the Theme for VS code you are using?
@nununm3199
@nununm3199 4 ай бұрын
Could be show us some examples with react as well? Ty
@happyyjourney
@happyyjourney 4 ай бұрын
Can you make video on *inverted border radius*
@kodeeshwarar2301
@kodeeshwarar2301 4 ай бұрын
I am looking 👀 more three.js videos. Please upload
@lundeveloper
@lundeveloper 4 ай бұрын
I willl
@YoutubeHacksUnleashed
@YoutubeHacksUnleashed 4 ай бұрын
can you create a tutorial of how you styled the page
@cadriggaming723
@cadriggaming723 3 ай бұрын
make a full stack project for beginners please
@GagandeepSingh-ly1ct
@GagandeepSingh-ly1ct 4 ай бұрын
hi bro, great work! my concern is if i am trying to change 3d model then the model is not appearing with accurate position and size and not working on scroll too. So do we have to set the values differently for that or am i doing any mistake?
@sandiss1210
@sandiss1210 4 ай бұрын
what theme are you using in vs code its soo coool
@Next-Js
@Next-Js Ай бұрын
Three.Js
@ikramgouskar4735
@ikramgouskar4735 Ай бұрын
i just need to know where did you get that link that you put at the js pls
@kingstylegamerz4158
@kingstylegamerz4158 4 ай бұрын
I have questions please highlight my question.. I learned frontend and still I am working to improve the concept... So May I use only Three.js for making more attractive website....
@Divyv520
@Divyv520 4 ай бұрын
Hey Lun , very good video ! I was wondering if I can help you with more Quality Editing in your videos and make Highly Engaging Thumbnails which will help your videos to get more views and engagement . Please let me know what do you think ?
@godeater2473
@godeater2473 4 ай бұрын
Do you have a way to create a binary rain like The Matrix movie?
@BarfiDevi-f9b
@BarfiDevi-f9b 4 ай бұрын
What are laptop and pc specifications needed for this work asking because want buy laptop in lowest budget
@S.R.T-e1i
@S.R.T-e1i 4 ай бұрын
30 or 4o thousand minimum
@BarfiDevi-f9b
@BarfiDevi-f9b 4 ай бұрын
@@S.R.T-e1i laptop link?
@S.R.T-e1i
@S.R.T-e1i 4 ай бұрын
@@BarfiDevi-f9b my laptop name is Acer One14 Backlit Intel Core 11th Gen 1155g7 512 Gb Ssd/Windows 11 Home Z8-415 Thin And Light Laptop you can check this
@S.R.T-e1i
@S.R.T-e1i 4 ай бұрын
@@BarfiDevi-f9b what's your budget?
@BarfiDevi-f9b
@BarfiDevi-f9b 4 ай бұрын
@@S.R.T-e1i 30-40 max to max 50-55k
@the_BetaDev
@the_BetaDev 4 ай бұрын
what VSCode theme and font you are using?
@Quotes-IIQ
@Quotes-IIQ 4 ай бұрын
make a css full course
@karemdlvk4116
@karemdlvk4116 4 ай бұрын
Shader effects next
@Xenadus
@Xenadus 4 ай бұрын
Shouldn't the bee also get smaller when you resize the screen
@legendX099
@legendX099 4 ай бұрын
Can you make a video on 3D website more better please 🥺😢
@enriqueruiz320
@enriqueruiz320 4 ай бұрын
😱
@besuccessfull1891
@besuccessfull1891 4 ай бұрын
A design video plzz🤤🤤🤤
@iam_bsi
@iam_bsi 2 ай бұрын
Please next version spider, background dark and white
@abhaysharmafitness
@abhaysharmafitness 4 ай бұрын
we need more three.js
@SasiKumar-be1yq
@SasiKumar-be1yq 4 ай бұрын
We want three.js tutorials
The King Of CSS Timing Functions | CSS Steps
6:00
Lun Dev
Рет қаралды 31 М.
Andro, ELMAN, TONI, MONA - Зари (Official Audio)
2:53
RAAVA MUSIC
Рет қаралды 8 МЛН
진짜✅ 아님 가짜❌???
0:21
승비니 Seungbini
Рет қаралды 10 МЛН
Crazy Text Animation with CSS and SVG
5:45
Lun Dev
Рет қаралды 113 М.
Top 2024 Web Design Trends
5:32
Codex Community
Рет қаралды 684 М.
One Line Of Code By Master CSS
5:45
Lun Dev
Рет қаралды 131 М.
This free Chinese AI just crushed OpenAI's $200 o1 model...
4:41
Fireship
Рет қаралды 2,9 МЛН
These are the AI to Worry About
9:03
Film Stop
Рет қаралды 117 М.
I found more incredible 3D personal portfolios!!!
19:12
Developer Filip
Рет қаралды 203 М.
Adding a 3D model to a website using THREE.JS
5:55
Gabriel Molter
Рет қаралды 213 М.
2 Years of C++ Programming
8:20
Zyger
Рет қаралды 327 М.
I Recreated Arcane With $0
15:01
Noggi
Рет қаралды 2,2 МЛН
Andro, ELMAN, TONI, MONA - Зари (Official Audio)
2:53
RAAVA MUSIC
Рет қаралды 8 МЛН