{"id":175,"date":"2024-08-08T00:21:48","date_gmt":"2024-08-08T00:21:48","guid":{"rendered":"https:\/\/willkolb.com\/?p=175"},"modified":"2024-08-08T00:21:48","modified_gmt":"2024-08-08T00:21:48","slug":"the-whole-world","status":"publish","type":"post","link":"https:\/\/willkolb.com\/?p=175","title":{"rendered":"The whole world"},"content":{"rendered":"\n

My friend is making a webpage that handles a dashboard to some cyber security stuff and he asked me to make a globe.<\/p>\n\n\n\n

Well technically he didn’t ask me he just suggested that we get a spinning globe on there. Instead of googling for a free solution like a reasonable person I thought “That sounds dope” and I rushed to make a globe in blender (cough cough https:\/\/globe.gl\/<\/a>). However the globe ended up being WAYY to good.<\/p>\n\n\n\n

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

The “land” parts are pulled from a open source\/royalty free topographical map from nasa https:\/\/visibleearth.nasa.gov\/images\/73934\/topography<\/a><\/p>\n\n\n\n

The data is then converted into a normal map and I make a blue -> brown -> green gradient on the maps which isn’t always accurate (which is why there’s no inland water, such as the great lakes.<\/p>\n\n\n\n

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

I was debating on texture painting in the blue where it obviously should be but that was pushing it in terms of how long I wanted to spend on this. Majority of my time was spent integrating the globe into three.js<\/a> , then wrapping that in a class which then got wrapped in a react component. However, I’m pretty happy with the results. Only other cool thing I could think of doing is adding some kind of wave effect near the shores but because the exported diffuse map is like 3 mb I didn’t want to add much more here.<\/p>\n\n\n\n

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

If you zoom in enough some things are just missing, for instance. Delaware? <\/p>\n\n\n\n

My plan there is to solve in post processing in the actual react widget to draw some state lines.<\/p>\n\n\n\n

The end goal had lat\/long lines, a alert system and a cursor to select said alerts. Pretty dope all in all.<\/p>\n\n\n\n

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

(I also weirdly made the stars in the background in blender by threshold-ing some noise)<\/p>\n\n\n\n

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

<\/p>\n","protected":false},"excerpt":{"rendered":"

My friend is making a webpage that handles a dashboard to some cyber security stuff and he asked me to make a globe. Well technically he didn’t ask me he just suggested that we get a spinning globe on there. Instead of googling for a free solution like a reasonable person I thought “That sounds […]<\/p>\n","protected":false},"author":1,"featured_media":176,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8],"tags":[],"class_list":["post-175","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blender"],"_links":{"self":[{"href":"https:\/\/willkolb.com\/index.php?rest_route=\/wp\/v2\/posts\/175","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/willkolb.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/willkolb.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/willkolb.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/willkolb.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=175"}],"version-history":[{"count":1,"href":"https:\/\/willkolb.com\/index.php?rest_route=\/wp\/v2\/posts\/175\/revisions"}],"predecessor-version":[{"id":182,"href":"https:\/\/willkolb.com\/index.php?rest_route=\/wp\/v2\/posts\/175\/revisions\/182"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/willkolb.com\/index.php?rest_route=\/wp\/v2\/media\/176"}],"wp:attachment":[{"href":"https:\/\/willkolb.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=175"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/willkolb.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=175"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/willkolb.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=175"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}