{"id":50,"date":"2022-06-24T08:22:55","date_gmt":"2022-06-24T08:22:55","guid":{"rendered":"https:\/\/trew.tk\/blog\/?p=50"},"modified":"2023-12-05T09:34:46","modified_gmt":"2023-12-05T09:34:46","slug":"graphical-programming-weirdness","status":"publish","type":"post","link":"https:\/\/trewest.dev\/blog\/index.php\/2022\/06\/24\/graphical-programming-weirdness\/","title":{"rendered":"Graphical Programming Weirdness"},"content":{"rendered":"
\n\t\t\t\n\t\n\t\n\t\t

\n\t\t\tThis is post 3 of 4 in the series “Susminer”<\/em>\t\t<\/p>\n\t\t\t\t\t

\n\t\t\t\t

A game that never was. Posts related to Procedural Generation and coding.<\/p>\n\t\t\t<\/div>\n\t\t\t<\/label>\n\n\t\t\t

\n\t\t\t
    \n\t\t\t\t\t\t\t\t\t
  1. Procedural Generation Heatmaps<\/a><\/li>\n\t\t\t\t\t\t\t\t\t
  2. Creating A World Generator<\/a><\/li>\n\t\t\t\t\t\t\t\t\t
  3. Graphical Programming Weirdness<\/span><\/li>\n\t\t\t\t\t\t\t\t\t
  4. Project: Susminer<\/a><\/li>\n\t\t\t\t\t\t\t<\/ol>\n\t\t<\/div>\n\t<\/div>\n\n

    Whilst creating a fully code drawn sky system as a challenge to myself, I decided the best way to create clouds would be to apply some graphing math directly to code. This did not yield the expected results. Instead of a nice line of semicircles I got this:<\/p>\n\n\n\n

    \"\"
    Neat, but not what I desired.<\/figcaption><\/figure>\n\n\n\n

    And so, as programmers do, I stared at my code looking or some sort of error. When I had no idea what to do I decided to throw some random numbers out and see what happened, and got something like this:<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    A slightly<\/em> different pattern! Progress?! Eventually I thought to myself that this might be weirdness related to both floating point numbers, and rounding down to integers to draw on the image. So I figured if I just used Unity’s tools I could change the numbers until I got what I had wanted in the first place. And I also changed it to draw a sine wave instead of what I actually wanted for this purpose. And that caused me to get this:<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    It almost resembled a sine wave! How Nice! Also the variable names I chose were just random letters, I’m not a mathematician and my Greek isn’t all that good so I figured whatever I threw at it was good enough. I also made it so it’d change one of the variables over time for convenience sake, which is why I also had a boolean to change it. Anyways, with a bit more trial and error I’d get these:<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Images that resembled something! Sinewaves! Yes! They’re not perfectly smooth but that’s no big issue since we’re super zoomed in. If I had wanted to go crazy I’d do some subpixel stuff, make it look clean with nearest neighbor or some other smoothing algorithm, but that wasn’t in the cards for me. I wanted to make my faux clouds, and I was going to do it now!<\/em><\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n
    \"\"<\/figure>\n\n\n\n

    And now I had my little semicircles somewhat smoothly making a little cloud pattern in the sky. With some more effort I’d have multiple layers of them moving at different rates indefinitely to imitate a moving sky. Or so it would be if it wasn’t for the fact that the animation of these wasn’t all that smooth, whether that be my code being bad and having no way to account for decimals or what not, or Unity’s limitations when it comes to drawing a new texture every frame, I cannot truthfully answer. But nonetheless, this was a days worth of work, and somewhat of a bust. I ended up just making a cloud sprite and a script that’d just move them around the “proper” way, or what I call the boring<\/em> way. Us programmers and designers are so spoiled with fancy tools like “Sprites”<\/em> and “Animations”<\/em> how dare you not wish to recreate the wheel every time you make a graphical program! But at least I can say, I tried to learn a different way. Maybe next time I’ll make a complex post about an all new library I made for improving Unity’s manual texture manipulation (in code) tools. But then I’d have to make a library like that.<\/p>\n","protected":false},"excerpt":{"rendered":"

    This is post 3 of 4 in the series “Susminer” A game that never was. Posts related to Procedural Generation and coding. Procedural Generation Heatmaps Creating A World Generator Graphical …<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4,5],"tags":[16,17,7],"post_series":[56],"class_list":["post-50","post","type-post","status-publish","format-standard","hentry","category-coding","category-gamedev","tag-c","tag-graphics","tag-unity","post_series-susminer"],"_links":{"self":[{"href":"https:\/\/trewest.dev\/blog\/index.php\/wp-json\/wp\/v2\/posts\/50","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/trewest.dev\/blog\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/trewest.dev\/blog\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/trewest.dev\/blog\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/trewest.dev\/blog\/index.php\/wp-json\/wp\/v2\/comments?post=50"}],"version-history":[{"count":2,"href":"https:\/\/trewest.dev\/blog\/index.php\/wp-json\/wp\/v2\/posts\/50\/revisions"}],"predecessor-version":[{"id":292,"href":"https:\/\/trewest.dev\/blog\/index.php\/wp-json\/wp\/v2\/posts\/50\/revisions\/292"}],"wp:attachment":[{"href":"https:\/\/trewest.dev\/blog\/index.php\/wp-json\/wp\/v2\/media?parent=50"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/trewest.dev\/blog\/index.php\/wp-json\/wp\/v2\/categories?post=50"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/trewest.dev\/blog\/index.php\/wp-json\/wp\/v2\/tags?post=50"},{"taxonomy":"post_series","embeddable":true,"href":"https:\/\/trewest.dev\/blog\/index.php\/wp-json\/wp\/v2\/post_series?post=50"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}