Fog, Basic Fog, and Better Fog (Three.js Tutorial)

Поделиться
HTML-код
  • Опубликовано: 14 янв 2025

Комментарии • 62

  • @supermonkeywtf09
    @supermonkeywtf09 4 года назад +15

    Fantastic tutorial as always, this channel is going to be an incredible resource. Thanks for your hard work Simon!

  • @cykboy3254
    @cykboy3254 4 года назад +6

    this video was great, IQ's resources are pretty good and glad to see videos on them

    • @simondev758
      @simondev758  4 года назад +1

      Yeah, they're an amazing resource!

  • @richardericlope3341
    @richardericlope3341 Год назад +3

    Gotta love your vids!
    Makes me remember those forgotten days of gamedev.
    There was once a time when we were still doing software 3D rendering and implemented linear fog using the z-buffer. It was slow as hell though.

    • @simondev758
      @simondev758  Год назад +1

      I joined the industry on the tail end of the software days, hardware T&L had just been introduced, but I had spent most of my time learning on my own using references like Abrash's Black Book. Those were the days!

    • @richardericlope3341
      @richardericlope3341 Год назад +1

      @@simondev758 Ah, Michael Abrash. He kind of democratized software graphics programming to us mere mortals. Hahaha.
      Didn't he also write those nice articles explaning Carmack's PVS'es? I remember he called it "Sorted Spans" or something.
      I wasn't able to write a BSP renderer though. Went with quadtrees and octrees for mine.

    • @simondev758
      @simondev758  Год назад +1

      @@richardericlope3341 Yeah pretty sure I remember reading about PVS's in there, I should go dig up the book and refresh my memory. Might make an interesting video too!

    • @richardericlope3341
      @richardericlope3341 Год назад

      @@simondev758 That would be awesome!

  • @andrazvene7004
    @andrazvene7004 4 года назад +22

    "Buy me a beer every month. I guarantee I will drink it."
    If enough of us support him, the tutorials will be even more interesting, as he'll have to drink constantly and make tutorials while drunk :D

    • @simondev758
      @simondev758  4 года назад +6

      Oh man... those patreon tiers may have been poorly thought out...

    • @dabbopabblo
      @dabbopabblo 3 года назад +2

      @@simondev758 just like that Simon simultaneously became a raging alcoholic and the richest man alive

    • @isawadelapradera6490
      @isawadelapradera6490 3 года назад +1

      Ballmer's peak IS a thing, I tell you.

  • @djudsod959
    @djudsod959 4 года назад +1

    Three js seems quite useful
    and your projects are kinda cool too, here after minecraft video .
    Keep up the good work

  • @hamzzashaffi
    @hamzzashaffi 4 года назад +4

    Hey! :)
    Thank you very much for these awesome tutorials!

  • @textual
    @textual 7 месяцев назад

    i didnt realize you could modify a pre-packaged shader, thanks for the info!

  • @swoorp
    @swoorp 2 года назад +1

    You make it look easy. Well it gets easy as you explain it haha

  • @jonasls
    @jonasls 3 года назад

    These videos are so good, you deserve a lot more subscribers

  • @andrewwoan
    @andrewwoan 4 года назад +2

    noto squad. awesome tutorial as usual! i'll put it to use once I get advanced enough lol

  • @kwynintelligence435
    @kwynintelligence435 4 года назад +2

    Man ! You made my day. Great !

  • @maciejzelazo5311
    @maciejzelazo5311 3 года назад +1

    You are doing awesome job

  • @alex-shortt
    @alex-shortt 4 года назад +1

    love these! keep em coming

  • @horrabin100
    @horrabin100 4 года назад +1

    Nabbing the shader injection points was worth figuring out how to setup patreon. Dammit. You and Inigo.

  • @TrimerCoder
    @TrimerCoder 7 месяцев назад +1

    Thank you for this tutorial! Is it possible to use the position of a model as the fog origin instead of the camera position?

  • @fuhoo5836
    @fuhoo5836 3 года назад +1

    at the end when you say you would use a texture could you elaborate on what you mean?

  • @amitmatalon
    @amitmatalon 4 года назад +2

    Great as always :)

  • @KyleBaker
    @KyleBaker 2 года назад +1

    Could this be done as a pull request to THREE? would they accept it? This looks great.

  • @alfredoeleazarorozcoquesad2988
    @alfredoeleazarorozcoquesad2988 6 месяцев назад

    Thanks!

  • @VladyYakovenko
    @VladyYakovenko 2 года назад +1

    Cool stuff

  • @bigmistqke
    @bigmistqke 3 года назад

    Yes yes yes yes. Great stuff!

  • @DevlogBill
    @DevlogBill 2 года назад

    Hi SimonDev, would it be possible if you could create a video explaining recursion for programming? I was trying to create a mines weep game like the ones you would find in the windows operating system which comes with your computer. Basically, I am trying to figure out how to have mines randomly spawn but I can't seem to wrap my head around the concept.

  • @marcusmarcus4765
    @marcusmarcus4765 3 года назад

    Is it possible to have multiple fogs of different colors at the same time?

  • @nEMOheartTaco
    @nEMOheartTaco 4 года назад

    Have you played around with react-three-fiber at all?

  • @playbyan1453
    @playbyan1453 4 года назад

    Can you make tutorial about light probe?

    • @simondev758
      @simondev758  4 года назад

      Did you want to know how the probes work, ie. spherical harmonics?
      Or literally just how to set them up in three.js?

  • @felipebrod
    @felipebrod 3 года назад +1

    Niice!!

  • @valencefootball9740
    @valencefootball9740 4 года назад

    can u pls do a crash course?

    • @simondev758
      @simondev758  4 года назад

      I can definitely think about it, but what exactly do you want the course on? JavaScript? Three.js? 3D Game Development?

    • @valencefootball9740
      @valencefootball9740 4 года назад

      SimonDev I’m interested in threejs. I really wanna make a game where there is a character you can move and stuff. I know you made a video about it, but a crash course would be helpful. Like, you can start a fresh project and then step by step do it :)

  • @Rssks
    @Rssks 4 года назад +1

    Fog injection :D

  • @arpu4967
    @arpu4967 4 года назад +1

    githubcode :> ?

    • @simondev758
      @simondev758  4 года назад +2

      Aww man, ok gimme a bit of time and it'll be up.

    • @arpu4967
      @arpu4967 4 года назад

      @@simondev758 hmm cannot find it?

    • @simondev758
      @simondev758  4 года назад +1

      I said I would upload it... and promptly got distracted and forgot. It's up now.

    • @arpu4967
      @arpu4967 4 года назад +1

      @@simondev758 wau thx! this is awesome thx! any idea help how i could use this for a underwater fog? or do you know a other cheap technic for a underwater feeling? ( without postprocessing)

    • @simondev758
      @simondev758  4 года назад

      @@arpu4967 You could probably get a cheap underwater effect just using this as-is, playing with some of the parameters. Might need to fiddle with the equation a bit so that the height falloff works in both directions.

  • @chien31203
    @chien31203 Год назад +1

    🩵

  • @Jostan748
    @Jostan748 Год назад

    Doesn't run

  • @jackisgoofingoff5510
    @jackisgoofingoff5510 2 года назад +1

    Sorry, but to be honest, the original fog looks better