Amazing 3D Animation Website with Three.Js So Eazy

แชร์
ฝัง
  • เผยแพร่เมื่อ 27 ก.ย. 2024

ความคิดเห็น • 166

  • @lundeveloper
    @lundeveloper  6 วันที่ผ่านมา +29

    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 6 วันที่ผ่านมา +2

      Yes thanks i want to learn three.js from you cause you tell those things which everyone don't know

    • @HuynhLuong227
      @HuynhLuong227 6 วันที่ผ่านมา

      mong anh ra series nâng cao hơn nhá, cảm ơn anh

    • @kashinadoing
      @kashinadoing 6 วันที่ผ่านมา

      Do you use cap cut for editing

    • @GammaWraith
      @GammaWraith 6 วันที่ผ่านมา

      Sick! Great work

    • @Quotes-IIQ
      @Quotes-IIQ 5 วันที่ผ่านมา

      make a css full course

  • @yashwanthrocky6311
    @yashwanthrocky6311 6 วันที่ผ่านมา +60

    Please start three.js tutorial from beginning

    • @lundeveloper
      @lundeveloper  6 วันที่ผ่านมา +35

      I agree ☺️❤️

    • @KnoxGaming123
      @KnoxGaming123 6 วันที่ผ่านมา

      ​@@lundeveloperPlease

    • @pavanbunny4632
      @pavanbunny4632 6 วันที่ผ่านมา

      ​@@lundeveloper we hope soon❤

    • @krishnarajbhar767
      @krishnarajbhar767 6 วันที่ผ่านมา +1

      ​@@lundeveloperThanks❤

    • @PicSta
      @PicSta 6 วันที่ผ่านมา

      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.

  • @faridul.hassan
    @faridul.hassan 6 วันที่ผ่านมา +4

    Just wow!!!
    Please create a full playlist with Three.js Fundamentals and then making some real world projects.
    Best of luck.

  • @lundeveloper
    @lundeveloper  6 วันที่ผ่านมา +17

    Inspired by Figma 3D project (No code), I tried creating with Three Js and the result is this video

    • @GaneshPalraj1991
      @GaneshPalraj1991 5 วันที่ผ่านมา

      Are no codes sustainable ?
      Are no code projects scalable ?
      Nice video by the way.

  • @merion297
    @merion297 3 วันที่ผ่านมา

    Incredible concept&tutorial! Every webpage should use 3D these days!

  • @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.

  • @MOINKHAN-d7c
    @MOINKHAN-d7c 6 วันที่ผ่านมา +2

    You save my designing time a lot thanks u I request you to make a gsap video🎉🎉😊😊

    • @lundeveloper
      @lundeveloper  6 วันที่ผ่านมา

      Thanks for watching my content brother

  • @manthan_Kushwaha
    @manthan_Kushwaha 6 วันที่ผ่านมา

    Amazing 😍 you are best designer and always bring unique style concept content. Keep creating this type of content.

  • @kingpin4152
    @kingpin4152 6 วันที่ผ่านมา +2

    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 5 วันที่ผ่านมา

    Amazing video. Such clear explanation with real world scenario

  • @hameeeed5992
    @hameeeed5992 6 วันที่ผ่านมา

    This person is a good designer

  • @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

  • @PicSta
    @PicSta 6 วันที่ผ่านมา

    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  5 วันที่ผ่านมา

      Thanks you so much brother ❤❤

  • @n.h.nayeem-v1b
    @n.h.nayeem-v1b 6 วันที่ผ่านมา

    Your videos are mindblowing. 🧠
    Specially , I love your CSS tutorials.

    • @lundeveloper
      @lundeveloper  6 วันที่ผ่านมา +1

      Thanks brother

  • @Deus-lo-Vuilt
    @Deus-lo-Vuilt 4 วันที่ผ่านมา

    Wow , thanks bro ❤

  • @mr.fabian8471
    @mr.fabian8471 5 วันที่ผ่านมา

    youuuuuuuuuuuuuuuuuuuuuuu areeeeeeeee soooooo beautiful Sr !!!! Thanks !!!

  • @christian-schubert
    @christian-schubert 6 วันที่ผ่านมา

    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! 👍

  • @JaredVBrown
    @JaredVBrown 6 วันที่ผ่านมา

    Amazing work, absolutely pure gold information.

    • @lundeveloper
      @lundeveloper  6 วันที่ผ่านมา

      Thanks for your comment 😍😍

  • @hitvaghani8039
    @hitvaghani8039 6 วันที่ผ่านมา

    bro you are doing amazing work!!

  • @hogvarts
    @hogvarts 6 วันที่ผ่านมา

    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.

  • @ryomar10
    @ryomar10 6 วันที่ผ่านมา

    Nice tutorial

  • @shakilahmed6870
    @shakilahmed6870 6 วันที่ผ่านมา

    Thanks a lot for this video. Please do another part and show us how to interact with the 3d model with mouse cursor.

  • @HuynhLuong227
    @HuynhLuong227 6 วันที่ผ่านมา

    tks for sharing, really useful

  • @m.waseem6616
    @m.waseem6616 6 วันที่ผ่านมา

    Boss need more videos for three js.
    Maybe a start to end crash course.

  • @Мария-ы4м7у
    @Мария-ы4м7у 6 วันที่ผ่านมา

    Super cool!

    • @lundeveloper
      @lundeveloper  6 วันที่ผ่านมา

      😁 Thanks brother 😁

  • @adid6256
    @adid6256 6 วันที่ผ่านมา

    Thanks bro...I like your videos...I have one small one small note the bee that you used doesn't have eyes😅
    🇸🇩✌️

  • @PigeonHawk
    @PigeonHawk 6 วันที่ผ่านมา

    We want a Three js tutorial please....
    It will help a lot sir ..
    Lun dev Big fan ❤

    • @lundeveloper
      @lundeveloper  6 วันที่ผ่านมา +1

      Thanks brother 😘

  • @rogerramjet69
    @rogerramjet69 5 วันที่ผ่านมา

    absolute fucking killer tutorial

  • @LarsLinde
    @LarsLinde 6 วันที่ผ่านมา

    Great stuff

    • @lundeveloper
      @lundeveloper  6 วันที่ผ่านมา

      Thanks brother😍

  • @realg701
    @realg701 6 วันที่ผ่านมา

    what are you man!!! 🔥

  • @r-i-ch
    @r-i-ch 6 วันที่ผ่านมา

    EXCELLENT!
    How does this work with mobile?

  • @MustaPha-s4i
    @MustaPha-s4i 6 วันที่ผ่านมา

    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 ❤❤

  • @2553banksia
    @2553banksia 4 วันที่ผ่านมา

    What theme are you using its so beautiful!!!

  • @felipeolguera
    @felipeolguera 2 วันที่ผ่านมา

    use react three fiber plss, awesome learning

  • @Shubham-fo3md
    @Shubham-fo3md 6 วันที่ผ่านมา

    Hello, I would love to know your vscode configuration and extension you use it looks amazing 😊

  • @astralunification1681
    @astralunification1681 4 วันที่ผ่านมา

    love the works, but will like to know how to do this in wordpress

  • @suprimgolay922
    @suprimgolay922 5 วันที่ผ่านมา

    fire, feel guilty to watch free lol

    • @lundeveloper
      @lundeveloper  5 วันที่ผ่านมา

      Surprised? 😅

  • @Xenadus
    @Xenadus 6 วันที่ผ่านมา +1

    Shouldn't the bee also get smaller when you resize the screen

  • @SasiKumar-be1yq
    @SasiKumar-be1yq 4 วันที่ผ่านมา

    We want three.js tutorials

  • @ShehrozeEhsan-i4o
    @ShehrozeEhsan-i4o 6 วันที่ผ่านมา

    Please add JavaScript basic to advance course in your playlist

  • @caien-t4n
    @caien-t4n 6 วันที่ผ่านมา +1

    Can you make svelte and Gsap tutorial series!?

  • @karemdlvk4116
    @karemdlvk4116 6 วันที่ผ่านมา

    Shader effects next

  • @lowEndAppsAndGames
    @lowEndAppsAndGames 5 วันที่ผ่านมา

    can you create a tutorial of how you styled the page

  • @Meeru-gamming
    @Meeru-gamming 6 วันที่ผ่านมา

    finally Mr Beast Launch a course of Three js

  • @besuccessfull1891
    @besuccessfull1891 3 วันที่ผ่านมา

    A design video plzz🤤🤤🤤

  • @Quotes-IIQ
    @Quotes-IIQ 5 วันที่ผ่านมา

    make a css full course

  • @kingstylegamerz4158
    @kingstylegamerz4158 3 วันที่ผ่านมา

    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....

  • @GagandeepSingh-ly1ct
    @GagandeepSingh-ly1ct 2 วันที่ผ่านมา

    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?

  • @waleedbinshabbir1542
    @waleedbinshabbir1542 6 วันที่ผ่านมา

    amazing

    • @lundeveloper
      @lundeveloper  6 วันที่ผ่านมา

      🍭🍭 Thanks brother 😍😍

  • @GauravRao01
    @GauravRao01 3 วันที่ผ่านมา

    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.

  • @namhoai452
    @namhoai452 5 วันที่ผ่านมา

    mong anh ra 1 bản tiếng việt ạ

    • @lundeveloper
      @lundeveloper  5 วันที่ผ่านมา

      Nó có phụ đề á bé

  • @enriqueruiz320
    @enriqueruiz320 6 วันที่ผ่านมา

    😱

  • @Miran99923
    @Miran99923 6 วันที่ผ่านมา +1

    the bee is not visible on the source code

    • @lundeveloper
      @lundeveloper  6 วันที่ผ่านมา

      Why not 😳

    • @luciusmori5878
      @luciusmori5878 6 วันที่ผ่านมา

      True...

    • @lundeveloper
      @lundeveloper  6 วันที่ผ่านมา

      @@Miran99923 You need to run the project with the live server extension

    • @Miran99923
      @Miran99923 2 วันที่ผ่านมา

      Its not rendering on localhost we have run on npx

  • @Dreamdrift_shorts
    @Dreamdrift_shorts 6 วันที่ผ่านมา

    Can you do the same for a react project 😊

    • @lundeveloper
      @lundeveloper  6 วันที่ผ่านมา

      Of course 😊 If I think of something interesting

  • @aruhaya8512
    @aruhaya8512 5 วันที่ผ่านมา +1

    How you vs code look like that teach me pls 😭😭

    • @lundeveloper
      @lundeveloper  5 วันที่ผ่านมา +1

      Please check description this video brother ❤️

    • @aruhaya8512
      @aruhaya8512 4 วันที่ผ่านมา

      @@lundeveloper thx bro you are too good to be this underrated

  • @ikoif
    @ikoif 2 วันที่ผ่านมา

    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 6 วันที่ผ่านมา

    What vs code theme you are using?

    • @BrunoNeureiter
      @BrunoNeureiter 4 วันที่ผ่านมา

      Custom. He made a video about it

  • @hogvarts
    @hogvarts 6 วันที่ผ่านมา

    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  6 วันที่ผ่านมา

      @@hogvarts You need to run the project with the live server extension

    • @hogvarts
      @hogvarts 6 วันที่ผ่านมา

      @@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  6 วันที่ผ่านมา

      @@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 6 วันที่ผ่านมา

      @@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)

  • @landrit.
    @landrit. 6 วันที่ผ่านมา

    pleasee teach me CSS 🙏🏻

    • @lundeveloper
      @lundeveloper  6 วันที่ผ่านมา +1

      Videos on CSS topics will always continue 😍😍

  • @Deadgray
    @Deadgray 6 วันที่ผ่านมา

    Yea, but it's all about the models...

  • @hami__
    @hami__ 6 วันที่ผ่านมา

    Bro what about loading speed?

    • @lundeveloper
      @lundeveloper  6 วันที่ผ่านมา

      Well, the best option here is asynchronous loading

  • @saber8387
    @saber8387 6 วันที่ผ่านมา

    I've seen the original video

    • @lundeveloper
      @lundeveloper  6 วันที่ผ่านมา +3

      If you find another video on creating this effect "WITH THREEJS" I will give you money

  • @НеистовствоВетра
    @НеистовствоВетра 6 วันที่ผ่านมา

    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 4 วันที่ผ่านมา

      I like it. Helps with ADHD

  • @mission7871
    @mission7871 6 วันที่ผ่านมา

    Not understand this video

  • @UFO_808
    @UFO_808 5 วันที่ผ่านมา +1

    "tree jaes"..... please change your AI voice model it's painful to listen dawg

  • @talkdatrue
    @talkdatrue 6 วันที่ผ่านมา

    💩 we voted for more CSS

    • @lundeveloper
      @lundeveloper  6 วันที่ผ่านมา +1

      Don't worry 😅😅 Because CSS topic are always updated

    • @talkdatrue
      @talkdatrue 6 วันที่ผ่านมา

      @@lundeveloper ok, boss. However, you promised to release a video about animating but still no video 😄

  • @iftekharalammithu5128
    @iftekharalammithu5128 6 วันที่ผ่านมา

    How can i do that in React js

  • @lundeveloper
    @lundeveloper  6 วันที่ผ่านมา +1

    Anyone want more?

  • @Mr.FranciscodeMiranda
    @Mr.FranciscodeMiranda 6 วันที่ผ่านมา +20

    Uploaded one hour ago, recorded, edited and voiced over 3 hours ago.
    This dude has superpowers!

  • @enriqueruiz320
    @enriqueruiz320 6 วันที่ผ่านมา

    😱

  • @jimzordstam6338
    @jimzordstam6338 5 วันที่ผ่านมา +7

    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.

  • @BarfiDevi-f9b
    @BarfiDevi-f9b 4 วันที่ผ่านมา +1

    What are laptop and pc specifications needed for this work asking because want buy laptop in lowest budget

  • @happyyjourney
    @happyyjourney 6 วันที่ผ่านมา +1

    Can you make video on *inverted border radius*

  • @abbodabbod5977
    @abbodabbod5977 28 นาทีที่ผ่านมา

    Wow ..❤❤❤
    How do I create a graphics editor with some commands and shapes using js?

  • @MarcE-n9b
    @MarcE-n9b 6 วันที่ผ่านมา +3

    Gonna watch this later. I just stopped by to give this a like!

    • @lundeveloper
      @lundeveloper  6 วันที่ผ่านมา +2

      Thanks brother 😅

  • @learnwithshaheb
    @learnwithshaheb 19 ชั่วโมงที่ผ่านมา

    Please make Basic to Advance 3js Tutoral to understand better ThreeJS properly to use in project. Thanks in advanced

  • @GaganDeep-fy3ev
    @GaganDeep-fy3ev วันที่ผ่านมา

    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.

  • @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.

  • @2difficult2do
    @2difficult2do วันที่ผ่านมา

    Very interesting project. Thanks for sharing your work

  • @Divyv520
    @Divyv520 6 วันที่ผ่านมา

    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 ?

  • @leonardoguerrero4986
    @leonardoguerrero4986 6 วันที่ผ่านมา

    Hello, have you ever thought about doing some stuff with some CMS such as wordpress?
    Just curious about it.

  • @freakfreak786
    @freakfreak786 2 วันที่ผ่านมา

    Words cant describe how useful all this information was. thank you so much

  • @legendX099
    @legendX099 3 วันที่ผ่านมา

    Can you make a video on 3D website more better please 🥺😢

  • @the_BetaDev
    @the_BetaDev 6 วันที่ผ่านมา

    what VSCode theme and font you are using?

  • @nununm3199
    @nununm3199 6 วันที่ผ่านมา

    Could be show us some examples with react as well? Ty

  • @hamid.developer
    @hamid.developer 3 วันที่ผ่านมา

    i watch your playlist due to this video

  • @leevu12
    @leevu12 วันที่ผ่านมา

    Hay quá anh Lùn ơi🎉

  • @sandiss1210
    @sandiss1210 6 วันที่ผ่านมา

    what theme are you using in vs code its soo coool

  • @MDJisan-t8e
    @MDJisan-t8e วันที่ผ่านมา

    Name of your code editor theame

  • @harshchaudhary6905
    @harshchaudhary6905 6 วันที่ผ่านมา

    pls start three.js tutorial, bcoz you tell those things which no-one knows❤❤

    • @lundeveloper
      @lundeveloper  5 วันที่ผ่านมา

      I will consider making more videos about three js if this video has a positive response from the audience ❤❤

  • @Miran99923
    @Miran99923 6 วันที่ผ่านมา

    can you help me with my project

  • @What-vr9sx
    @What-vr9sx 6 วันที่ผ่านมา

    Bro you are mind blowing

  • @kodeeshwarar2301
    @kodeeshwarar2301 6 วันที่ผ่านมา

    I am looking 👀 more three.js videos. Please upload

  • @4arliEdinorog
    @4arliEdinorog 4 วันที่ผ่านมา

    Круто, то что хотел узнать 👍

  • @abhaysharmafitness
    @abhaysharmafitness 4 วันที่ผ่านมา

    we need more three.js

  • @mateod700
    @mateod700 6 วันที่ผ่านมา

    awesome!

  • @_cannachris
    @_cannachris 6 วันที่ผ่านมา

    Bro, your Tutorials are awesome and let my ideas fly - thanks sooo much!

    • @lundeveloper
      @lundeveloper  6 วันที่ผ่านมา

      Thank you for watching my content brother 😘

  • @ep4r4
    @ep4r4 5 วันที่ผ่านมา

    Super los proyectos en ThreeJs

    • @lundeveloper
      @lundeveloper  5 วันที่ผ่านมา

      Thanks brother 😍

  • @JunreyBeduya
    @JunreyBeduya 6 วันที่ผ่านมา

    just amazing content as always!

  • @kirkbowers4889
    @kirkbowers4889 5 วันที่ผ่านมา

    Amazing Work!!!