Тёмный

Amazing 3D Animation Website with Three.Js So Eazy 

Lun Dev Code
Подписаться 109 тыс.
Просмотров 25 тыс.
50% 1

Опубликовано:

 

24 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 159   
@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 3 дня назад
Sick! Great work
@Quotes-IIQ
@Quotes-IIQ 3 дня назад
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!
@lundeveloper
@lundeveloper 4 дня назад
Inspired by Figma 3D project (No code), I tried creating with Three Js and the result is this video
@GaneshPalraj1991
@GaneshPalraj1991 3 дня назад
Are no codes sustainable ? Are no code projects scalable ? Nice video by the way.
@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 3 дня назад
​@@lundeveloperThanks❤
@PicSta
@PicSta 3 дня назад
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.
@jimzordstam6338
@jimzordstam6338 3 дня назад
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.
@merion297
@merion297 День назад
Incredible concept&tutorial! Every webpage should use 3D these days!
@MarcE-n9b
@MarcE-n9b 4 дня назад
Gonna watch this later. I just stopped by to give this a like!
@lundeveloper
@lundeveloper 3 дня назад
Thanks brother 😅
@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?
@MuhammadMoizKhalid
@MuhammadMoizKhalid 2 дня назад
Amazing video. Such clear explanation with real world scenario
@status-200-ok
@status-200-ok 2 дня назад
I leave like and sub, very interesting content, hopefully you upload more videos like this, this fun, a hug.
@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
@4arliEdinorog
@4arliEdinorog 2 дня назад
Круто, то что хотел узнать 👍
@hamid.developer
@hamid.developer День назад
i watch your playlist due to this video
@manthan_Kushwaha
@manthan_Kushwaha 4 дня назад
Amazing 😍 you are best designer and always bring unique style concept content. Keep creating this type of content.
@kunalsolanki100
@kunalsolanki100 День назад
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
@mr.fabian8471
@mr.fabian8471 2 дня назад
youuuuuuuuuuuuuuuuuuuuuuu areeeeeeeee soooooo beautiful Sr !!!! Thanks !!!
@christian-schubert
@christian-schubert 3 дня назад
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! 👍
@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.
@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.
@m.waseem6616
@m.waseem6616 4 дня назад
Boss need more videos for three js. Maybe a start to end crash course.
@happyyjourney
@happyyjourney 4 дня назад
Can you make video on *inverted border radius*
@ep4r4
@ep4r4 2 дня назад
Super los proyectos en ThreeJs
@lundeveloper
@lundeveloper 2 дня назад
Thanks brother 😍
@kirkbowers4889
@kirkbowers4889 2 дня назад
Amazing Work!!!
@lundeveloper
@lundeveloper 2 дня назад
Thank you
@What-vr9sx
@What-vr9sx 4 дня назад
Bro you are mind blowing
@hameeeed5992
@hameeeed5992 4 дня назад
This person is a good designer
@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?
@PicSta
@PicSta 3 дня назад
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 3 дня назад
Thanks you so much brother ❤❤
@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 ❤❤
@Мария-ы4м7у
@Мария-ы4м7у 4 дня назад
Super cool!
@lundeveloper
@lundeveloper 4 дня назад
😁 Thanks brother 😁
@Deus-lo-Vuilt
@Deus-lo-Vuilt 2 дня назад
Wow , thanks bro ❤
@_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 😘
@adid6256
@adid6256 3 дня назад
Thanks bro...I like your videos...I have one small one small note the bee that you used doesn't have eyes😅 🇸🇩✌️
@Xenadus
@Xenadus 4 дня назад
Shouldn't the bee also get smaller when you resize the screen
@harshchaudhary6905
@harshchaudhary6905 3 дня назад
pls start three.js tutorial, bcoz you tell those things which no-one knows❤❤
@lundeveloper
@lundeveloper 3 дня назад
I will consider making more videos about three js if this video has a positive response from the audience ❤❤
@Shubham-fo3md
@Shubham-fo3md 4 дня назад
Hello, I would love to know your vscode configuration and extension you use it looks amazing 😊
@n.h.nayeem-v1b
@n.h.nayeem-v1b 4 дня назад
Your videos are mindblowing. 🧠 Specially , I love your CSS tutorials.
@lundeveloper
@lundeveloper 4 дня назад
Thanks brother
@BarfiDevi-f9b
@BarfiDevi-f9b День назад
What are laptop and pc specifications needed for this work asking because want buy laptop in lowest budget
@JaredVBrown
@JaredVBrown 4 дня назад
Amazing work, absolutely pure gold information.
@lundeveloper
@lundeveloper 4 дня назад
Thanks for your comment 😍😍
@2553banksia
@2553banksia День назад
What theme are you using its so beautiful!!!
@hitvaghani8039
@hitvaghani8039 4 дня назад
bro you are doing amazing work!!
@r-i-ch
@r-i-ch 3 дня назад
EXCELLENT! How does this work with mobile?
@JunreyBeduya
@JunreyBeduya 4 дня назад
just amazing content as always!
@leonardoguerrero4986
@leonardoguerrero4986 3 дня назад
Hello, have you ever thought about doing some stuff with some CMS such as wordpress? Just curious about it.
@kingstylegamerz4158
@kingstylegamerz4158 12 часов назад
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....
@redowlstudio4892
@redowlstudio4892 3 дня назад
amazing work
@lundeveloper
@lundeveloper 3 дня назад
Thanks bro 😍
@mateod700
@mateod700 3 дня назад
awesome!
@ryomar10
@ryomar10 4 дня назад
Nice tutorial
@LarsLinde
@LarsLinde 4 дня назад
Great stuff
@lundeveloper
@lundeveloper 4 дня назад
Thanks brother😍
@rogerramjet69
@rogerramjet69 3 дня назад
absolute fucking killer tutorial
@felipeolguera
@felipeolguera Час назад
use react three fiber plss, awesome learning
@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 😘
@astralunification1681
@astralunification1681 День назад
love the works, but will like to know how to do this in wordpress
@HuynhLuong227
@HuynhLuong227 4 дня назад
tks for sharing, really useful
@nununm3199
@nununm3199 4 дня назад
Could be show us some examples with react as well? Ty
@SasiKumar-be1yq
@SasiKumar-be1yq День назад
We want three.js tutorials
@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 ?
@realg701
@realg701 3 дня назад
what are you man!!! 🔥
@abhaysharmafitness
@abhaysharmafitness 2 дня назад
we need more three.js
@lowEndAppsAndGames
@lowEndAppsAndGames 3 дня назад
can you create a tutorial of how you styled the page
@caien-t4n
@caien-t4n 4 дня назад
Can you make svelte and Gsap tutorial series!?
@lundeveloper
@lundeveloper 4 дня назад
Why not 😘
@ShehrozeEhsan-i4o
@ShehrozeEhsan-i4o 4 дня назад
Please add JavaScript basic to advance course in your playlist
@kodeeshwarar2301
@kodeeshwarar2301 3 дня назад
I am looking 👀 more three.js videos. Please upload
@lundeveloper
@lundeveloper 3 дня назад
I willl
@sandiss1210
@sandiss1210 3 дня назад
what theme are you using in vs code its soo coool
@the_BetaDev
@the_BetaDev 4 дня назад
what VSCode theme and font you are using?
@Quotes-IIQ
@Quotes-IIQ 3 дня назад
make a css full course
@suprimgolay922
@suprimgolay922 3 дня назад
fire, feel guilty to watch free lol
@lundeveloper
@lundeveloper 3 дня назад
Surprised? 😅
@karemdlvk4116
@karemdlvk4116 3 дня назад
Shader effects next
@legendX099
@legendX099 День назад
Can you make a video on 3D website more better please 🥺😢
@GauravRao01
@GauravRao01 День назад
Bro I have to submit my project after one day , so can you please make a video for a project on HTML AND CSS only Please make it, its a humble request. I hope that you could understand it because it is for college project marks.
@enriqueruiz320
@enriqueruiz320 3 дня назад
😱
@besuccessfull1891
@besuccessfull1891 День назад
A design video plzz🤤🤤🤤
@Meeru-gamming
@Meeru-gamming 4 дня назад
finally Mr Beast Launch a course of Three js
@waleedbinshabbir1542
@waleedbinshabbir1542 4 дня назад
amazing
@lundeveloper
@lundeveloper 4 дня назад
🍭🍭 Thanks brother 😍😍
@Miran99923
@Miran99923 4 дня назад
the bee is not visible on the source code
@lundeveloper
@lundeveloper 4 дня назад
Why not 😳
@luciusmori5878
@luciusmori5878 4 дня назад
True...
@lundeveloper
@lundeveloper 4 дня назад
@@Miran99923 You need to run the project with the live server extension
@Miran99923
@Miran99923 Час назад
Its not rendering on localhost we have run on npx
@namhoai452
@namhoai452 2 дня назад
mong anh ra 1 bản tiếng việt ạ
@lundeveloper
@lundeveloper 2 дня назад
Nó có phụ đề á bé
@ikoif
@ikoif 7 часов назад
Why are you pronouncing it as "three" "jays"? I am assuming the voice-over is generated by AI from text input.
@raj-kashyap-developer
@raj-kashyap-developer 4 дня назад
What vs code theme you are using?
@BrunoNeureiter
@BrunoNeureiter 2 дня назад
Custom. He made a video about it
@Dreamdrift_shorts
@Dreamdrift_shorts 4 дня назад
Can you do the same for a react project 😊
@lundeveloper
@lundeveloper 4 дня назад
Of course 😊 If I think of something interesting
@hogvarts
@hogvarts 4 дня назад
I downloaded the archive to see the code. For some reason it doesn't work for me. The 3D model isn't displayed at all.
@lundeveloper
@lundeveloper 4 дня назад
@@hogvarts You need to run the project with the live server extension
@hogvarts
@hogvarts 4 дня назад
@@lundeveloper Thank you very much. It works via the live server. Please tell me why it doesn't work if I open the index right away?
@lundeveloper
@lundeveloper 4 дня назад
@@hogvarts When opening an HTML file via file://, browsers enforce strict security rules to prevent vulnerabilities. This means the browser does not allow loading JavaScript modules from local files, as it considers them unsafe
@hogvarts
@hogvarts 4 дня назад
@@lundeveloper got it, thank you very much) in general I'm just learning, the java script code is not very clear to me, but it's interesting. thanks again)
@Miran99923
@Miran99923 4 дня назад
can you help me with my project
@aruhaya8512
@aruhaya8512 2 дня назад
How you vs code look like that teach me pls 😭😭
@lundeveloper
@lundeveloper 2 дня назад
Please check description this video brother ❤️
@aruhaya8512
@aruhaya8512 2 дня назад
@@lundeveloper thx bro you are too good to be this underrated
@UFO_808
@UFO_808 3 дня назад
"tree jaes"..... please change your AI voice model it's painful to listen dawg
@hami__
@hami__ 4 дня назад
Bro what about loading speed?
@lundeveloper
@lundeveloper 4 дня назад
Well, the best option here is asynchronous loading
@Deadgray
@Deadgray 4 дня назад
Yea, but it's all about the models...
@landrit.
@landrit. 4 дня назад
pleasee teach me CSS 🙏🏻
@lundeveloper
@lundeveloper 4 дня назад
Videos on CSS topics will always continue 😍😍
@saber8387
@saber8387 4 дня назад
I've seen the original video
@lundeveloper
@lundeveloper 4 дня назад
If you find another video on creating this effect "WITH THREEJS" I will give you money
@НеистовствоВетра
please, im begging you, make this fkng 'funny' sound popup effects more quite! i love your content, but it's like get sound screamer every 15 seconds, it's about ux man, please!
@BrunoNeureiter
@BrunoNeureiter 2 дня назад
I like it. Helps with ADHD
@mission7871
@mission7871 3 дня назад
Not understand this video
@talkdatrue
@talkdatrue 4 дня назад
💩 we voted for more CSS
@lundeveloper
@lundeveloper 4 дня назад
Don't worry 😅😅 Because CSS topic are always updated
@talkdatrue
@talkdatrue 4 дня назад
@@lundeveloper ok, boss. However, you promised to release a video about animating but still no video 😄
@lundeveloper
@lundeveloper 4 дня назад
Anyone want more?
@iftekharalammithu5128
@iftekharalammithu5128 4 дня назад
How can i do that in React js
@status-200-ok
@status-200-ok 2 дня назад
I leave like and sub, very interesting content, hopefully you upload more videos like this, this fun, a hug.
@enriqueruiz320
@enriqueruiz320 3 дня назад
😱
Далее
Why Beautiful Websites Don’t Convert
12:57
Просмотров 138 тыс.
Become A Master Grid CSS In 13 Minutes
13:46
Просмотров 42 тыс.
Giant Silver Chocolates ASMR With My Sister! 🤤
00:46
Best Web Design Resources 2024
19:24
Просмотров 192 тыс.
Reacting to 21 Design Portfolios in 22 Minutes
22:41
Просмотров 598 тыс.
Crazy 3D Rotation Effect Using CSS Only
7:40
Просмотров 139 тыс.
Variables in CSS - Level Up variables with Propery
10:21
Top 2024 Web Design Trends
5:32
Просмотров 605 тыс.
My Top 5 Techniques for Web Animation
9:58
Просмотров 92 тыс.
Why does JavaScript's fetch make me wait TWICE?
6:23
Просмотров 111 тыс.
Front-end web development is changing, quickly
3:43
Просмотров 1,1 млн