Master 3D Click Positioning in Three.Js in 5 Minutes

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

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

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

    One of my biggest concerns when making a video about three js is whether I should repeat what I've talked about in previous videos (lighting, setup, camera), it confuses me. 😥😥

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

      I think you should just add a little flashback type of clip at begining that explains about previous video cause, No one gonna remeber all this stuff at once...😄

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

      Broo first question how i can also learn three js like for real noo one in any tutorial most probably solve this specific problem so i would never know these features and then i want to make something like this i would just think it cant happen so how you do it

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

      and ya we got planting trees simulator online before gta 6

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

      Keep making videos, make more. You are an inspiration. Don't stop!!! We have a saying: “repetition is the mother of learning”. It's okay if you repeat yourself in the topic you're covering. Thank you, with respect and great interest my regards from Russia!

    • @PrasannaR-ei9xb
      @PrasannaR-ei9xb หลายเดือนก่อน

      Yes

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

    please make full tutorial on three js from start. your explanation skill are up to the mark!

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

      UP!

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

    Is this length too short? Should I speak slower and make the video longer?

    • @sad.story_
      @sad.story_ 2 หลายเดือนก่อน +2

      Yip

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

      Yes

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

      very short, please more longer video, haha

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

      No it's okay or I can say perfect
      Pls create next video on super cool js libraries
      And I missed the sound of your Lundev logo 😢

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

      No its perfect

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

    Thank you , I was looking forward to more videos from ThreeJs , appreciated

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

    The best and most exciting TH-cam channel ever 😂❤

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

    Yes, want more video on 3js or react 3 fibre.

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

      I am little bit confused and i thought u could help me here. seriously, i want your honest opinion if u could have some time for this.
      i'm a front end developer working in a service bases company in India, having 6+ years experience in frontend and have very good javascript, css knowledge and now i want to enhance my career further and i was thinking to move towards backend tech like node and some database but i stuck here cause everyone is doing MERN things and creating more supply then demand. and if i choose the backend or should i move to more in frontend like 3js or react 3 fibre like AR/VR , webGL, webGPU things etc. what will the career in frontend with this technology?
      what you say will matter the most for me. i'll wait for your reply.
      Thankyou.

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

      Bro, I'm eagerly waiting for your honest opinion. Please

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

    Awesome 2nd part of THREE.JS of course I would like to see more. 🙂

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

      Thanks for watching my content brother 😍

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

      @@lundeveloper All of your video's brother. I am part of your community.

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

    Continue with videos about Three.js

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

    Great video! Would love a tutorial or playlist that goes over everything like this. Really helpful stuff, keep it up! 👍

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

      Thank you 😁

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

    Do you have any ideas for planting more trees in our forest? 😍😍

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

      i have idea, make game runner with threejs,

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

      Yeah

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

      after create many trees, Building a First Person Camera with threejs,

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


    Yes, I want more video on Three.js

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

    Needs more 🔥 vids for theeejs, I like how it looks on scroll(for example with lenis). Thanks for great explanations

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

      Thanks brother ❤️

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

    Continue you're the best

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

    Great video..👏

  • @ベロラ
    @ベロラ 2 หลายเดือนก่อน

    thank you for explaining this three.js concept misterbeast 💗

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

      😅😅😅

  • @abdulhannan-lg6kb
    @abdulhannan-lg6kb หลายเดือนก่อน

    Another one on three JS would be appreciated and keep the length from 8 to 10 i would suggest as it is easily digestible and encourages hands on practice

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

    First viewer, 1st like. Haven't even watched yet 😂
    Just know the video's gonna be *awesome* like all your other videos

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

      Thank you so much brother 😁

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

    i would reaaaaly like if you can make a video about
    using the camera to add items like furniture to the room
    and detecting all the objects in the room and wall so u can change the colors of the walls and ply deferent textures to them
    i tried doing it using openCv but i did complete what i did was as follows
    my idea was procesing each fram
    so i started working with a single picture
    1: Load image from canvas to OpenCV
    2:Convert image to grayscale
    3:Apply Gaussian Blur to reduce noise
    4: Use adaptive threshold to detect edges
    5:Find contours in the edges like long and a edgs that forms an almost closed loop + a tolerance
    than i couldn't make process the walls in 3d and the rest of it

  • @PLAGUEDOCTOR-28
    @PLAGUEDOCTOR-28 2 หลายเดือนก่อน

    I just refreshed my TH-cam and the video just popped up like TaDa

  • @NarendraKumar-dl1gf
    @NarendraKumar-dl1gf หลายเดือนก่อน

    Hey lun can you do card slider where 5 cards are one above one and when user scroll the screen the cards should slide horizontally and align side by side and those aligned cards should have hovered effects as zoom in when hovered on the horizontally aligned cards should

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

    I don’t know anything about Three Js but I’m curious to learn this can you make a detailed tutorial for beginners?

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

    Can you make a tutorial on how to make a complete custom carousel? Or maybe with some cool techniques
    I know you did one with Bootstrap but maybe you could do something more advanced?

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

    Bro, Kindly make a playlist for complete Three.js tutorial bcz there is a lack of tutorial video sources for Three js
    Kindly make it asap brooo🙂🙂🥲🥲🥲
    That'll be so helpful for us

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

    Hi, Thank you for your great information's, Can you pleas let me know which theme you use it in your visual studio ?

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

      Please check description this video

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

      @@lundeveloper Perfect Thank you so much body ❤

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

    So far no tutorial focused on creating 3D stuff. Is it possible at all? Like click the mouse and it creates a cube or a sphere or even a more complex 3D shape.
    I can create a 3D object mathematically but all I see is the need for either a) creating objects/meshes in a software like Blender, or b) download them somewhere.
    Can we create a room with a chair and a table, perhaps even texture the surfaces, solely with JS without relying on any .obj files?

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

      Of course, but no one will do it. Each job has a different role, and creating complex 3D models is not the job of programmers and web designers. Trying to create 3D models the wrong way only makes the job more difficult. 😍

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

      @@lundeveloper people who work in teams where lots of different roles exist. Many are solo full stack devs.
      I do html, css, js, and backend including database. Can't hire a backend dev nor 3D artist for my projects :D

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

    There was a part of the video where he downloads the terrain and merges the texture with a model on some website. He said he'll put it in the description. I keep rewatching the video and there's none. Where did that disappear?

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

    What do you say about frontend libraries? You opinion matters

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

    Uffff tremendo

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

    GSAP and advance CSS tips tricks / property

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

    yes sirrrr

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

    ❤❤❤

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

    Bro, change the voice. Use someone else's. This will work for short time not long time. It's a good time to change the voice. Love you bro.

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

    Hyy, Can you create a Music web application? How to control song? Next song and go back to previous, how can??
    If it can be simple Js??

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

    I want a treejs full course!

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

    Bro make a complete css course then javascript 😅

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

    yeaaaahhh!!

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

    What ai voice do you use please tell

  • @Graphicstopprod.o
    @Graphicstopprod.o 2 หลายเดือนก่อน

    Very good video can I make it work offline❤

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

      Of course, please remember to download the threejs and gsap 😍

    • @Graphicstopprod.o
      @Graphicstopprod.o 2 หลายเดือนก่อน

      @@lundeveloper thanks for reply never been replied from a TH-camr

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

    Please make a full course of 3js from beginner to advance for free please sir 🙇💗

  • @MohamedEl-Behery
    @MohamedEl-Behery หลายเดือนก่อน

    r3f with react please

  • @sad.story_
    @sad.story_ 2 หลายเดือนก่อน

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

    first person here

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

      Na I was bro. 13:30 GMT +1 as soon as it dropped

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

      Thank brother ❤

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

      @@TriumphAidenojie Thanks brother too 😁😁😁😁😁😁

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

    Continue with Three.js :) meanwhile, how can you go and plant trees on the surface of this plane, rather then to y position 0?

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

    Can I get previous video code for learning please

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

      Of course, please review that video, I provide the code in that video.

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

      @@lundeveloper I watch you old all of videos i love it❤️❤️ i know you have website can get code from there🤔

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

    make three js more.

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

    see more video like this, THREEJS....

    • @RajPal-x9o
      @RajPal-x9o 2 หลายเดือนก่อน

      Bro how did you had that search link 😮

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

      @@RajPal-x9o😮😮😮

    • @RajPal-x9o
      @RajPal-x9o 2 หลายเดือนก่อน

      ​@@lundeveloper
      Are you also shocked like me is I can only see that this comment three.js acts like a link or every body can see that

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

    Continue with three.js

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

    Ông có thể làm một video threejs tutorial bằng tiếng việt được không :33

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

      Ủa ông sinh năm 1954 hở 🥹

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

      @@lundeveloper không chuỗi random của gg

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

      @@ductran1954 Hú hồn, tưởng bác lớn tuổi còn phải đi code 😭😭😭

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

    Want mpre detailed things

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

    Plz stick with css effects

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

      Yes I Will 😍

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

    if you click on the top of the mountain, only the top of the tree will be visible. because y = 0. Why would anyone want this? wtf

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

      3D is also a way of simulating reality, can you reach the top of the mountain just by seeing it? You have to get close, because our arms are short 🤧

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

    y = 0 … well that will not work on a hill or a mountain. It will totally disappear

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

    In next video can you make about CSS tricks video like previously you created below videos. I vote for CSS videos
    th-cam.com/video/b6dI42vEsrs/w-d-xo.html
    th-cam.com/video/aCWeVAu0v2U/w-d-xo.html

  • @themarin1992
    @themarin1992 22 วันที่ผ่านมา

    do more three.js but in react, thx:)