Three.js in practice - Procedural Map - tutorial for beginners 2022 - part 2

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

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

  • @irradiance730
    @irradiance730  2 ปีที่แล้ว +1

    ***** IMPORTANT *****
    How to fix:
    Uncaught (in promise) TypeError: SimplexNoise is not a constructor
    instead of using the import statement visible on the video, please use this one:
    import SimplexNoise from 'cdn.skypack.dev/simplex-noise@3.0.0';

    • @adrianfxd
      @adrianfxd 2 ปีที่แล้ว

      spent so long trying to find a solution for this one when I should've just scrolled down to find it in the comments gahhh!! thank you for the fix, appreciate it

    • @irradiance730
      @irradiance730  2 ปีที่แล้ว

      @@adrianfxd youtube doesn't give me the option to change videos once they've been published and now I have similiar issues everywhere on my channel.. thanks youtube!

  • @abelrodriguez5128
    @abelrodriguez5128 ปีที่แล้ว

    Awesome series!! Got me finally started on 3D. :)
    Just a question. I'm using the exact same formula for calculating the height, only difference to the video is that I'm using the new 4.0.1 version, and the mapping seems rather chaotic. Would you have some advice on this?

    • @irradiance730
      @irradiance730  ปีที่แล้ว

      Hello and thank you! Version 4.0.1 of which library?

    • @abelrodriguez5128
      @abelrodriguez5128 ปีที่แล้ว

      @@irradiance730 Sorry, I forgot to update. I had the create noise function inside the loop, so each time was consulting a different map :v

    • @irradiance730
      @irradiance730  ปีที่แล้ว

      Yeah that definitely belongs out of there :P

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

      Hey! Thanks for this amazing tutorial! It is highly detailed and well explained, without skipping parts.
      But it have the same issue. The height is random and not chunked together. It is chaotic and shows random pillars all over the place. Your look like actual mountains. How do i fix this? I checked your github and used the same noise npm version.
      Please make some more tutorial. Love your videos.

  • @field-officer
    @field-officer 2 ปีที่แล้ว

    Hey man!
    Just a thought here but have you ever considered using tools just has spline and to then apply a three-js (R3F) on top of it after to increase your productivity output? I find that with ThreeJS its really hard to retain the concept that you need to know at the tip of your fingers in other to achieve your desired outcome and sometimes a visual interface may help with that. I also found that Spline Design really made good improvement in their export feature, now you can export directly to R3F or Three so makes it more realistic to build such a workflow. Just dropping that in the universe.

    • @irradiance730
      @irradiance730  2 ปีที่แล้ว

      Thank you for the feedback! Spline is getting better and better and you're right, I should definitely invest some time learning it and seeing the potential for r3f integration
      I'd prefer to spend a good chunk of time with the tool before pushing anything resembling a tutorial because I'd like to make sure that I "know" the topic well enough to teach what I've learned, and that could take a while but yeah I should probably start!

  • @braidata
    @braidata 2 ปีที่แล้ว

    Great video, what is the name of the noise library? Thanks.

    • @irradiance730
      @irradiance730  2 ปีที่แล้ว +1

      thank you! :) the name is simplex-noise, if you're using skypack you can find it here:
      www.skypack.dev/view/simplex-noise

  • @pyrenean5763
    @pyrenean5763 2 ปีที่แล้ว

    is there a way to make your own make your own map/terrain instead of with noise?
    amazing video keep up the good work

    • @irradiance730
      @irradiance730  2 ปีที่แล้ว +1

      Of course! Create a static array of geometries instead of using the noise function and you should be able to design the map yourself :)

    • @pyrenean5763
      @pyrenean5763 2 ปีที่แล้ว

      @@irradiance730 alr thanks