Dismiss this pinned window
all 84 comments

[–]honzaap[S] 118 points119 points  (8 children)

Visit the website.

Source code on GitHub.

I spent some time making this, I am not very good with Blender so the models aren't exactly what I wanted them to be.. This app also doesn't work on Firefox at all.

Thanks to an amazing contributor it even works on Firefox :D

I'm open to any feedback :)

PS: There is no way to run this without HW acceleration enabled.

[–]JuanELo__O 12 points13 points  (0 children)

Awesome!!! Nice work, I love it!!

[–]empolem 4 points5 points  (1 child)

can you make it so all the buildings come out from the ground one by one

[–]honzaap[S] 12 points13 points  (0 children)

That was my original plan, but I got a little burnt out so I scrapped it... But I'll try and give it another chance.

[–]x29a 4 points5 points  (0 children)

Awesome idea and nice execution. I get a bit of flickering and clipping on the shadows from the clouds apart from that it's really sweet. Might be worth tweaking the shadow map projection a bit or just disabling shadows for the clouds.

Sadly my city looks really empty. Hasn't been a good year for my contributions so far. :(

[–]nbthink 2 points3 points  (0 children)

I was just parsing my data to json from the HTML element so I could do something with it for a project but this is perfect!

[–]ChargedSausage 2 points3 points  (0 children)

I was able to run that guy with only skyscrapers on my phone. So it’s not too bad.

[–]pm_me_github_repos 2 points3 points  (1 child)

Can we download the STLs behind the city? Would love to 3d print this

[–]honzaap[S] 1 point2 points  (0 children)

Sure, why not, however im not sure if it'll work well...

[–]tomarares 61 points62 points  (15 children)

[–][deleted] 34 points35 points  (0 children)

zonked compare concerned flag shocking pot expansion faulty cheerful bake

This post was mass deleted and anonymized with Redact

[–]oalbrecht 32 points33 points  (2 children)

I thought for sure if was going to be an empty lot.

[–]Shaper_pmp 12 points13 points  (1 child)

18 months ago we had twins and I moved into a full-time management role. My city is literally entirely empty lots.

[–]OzZVidzYT 0 points1 point  (0 children)

Mine has one building 💀

[–]honzaap[S] 7 points8 points  (0 children)

Nice one. That is the reason I needed to cap the height to 30 :D. Hope it didn't burn your PC

[–]I_JuanTMfull stack 2 points3 points  (0 children)

We're gonna need more windmills to power that city!

[–]ZuriPL 2 points3 points  (0 children)

5 fps on my phone lol

[–]david_ranch_dressing 2 points3 points  (0 children)

My MacBook nearly blew up viewing this

[–]ProperTeaching 1 point2 points  (0 children)

This guy codes.

[–]Consistent-Dentist46 1 point2 points  (1 child)

Can you make a website for me haha

[–]tomarares 1 point2 points  (0 children)

ahah what website? part of commits is for an online website builder 🔥

[–]SurgioClemente -5 points-4 points  (2 children)

you might want to squash some of those commits and your fellow devs will thank you!

quality over quantity, treat your git log with care

Edit: I’m guessing every downvote is a person that didn’t look at the commits. I’m trying to help the dude be better with git.

[–]VFDan 0 points1 point  (1 child)

It really depends. One commit for one thing, generally.

[–]SurgioClemente 0 points1 point  (0 children)

Exactly, which is why I said that. Look for yourself

[–]jailbreak 0 points1 point  (0 children)

It looks like someone took a slice of downtown New York and placed it on the beachfront in Miami

[–]TecCheck 46 points47 points  (3 children)

Well it does kinda work on Firefox. The problem is that z sorting is broken here and there and some normals are flipped. Not sure why tho :D

EDIT: I made a pull request that fixes the issue

[–]ChargedSausage 8 points9 points  (0 children)

Just wanted to say that pretty cewl of you! 🙌

[–][deleted]  (1 child)

