Amazing 3D Animation Website with Three.Js So Eazy

Поділитися
Вставка
  • Опубліковано 18 лис 2024

КОМЕНТАРІ • 222

  • @lundeveloper
    @lundeveloper  Місяць тому +45

    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 Місяць тому +2

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

    • @HuynhLuong227
      @HuynhLuong227 Місяць тому

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

    • @kashinadoing
      @kashinadoing Місяць тому

      Do you use cap cut for editing

    • @GammaWraith
      @GammaWraith Місяць тому

      Sick! Great work

    • @Quotes-IIQ
      @Quotes-IIQ Місяць тому

      make a css full course

  • @Mr.FranciscodeMiranda
    @Mr.FranciscodeMiranda Місяць тому +27

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

  • @jimzordstam6338
    @jimzordstam6338 Місяць тому +11

    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 Місяць тому +5

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

  • @freakfreak786
    @freakfreak786 Місяць тому

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

  • @lundeveloper
    @lundeveloper  Місяць тому +22

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

    • @GaneshPalraj1991
      @GaneshPalraj1991 Місяць тому

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

  • @yashwanthrocky6311
    @yashwanthrocky6311 Місяць тому +75

    Please start three.js tutorial from beginning

    • @lundeveloper
      @lundeveloper  Місяць тому +45

      I agree ☺️❤️

    • @KnoxGaming123
      @KnoxGaming123 Місяць тому

      ​@@lundeveloperPlease

    • @pavanbunny4632
      @pavanbunny4632 Місяць тому

      ​@@lundeveloper we hope soon❤

    • @krishnarajbhar767
      @krishnarajbhar767 Місяць тому +1

      ​@@lundeveloperThanks❤

    • @PicSta
      @PicSta Місяць тому

      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.

  • @2difficult2do
    @2difficult2do Місяць тому

    Very interesting project. Thanks for sharing your work

  • @E-finder
    @E-finder Місяць тому +1

    I’m from Cambodia, I’m not good at English but ur speaking make me ez to understand.❤

  • @MarcE-n9b
    @MarcE-n9b Місяць тому +4

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

  • @ohhhleonid
    @ohhhleonid 11 днів тому

    Love the video. Super straight forward.

  • @merion297
    @merion297 Місяць тому +1

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

    • @Unknown27-c6b
      @Unknown27-c6b 19 днів тому

      Bro its heavy it will decrease performance

    • @merion297
      @merion297 19 днів тому +1

      @@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 19 днів тому +1

      @@merion297 yup 3d object should only used if necessary or client wants it.

    • @merion297
      @merion297 19 днів тому +1

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

  • @manthan_Kushwaha
    @manthan_Kushwaha Місяць тому

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

  • @manuelvaal1257
    @manuelvaal1257 9 днів тому

    This guy is a living legend!🤦‍♂️

  • @MuhammadMoizKhalid
    @MuhammadMoizKhalid Місяць тому

    Amazing video. Such clear explanation with real world scenario

  • @kingpin4152
    @kingpin4152 Місяць тому +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?

  • @اريجعيسى-ك4ل
    @اريجعيسى-ك4ل Місяць тому

    Thank you
    You are great 👍👍👍
    Please more video on three js

  • @leevu12
    @leevu12 Місяць тому

    Hay quá anh Lùn ơi🎉

  • @n.h.nayeem-v1b
    @n.h.nayeem-v1b Місяць тому

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

  • @status-200-ok
    @status-200-ok Місяць тому

    I leave like and sub, very interesting content, hopefully you upload more videos like this, this fun, a hug.

  • @ArBo-q9x
    @ArBo-q9x Місяць тому +1

    I love your content

  • @_cannachris
    @_cannachris Місяць тому

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

    • @lundeveloper
      @lundeveloper  Місяць тому

      Thank you for watching my content brother 😘

  • @hitvaghani8039
    @hitvaghani8039 Місяць тому

    bro you are doing amazing work!!

  • @hameeeed5992
    @hameeeed5992 Місяць тому

    This person is a good designer

  • @nelsonndukwe7274
    @nelsonndukwe7274 Місяць тому +1

    This is real cool, I was wondering why you didn’t use Gsap scroll trigger to achieve this

  • @masoomsanadi
    @masoomsanadi 29 днів тому +1

    excellent.
    but not mobile friendly.
    i was expecting it. 😊

  • @JaredVBrown
    @JaredVBrown Місяць тому

    Amazing work, absolutely pure gold information.

    • @lundeveloper
      @lundeveloper  Місяць тому

      Thanks for your comment 😍😍

  • @PicSta
    @PicSta Місяць тому

    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  Місяць тому

      Thanks you so much brother ❤❤

  • @christian-schubert
    @christian-schubert Місяць тому

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

  • @shakilahmed6870
    @shakilahmed6870 Місяць тому

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

  • @hamid.developer
    @hamid.developer Місяць тому

    i watch your playlist due to this video

  • @JunreyBeduya
    @JunreyBeduya Місяць тому

    just amazing content as always!

  • @SophiaNyuori
    @SophiaNyuori Місяць тому +1

    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.

  • @kirkbowers4889
    @kirkbowers4889 Місяць тому

    Amazing Work!!!

  • @HuynhLuong227
    @HuynhLuong227 Місяць тому

    tks for sharing, really useful

  • @4arliEdinorog
    @4arliEdinorog Місяць тому

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

  • @hogvarts
    @hogvarts Місяць тому

    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.

  • @Heartless0RD
    @Heartless0RD Місяць тому

    wow nice you made it to easy for me

  • @PigeonHawk
    @PigeonHawk Місяць тому

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

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

  • @What-vr9sx
    @What-vr9sx Місяць тому

    Bro you are mind blowing

  • @Deus-lo-Vuilt
    @Deus-lo-Vuilt Місяць тому

    Wow , thanks bro ❤

  • @mr.fabian8471
    @mr.fabian8471 Місяць тому

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

  • @harshchaudhary6905
    @harshchaudhary6905 Місяць тому

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

    • @lundeveloper
      @lundeveloper  Місяць тому

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

  • @MOINKHAN-d7c
    @MOINKHAN-d7c Місяць тому +2

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

    • @lundeveloper
      @lundeveloper  Місяць тому

      Thanks for watching my content brother

  • @MustaPha-s4i
    @MustaPha-s4i Місяць тому

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

  • @akshupdf
    @akshupdf Місяць тому +1

    cool man. thanks

  • @redowlstudio4892
    @redowlstudio4892 Місяць тому

    amazing work

  • @Мария-ы4м7у
    @Мария-ы4м7у Місяць тому

    Super cool!

  • @ShehrozeEhsan-i4o
    @ShehrozeEhsan-i4o Місяць тому +1

    Please add JavaScript basic to advance course in your playlist

  • @ep4r4
    @ep4r4 Місяць тому

    Super los proyectos en ThreeJs

  • @adid6256
    @adid6256 Місяць тому

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

  • @learnwithshaheb
    @learnwithshaheb Місяць тому

    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.

  • @m.waseem6616
    @m.waseem6616 Місяць тому

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

  • @ryomar10
    @ryomar10 Місяць тому

    Nice tutorial

  • @2553banksia
    @2553banksia Місяць тому

    What theme are you using its so beautiful!!!

  • @felipeolguera
    @felipeolguera Місяць тому

    use react three fiber plss, awesome learning

  • @LarsLinde
    @LarsLinde Місяць тому

    Great stuff

  • @mateod700
    @mateod700 Місяць тому

    awesome!

  • @rogerramjet69
    @rogerramjet69 Місяць тому

    absolute fucking killer tutorial

  • @Shubham-fo3md
    @Shubham-fo3md Місяць тому

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

  • @r-i-ch
    @r-i-ch Місяць тому

    EXCELLENT!
    How does this work with mobile?

  • @astralunification1681
    @astralunification1681 Місяць тому

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

  • @happyyjourney
    @happyyjourney Місяць тому +1

    Can you make video on *inverted border radius*

  • @abbodabbod5977
    @abbodabbod5977 Місяць тому

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

  • @iam_bsi
    @iam_bsi 11 днів тому

    Please next version spider, background dark and white

  • @kodeeshwarar2301
    @kodeeshwarar2301 Місяць тому

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

  • @nununm3199
    @nununm3199 Місяць тому

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

  • @leonardoguerrero4986
    @leonardoguerrero4986 Місяць тому

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

  • @SasiKumar-be1yq
    @SasiKumar-be1yq Місяць тому

    We want three.js tutorials

  • @realg701
    @realg701 Місяць тому

    what are you man!!! 🔥

  • @cadriggaming723
    @cadriggaming723 Місяць тому

    make a full stack project for beginners please

  • @caien-t4n
    @caien-t4n Місяць тому +1

    Can you make svelte and Gsap tutorial series!?

  • @lowEndAppsAndGames
    @lowEndAppsAndGames Місяць тому

    can you create a tutorial of how you styled the page

  • @abhaysharmafitness
    @abhaysharmafitness Місяць тому

    we need more three.js

  • @GagandeepSingh-ly1ct
    @GagandeepSingh-ly1ct Місяць тому

    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 Місяць тому

    amazing

    • @lundeveloper
      @lundeveloper  Місяць тому

      🍭🍭 Thanks brother 😍😍

  • @karemdlvk4116
    @karemdlvk4116 Місяць тому

    Shader effects next

  • @Meeru-gamming
    @Meeru-gamming Місяць тому

    finally Mr Beast Launch a course of Three js

  • @sandiss1210
    @sandiss1210 Місяць тому

    what theme are you using in vs code its soo coool

  • @suprimgolay922
    @suprimgolay922 Місяць тому

    fire, feel guilty to watch free lol

  • @Quotes-IIQ
    @Quotes-IIQ Місяць тому

    make a css full course

  • @besuccessfull1891
    @besuccessfull1891 Місяць тому

    A design video plzz🤤🤤🤤

  • @Divyv520
    @Divyv520 Місяць тому

    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 ?

  • @kingstylegamerz4158
    @kingstylegamerz4158 Місяць тому

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

  • @Xenadus
    @Xenadus Місяць тому +1

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

  • @legendX099
    @legendX099 Місяць тому

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

  • @enriqueruiz320
    @enriqueruiz320 Місяць тому

    😱

  • @godeater2473
    @godeater2473 Місяць тому

    Do you have a way to create a binary rain like The Matrix movie?

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

  • @the_BetaDev
    @the_BetaDev Місяць тому

    what VSCode theme and font you are using?

  • @DawoodDawood-px3xp
    @DawoodDawood-px3xp Місяць тому

    can you make the exact animtion in react js?

  • @Supra-q1d
    @Supra-q1d Місяць тому

    can you name the source where you get high quality images

  • @namhoai452
    @namhoai452 Місяць тому

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

  • @ezazmajumder
    @ezazmajumder Місяць тому

    Can I use this code on ReactJS . Please answer

  • @BarfiDevi-f9b
    @BarfiDevi-f9b Місяць тому +2

    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 Місяць тому

      30 or 4o thousand minimum

    • @BarfiDevi-f9b
      @BarfiDevi-f9b Місяць тому +1

      @@S.R.T-e1i laptop link?

    • @S.R.T-e1i
      @S.R.T-e1i Місяць тому

      @@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 Місяць тому

      @@BarfiDevi-f9b what's your budget?

    • @BarfiDevi-f9b
      @BarfiDevi-f9b Місяць тому

      @@S.R.T-e1i 30-40 max to max 50-55k

  • @Dreamdrift_shorts
    @Dreamdrift_shorts Місяць тому

    Can you do the same for a react project 😊

    • @lundeveloper
      @lundeveloper  Місяць тому +1

      Of course 😊 If I think of something interesting

  • @alsiela3631
    @alsiela3631 25 днів тому

    I tried to follow along but it didn't work. I even got all the code correct but I don't realise what's wrong. Help needed

    • @lundeveloper
      @lundeveloper  24 дні тому

      Do you use live server ?

    • @alsiela3631
      @alsiela3631 24 дні тому

      @@lundeveloper yes I always use live server.

    • @iitsnikk
      @iitsnikk 16 днів тому

      Too ,I downloaded this code everything good but animation not displayed

  • @Miran99923
    @Miran99923 Місяць тому

    can you help me with my project