Amazing 3D Animation Website with Three.Js So Eazy

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

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

  • @lundeveloper
    @lundeveloper  2 หลายเดือนก่อน +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 หลายเดือนก่อน +2

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

    • @HuynhLuong227
      @HuynhLuong227 2 หลายเดือนก่อน

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

    • @kashinadoing
      @kashinadoing 2 หลายเดือนก่อน

      Do you use cap cut for editing

    • @GammaWraith
      @GammaWraith 2 หลายเดือนก่อน

      Sick! Great work

    • @Quotes-IIQ
      @Quotes-IIQ 2 หลายเดือนก่อน

      make a css full course

  • @Mr.FranciscodeMiranda
    @Mr.FranciscodeMiranda 2 หลายเดือนก่อน +29

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

  • @jimzordstam6338
    @jimzordstam6338 2 หลายเดือนก่อน +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 2 หลายเดือนก่อน +5

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

  • @2difficult2do
    @2difficult2do 2 หลายเดือนก่อน

    Very interesting project. Thanks for sharing your work

  • @ohhhleonid
    @ohhhleonid 20 วันที่ผ่านมา

    Love the video. Super straight forward.

  • @freakfreak786
    @freakfreak786 2 หลายเดือนก่อน

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

  • @yashwanthrocky6311
    @yashwanthrocky6311 2 หลายเดือนก่อน +78

    Please start three.js tutorial from beginning

    • @lundeveloper
      @lundeveloper  2 หลายเดือนก่อน +45

      I agree ☺️❤️

    • @KnoxGaming123
      @KnoxGaming123 2 หลายเดือนก่อน

      ​@@lundeveloperPlease

    • @pavanbunny4632
      @pavanbunny4632 2 หลายเดือนก่อน

      ​@@lundeveloper we hope soon❤

    • @krishnarajbhar767
      @krishnarajbhar767 2 หลายเดือนก่อน +1

      ​@@lundeveloperThanks❤

    • @PicSta
      @PicSta 2 หลายเดือนก่อน

      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.

  • @MarcE-n9b
    @MarcE-n9b 2 หลายเดือนก่อน +4

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

    • @lundeveloper
      @lundeveloper  2 หลายเดือนก่อน +2

      Thanks brother 😅

  • @E-finder
    @E-finder หลายเดือนก่อน +1

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

    • @lundeveloper
      @lundeveloper  หลายเดือนก่อน +1

      Thank you, love Cambodia

  • @lundeveloper
    @lundeveloper  2 หลายเดือนก่อน +22

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

    • @GaneshPalraj1991
      @GaneshPalraj1991 2 หลายเดือนก่อน

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

  • @manuelvaal1257
    @manuelvaal1257 18 วันที่ผ่านมา

    This guy is a living legend!🤦‍♂️

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

  • @hameeeed5992
    @hameeeed5992 2 หลายเดือนก่อน

    This person is a good designer

  • @اريجعيسى-ك4ل
    @اريجعيسى-ك4ل หลายเดือนก่อน

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

  • @n.h.nayeem-v1b
    @n.h.nayeem-v1b 2 หลายเดือนก่อน +1

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

    • @lundeveloper
      @lundeveloper  2 หลายเดือนก่อน +1

      Thanks brother

  • @manthan_Kushwaha
    @manthan_Kushwaha 2 หลายเดือนก่อน

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

  • @_cannachris
    @_cannachris 2 หลายเดือนก่อน +1

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

    • @lundeveloper
      @lundeveloper  2 หลายเดือนก่อน

      Thank you for watching my content brother 😘

  • @leevu12
    @leevu12 2 หลายเดือนก่อน

    Hay quá anh Lùn ơi🎉

  • @merion297
    @merion297 2 หลายเดือนก่อน +1

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

    • @Unknown27-c6b
      @Unknown27-c6b 28 วันที่ผ่านมา

      Bro its heavy it will decrease performance

    • @merion297
      @merion297 28 วันที่ผ่านมา +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 28 วันที่ผ่านมา +1

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

    • @merion297
      @merion297 28 วันที่ผ่านมา +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."

  • @masoomsanadi
    @masoomsanadi หลายเดือนก่อน +1

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

  • @ArBo-q9x
    @ArBo-q9x หลายเดือนก่อน +1

    I love your content

  • @JaredVBrown
    @JaredVBrown 2 หลายเดือนก่อน

    Amazing work, absolutely pure gold information.

    • @lundeveloper
      @lundeveloper  2 หลายเดือนก่อน

      Thanks for your comment 😍😍

  • @hamid.developer
    @hamid.developer 2 หลายเดือนก่อน

    i watch your playlist due to this video

  • @JunreyBeduya
    @JunreyBeduya 2 หลายเดือนก่อน

    just amazing content as always!

  • @hitvaghani8039
    @hitvaghani8039 2 หลายเดือนก่อน

    bro you are doing amazing work!!

  • @HuynhLuong227
    @HuynhLuong227 2 หลายเดือนก่อน

    tks for sharing, really useful

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

    amazing, thank you

  • @Heartless0RD
    @Heartless0RD หลายเดือนก่อน

    wow nice you made it to easy for me

  • @PicSta
    @PicSta 2 หลายเดือนก่อน

    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  2 หลายเดือนก่อน

      Thanks you so much brother ❤❤

  • @mr.fabian8471
    @mr.fabian8471 2 หลายเดือนก่อน

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

  • @shakilahmed6870
    @shakilahmed6870 2 หลายเดือนก่อน

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

  • @akshupdf
    @akshupdf หลายเดือนก่อน +1

    cool man. thanks

    • @lundeveloper
      @lundeveloper  หลายเดือนก่อน +1

      ☺️☺️

  • @christian-schubert
    @christian-schubert 2 หลายเดือนก่อน

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

  • @4arliEdinorog
    @4arliEdinorog 2 หลายเดือนก่อน

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

  • @kirkbowers4889
    @kirkbowers4889 2 หลายเดือนก่อน

    Amazing Work!!!

  • @Deus-lo-Vuilt
    @Deus-lo-Vuilt 2 หลายเดือนก่อน

    Wow , thanks bro ❤

  • @nelsonndukwe7274
    @nelsonndukwe7274 หลายเดือนก่อน +1

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

  • @redowlstudio4892
    @redowlstudio4892 2 หลายเดือนก่อน

    amazing work

    • @lundeveloper
      @lundeveloper  2 หลายเดือนก่อน

      Thanks bro 😍

  • @kunalsolanki100
    @kunalsolanki100 2 หลายเดือนก่อน

    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

  • @SophiaNyuori
    @SophiaNyuori 2 หลายเดือนก่อน +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.

  • @What-vr9sx
    @What-vr9sx 2 หลายเดือนก่อน

    Bro you are mind blowing

  • @hogvarts
    @hogvarts 2 หลายเดือนก่อน

    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.

  • @ep4r4
    @ep4r4 2 หลายเดือนก่อน

    Super los proyectos en ThreeJs

    • @lundeveloper
      @lundeveloper  2 หลายเดือนก่อน

      Thanks brother 😍

  • @PigeonHawk
    @PigeonHawk 2 หลายเดือนก่อน

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

    • @lundeveloper
      @lundeveloper  2 หลายเดือนก่อน +1

      Thanks brother 😘

  • @Мария-ы4м7у
    @Мария-ы4м7у 2 หลายเดือนก่อน

    Super cool!

    • @lundeveloper
      @lundeveloper  2 หลายเดือนก่อน

      😁 Thanks brother 😁

  • @harshchaudhary6905
    @harshchaudhary6905 2 หลายเดือนก่อน

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

    • @lundeveloper
      @lundeveloper  2 หลายเดือนก่อน

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

  • @kingpin4152
    @kingpin4152 2 หลายเดือนก่อน +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?

  • @ryomar10
    @ryomar10 2 หลายเดือนก่อน

    Nice tutorial

  • @mateod700
    @mateod700 2 หลายเดือนก่อน

    awesome!

  • @LarsLinde
    @LarsLinde 2 หลายเดือนก่อน

    Great stuff

    • @lundeveloper
      @lundeveloper  2 หลายเดือนก่อน

      Thanks brother😍

  • @ShehrozeEhsan-i4o
    @ShehrozeEhsan-i4o 2 หลายเดือนก่อน +1

    Please add JavaScript basic to advance course in your playlist

  • @MustaPha-s4i
    @MustaPha-s4i 2 หลายเดือนก่อน

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

  • @GaganDeep-fy3ev
    @GaganDeep-fy3ev 2 หลายเดือนก่อน

    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 2 หลายเดือนก่อน

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

  • @learnwithshaheb
    @learnwithshaheb 2 หลายเดือนก่อน

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

  • @MOINKHAN-d7c
    @MOINKHAN-d7c 2 หลายเดือนก่อน +2

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

    • @lundeveloper
      @lundeveloper  2 หลายเดือนก่อน

      Thanks for watching my content brother

  • @felipeolguera
    @felipeolguera 2 หลายเดือนก่อน

    use react three fiber plss, awesome learning

  • @rogerramjet69
    @rogerramjet69 2 หลายเดือนก่อน

    absolute fucking killer tutorial

  • @realg701
    @realg701 2 หลายเดือนก่อน

    what are you man!!! 🔥

  • @adid6256
    @adid6256 2 หลายเดือนก่อน

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

  • @kodeeshwarar2301
    @kodeeshwarar2301 2 หลายเดือนก่อน

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

  • @2553banksia
    @2553banksia 2 หลายเดือนก่อน

    What theme are you using its so beautiful!!!

  • @abbodabbod5977
    @abbodabbod5977 2 หลายเดือนก่อน

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

  • @r-i-ch
    @r-i-ch 2 หลายเดือนก่อน

    EXCELLENT!
    How does this work with mobile?

  • @iam_bsi
    @iam_bsi 20 วันที่ผ่านมา

    Please next version spider, background dark and white

  • @astralunification1681
    @astralunification1681 2 หลายเดือนก่อน

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

  • @karemdlvk4116
    @karemdlvk4116 2 หลายเดือนก่อน

    Shader effects next

  • @Shubham-fo3md
    @Shubham-fo3md 2 หลายเดือนก่อน

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

  • @leonardoguerrero4986
    @leonardoguerrero4986 2 หลายเดือนก่อน

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

  • @cadriggaming723
    @cadriggaming723 หลายเดือนก่อน

    make a full stack project for beginners please

  • @suprimgolay922
    @suprimgolay922 2 หลายเดือนก่อน

    fire, feel guilty to watch free lol

    • @lundeveloper
      @lundeveloper  2 หลายเดือนก่อน

      Surprised? 😅

  • @SasiKumar-be1yq
    @SasiKumar-be1yq 2 หลายเดือนก่อน

    We want three.js tutorials

  • @nununm3199
    @nununm3199 2 หลายเดือนก่อน

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

  • @besuccessfull1891
    @besuccessfull1891 2 หลายเดือนก่อน

    A design video plzz🤤🤤🤤

  • @abhaysharmafitness
    @abhaysharmafitness 2 หลายเดือนก่อน

    we need more three.js

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

  • @kingstylegamerz4158
    @kingstylegamerz4158 2 หลายเดือนก่อน

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

  • @caien-t4n
    @caien-t4n 2 หลายเดือนก่อน +1

    Can you make svelte and Gsap tutorial series!?

    • @lundeveloper
      @lundeveloper  2 หลายเดือนก่อน

      Why not 😘

  • @Quotes-IIQ
    @Quotes-IIQ 2 หลายเดือนก่อน

    make a css full course

  • @happyyjourney
    @happyyjourney 2 หลายเดือนก่อน +1

    Can you make video on *inverted border radius*

  • @waleedbinshabbir1542
    @waleedbinshabbir1542 2 หลายเดือนก่อน

    amazing

    • @lundeveloper
      @lundeveloper  2 หลายเดือนก่อน

      🍭🍭 Thanks brother 😍😍

  • @lowEndAppsAndGames
    @lowEndAppsAndGames 2 หลายเดือนก่อน

    can you create a tutorial of how you styled the page

  • @sandiss1210
    @sandiss1210 2 หลายเดือนก่อน

    what theme are you using in vs code its soo coool

  • @Divyv520
    @Divyv520 2 หลายเดือนก่อน

    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 ?

  • @legendX099
    @legendX099 2 หลายเดือนก่อน

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

  • @Meeru-gamming
    @Meeru-gamming 2 หลายเดือนก่อน

    finally Mr Beast Launch a course of Three js

  • @GauravRao01
    @GauravRao01 2 หลายเดือนก่อน

    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.

  • @Xenadus
    @Xenadus 2 หลายเดือนก่อน +1

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

  • @the_BetaDev
    @the_BetaDev 2 หลายเดือนก่อน

    what VSCode theme and font you are using?

  • @namhoai452
    @namhoai452 2 หลายเดือนก่อน

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

    • @lundeveloper
      @lundeveloper  2 หลายเดือนก่อน

      Nó có phụ đề á bé

  • @godeater2473
    @godeater2473 หลายเดือนก่อน

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

  • @ezazmajumder
    @ezazmajumder หลายเดือนก่อน

    Can I use this code on ReactJS . Please answer

  • @DawoodDawood-px3xp
    @DawoodDawood-px3xp หลายเดือนก่อน

    can you make the exact animtion in react js?

  • @Supra-q1d
    @Supra-q1d 2 หลายเดือนก่อน

    can you name the source where you get high quality images

  • @enriqueruiz320
    @enriqueruiz320 2 หลายเดือนก่อน

    😱

  • @raj-kashyap-developer
    @raj-kashyap-developer 2 หลายเดือนก่อน

    What vs code theme you are using?

    • @BrunoNeureiter
      @BrunoNeureiter 2 หลายเดือนก่อน

      Custom. He made a video about it

  • @Dreamdrift_shorts
    @Dreamdrift_shorts 2 หลายเดือนก่อน

    Can you do the same for a react project 😊

    • @lundeveloper
      @lundeveloper  2 หลายเดือนก่อน +1

      Of course 😊 If I think of something interesting

  • @Miran99923
    @Miran99923 2 หลายเดือนก่อน

    can you help me with my project