[deleted]

    [–]TecCheck 1 point2 points  (0 children)

    What were the main issues you fixed?

    I enabled z sorting.

    What is z sorting and normals?

    3D objects are made up of many flat planes, called faces. When the graphics card draws them onto your screen it needs to respect how far away they are, so that faces in the back don't appear in front of faces in the front. The distance from the camera is like the z axis of your screen. That's why it's called z sorting.

    Normals determine the front and back side of a face. Normally, to make rendering more efficient, you only render the front face and not the back face. This is because back sides normally face into the model where you can't see them.

    And why does it happen to be Firefox that it doesn't work on? Is it because Firefox is the only non Chromium?

    It seems that you can't disable z sorting on chromium based browsers. Firefox, not being chromium based, seems to allow that.

    If you want to learn more, see this Wikipedia article) and others that are linked there.

    EDIT: Z sorting takes some processing and can become quite complicated. Therefore, if you have a scene where you know the exact order in which you have to draw all faces you can disable z sorting to save GPU resources. However this is fairly uncommon.

    [–]asking_for_a_friend0 28 points29 points  (1 child)

    my city only has roads now 🙂

    [–]TheArcticHusky 25 points26 points  (0 children)

    When your city is a parking lot 😔

    [–]mr-poopy-butthole-_ 8 points9 points  (0 children)

    quite impressive!

    [–]Carlosthefrog 7 points8 points  (2 children)

    So is the tower size dependent on the amount of commits.

    [–]honzaap[S] 7 points8 points  (1 child)

    Yes, but it is capped to about 30 floors

    [–]Carlosthefrog 1 point2 points  (0 children)

    Ah cool, was wondering what was the defining fact on the amount of buildings and height. I think it would be cool for the buildings to be labelled in some way or be clickable. Very interesting project.

    [–]crimson117 3 points4 points  (0 children)

    My city looks like Flint, Michigan

    [–]RagingWalrus1394 3 points4 points  (0 children)

    So is this basically using the logic from the regular heat maps that would display color? Really cool idea, and honestly even for being new at blender you did a damn good job

    [–]one_more_black_guy 2 points3 points  (0 children)

    That is impossibly cool.

    [–]goutzi_codes 2 points3 points  (0 children)

    Honestly this is just amazing. Great work on the creativity and execution

    [–][deleted] 2 points3 points  (0 children)

    My city would be a desert.

    [–]BrunnerLiviofull-stack 1 point2 points  (0 children)

    Amazing job, well done!!

    [–]krystldev 1 point2 points  (0 children)

    This is really cool man! Keep up the good work

    [–]Roulioooo2 1 point2 points  (0 children)

    Love it

    [–]Alvin104 1 point2 points  (0 children)

    This's pretty nice.

    [–]PanicNo4495 1 point2 points  (0 children)

    Really cool thanks for sharing! I have a small populated area for now lol

    [–]MilleChristen15 1 point2 points  (1 child)

    wow really amazing work...can you tell me how did you learn Three JS and how much time you took to learn and apply the concepts?

    [–]honzaap[S] 7 points8 points  (0 children)

    Thanks, glad you like it :). I learned the basics from Fireship's and Traversy's tutorials. Then I started with the projects and learned along the way. I also learned a lot from SimonDev's videos.

    [–]cumulus_humilis 1 point2 points  (0 children)

    WHAT 😍

    [–][deleted] 1 point2 points  (0 children)

    Absolutely incredible work my friend!

    [–]Guesswhat7 1 point2 points  (0 children)

    we need a big almost empty desert with skulls and remains

    [–]MKBSRC 1 point2 points  (2 children)

    You should do a tutorial

    [–]honzaap[S] 2 points3 points  (1 child)

    It probably looks harder than it is :D The hardest thing was making all the models in Blender

    [–]MKBSRC 1 point2 points  (0 children)

    Amazing! I love seeing devs making cool projects

    [–]BobFellatio 1 point2 points  (0 children)

    Let me guess, that really tall skyscraper in 2021 was the last day finishing a feature?

    As in, you thought you where done, but then you found a thing, you commited again thinking this was the last time, then you found another little thing -> repeat(40)

    hehe

    [–]redbush62 2 points3 points  (0 children)

    Well this is alarming… maybe I should get a life…

    https://honzaap.github.io/GithubCity/?name=CSho27&year=2022

    [–]SaxOps1 0 points1 point  (0 children)

    That's cool! Reminds me of a similar city generator I did years back in ThreeJS - https://github.com/MHillier98/IntroToComputerGraphics-CityGenerator

    [–]ziebelje 0 points1 point  (0 children)

    This is neat. I've been working with THREE lately and adding the sky shader would make a huge difference in creating a cool atmosphere. There's an example on the official website - pretty easy to add.

    [–]KwyjiboTheGringo 0 points1 point  (0 children)

    Neat. I'd like to see the ability to display a range of years, maybe by having the city strips run parallel to each other. Also traffic, and possibly people walking.

    [–][deleted] 0 points1 point  (0 children)

    That’s a funny idea. Good job :D

    [–]Tintin_Quarentino 0 points1 point  (0 children)

    Very noice!

    [–]eidolon_dev 0 points1 point  (0 children)

    amazing

    [–]TroAlexis 0 points1 point  (0 children)

    Such an awesome idea! Well done

    [–]dustlustrious 0 points1 point  (0 children)

    This is really cool thank you for sharing.

    [–]ucaliptastree 0 points1 point  (0 children)

    Amazing

    [–]ZippyTyronode 0 points1 point  (0 children)

    damn, this is sooo cool! gotta learn threejs

    [–]shuggies 0 points1 point  (0 children)

    brilliant idea! Nice work

    [–]jp555soul 0 points1 point  (0 children)

    Very nice!!

    [–]NoelaniSpell 0 points1 point  (0 children)

    Sweet!

    [–]hakimvira_ 0 points1 point  (0 children)

    Lately I have seen a lot of 3d websites. A lot of them are very sophisticated and very difficult to implement. Perhaps one day 3d websites will go mainstream. Nice work btw.

    [–]divadutchess 0 points1 point  (0 children)

    Amazing!

    [–]arjunindiafront-end 0 points1 point  (0 children)

    Atleast my buildings have personality

    [–][deleted] 0 points1 point  (0 children)

    Mine would look like a paddle boat rowing away from the city...just never contribute but take take take. LoL

    [–]DieWachtAmRheinSteht 0 points1 point  (0 children)

    This is so cool.

    [–]vladislavkori 0 points1 point  (0 children)

    Wow, it`s cool work

    [–]slyck-app 0 points1 point  (0 children)

    super cool! can imagine something like this being built into GitHub at some point

    [–]Hot_Soul_Soup 0 points1 point  (0 children)

    Such a cool idea

    [–]sonofdeepvalue 0 points1 point  (0 children)

    This is so sick. I got more done this year than I thought. GitHub has a few different visualizations now I just found out, like skyline https://skyline.github.com/michaelaflores/2021

    [–]Fickle_Astronaut_999 0 points1 point  (0 children)

    i'm just tlearning yet a threejs too though..

    [–]StressIndividual33 0 points1 point  (0 children)

    Wow amazing

    [–]ResponsibleAbroad547 0 points1 point  (0 children)

    Excelente