Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

My Room in 3D

my-room-in-3d.vercel.app

Post reply on HN
Print view View original

61–70 of 134 posts

Re: My Room in 3D

#61

Post by qwertox »

stjo wrote: post #4

Although libraries like threejs (or softwares like blender) give you so many tools and knobs to play around, I cannot for the life of me make a scene look so great. The lighting, the composition, the textures, the even level of detail… I would recommend everyone try it out for themselves to see what I’m talking about. No matter how much you try, there is always something too dark or light. Always something that looks…

I noticed that there was the build process displayed on the laptop, then even a video of him, which made me think that he might have streamed the process. Indeed he did, here is the playlist:

https://www.youtube.com/watch?v=Hm7fdd8TD7Y&list=PL5nApUt6Z8...

Re: My Room in 3D

#62

Post by laumars »

sva_ wrote: post #40
a_c wrote: post #12

Earlier quoted context omitted.

It actually works on both mobile and desktop. Mind definitely blown

It didn't work at all for me in latest Firefox, even with uBlock disabled. But it worked on a Chomium-based browser.

Didn’t work for me on iOS either.

Re: My Room in 3D

#63

Post by Agentlien »

Jasper_ wrote: post #20
stjo wrote: post #4

Although libraries like threejs (or softwares like blender) give you so many tools and knobs to play around, I cannot for the life of me make a scene look so great. The lighting, the composition, the textures, the even level of detail… I would recommend everyone try it out for themselves to see what I’m talking about. No matter how much you try, there is always something too dark or light. Always something that looks…

First off, it's art. You need to stop thinking like a programmer and think more like an artist. That means thinking about colors and lighting, tones and hues and highlights and shadows. If you're unfamiliar with these things, that's fine, you can find plenty of training material and courses online. It takes time, because it's a skill that requires training and practice and self-discovery. Second, lighting is a carefu…

I do agree with this. I just want to add that the "thinking like an artist" doesn't have to be as intimidating as it may sound.

I don't really do any visual art outside of graphics programing, I don't see myself as an artist, I'm very much not a visual thinker, and my deuteranomaly does make some aspects of my work harder at times.

Besides all that I've found I can do a good job and get some really nice looking results just by focusing on an understanding of the underlying equations and common tricks like mentioned above.

Re: My Room in 3D

#64

Post by xupybd »

stjo wrote: post #4

Although libraries like threejs (or softwares like blender) give you so many tools and knobs to play around, I cannot for the life of me make a scene look so great. The lighting, the composition, the textures, the even level of detail… I would recommend everyone try it out for themselves to see what I’m talking about. No matter how much you try, there is always something too dark or light. Always something that looks…

I suggest watching the Youtube playlist below. It's insane how much work went into this. He paid attention to every detail.

Re: My Room in 3D

#65

Post by pgeorgi »

peignoir wrote: post #51
Jasper_ wrote: post #20

Earlier quoted context omitted.

First off, it's art. You need to stop thinking like a programmer and think more like an artist. That means thinking about colors and lighting, tones and hues and highlights and shadows. If you're unfamiliar with these things, that's fine, you can find plenty of training material and courses online. It takes time, because it's a skill that requires training and practice and self-discovery. Second, lighting is a carefu…

I agree it takes time! But would be amazing if the author(s) could make a tutorial / step by step on how they did it. I would def pay for that info / tutorial

When you look at the laptop on the desk, the editing process of the scene is shown there. Nice touch :-)

Re: My Room in 3D

#66

Post by xupybd »

qwertox wrote: post #61
stjo wrote: post #4

Although libraries like threejs (or softwares like blender) give you so many tools and knobs to play around, I cannot for the life of me make a scene look so great. The lighting, the composition, the textures, the even level of detail… I would recommend everyone try it out for themselves to see what I’m talking about. No matter how much you try, there is always something too dark or light. Always something that looks…

I noticed that there was the build process displayed on the laptop, then even a video of him, which made me think that he might have streamed the process. Indeed he did, here is the playlist: https://www.youtube.com/watch?v=Hm7fdd8TD7Y&list=PL5nApUt6Z8...

I wish there were a way to pin this to the top of the discussion. It really adds a lot to this to have a link to the creation process.

Re: My Room in 3D

#67

Post by arendtio »

sva_ wrote: post #40
a_c wrote: post #12

Earlier quoted context omitted.

It actually works on both mobile and desktop. Mind definitely blown

It didn't work at all for me in latest Firefox, even with uBlock disabled. But it worked on a Chomium-based browser.

Arch Linux with Firefox 92.0 and uBlock activated works sometimes.

However, it seems somewhat brittle and sometimes the initial loading doesn't complete. I am not 100% certain, but it seems to help to switch to another tab while the page is loading. Feels a bit like a race condition while loading the engine which doesn't occur when the tab runs with a lower priority.

After pressing the Start button, everything works fine.

Re: My Room in 3D

#68

Post by PostThisTooFast »

esjeon wrote: post #49

It's certainly a good time to become a 3D graphics developer, or at least be proficient at it. WebGL simply works. The internet is fast enough to ship a lot of assets. Even phones can render tons of graphical elements. Mix in WASM and it's pretty much golden. The world-wide-web is the true VR.

It does seem very cool, but WebGL is continually derided here and elsewhere. Why?

Re: My Room in 3D

#69

Post by DonHopkins »

127 wrote: post #46
dylan604 wrote: post #28

Earlier quoted context omitted.

Did you leave out a "than a lot more", or are you saying too many people think it is more work than it is?

In my experience people inexperienced with the process think 3D requires about 10x less work than it actually does.

It takes x^3 more work!

Re: My Room in 3D

#70

Post by jiggawatts »

stjo wrote: post #4

Although libraries like threejs (or softwares like blender) give you so many tools and knobs to play around, I cannot for the life of me make a scene look so great. The lighting, the composition, the textures, the even level of detail… I would recommend everyone try it out for themselves to see what I’m talking about. No matter how much you try, there is always something too dark or light. Always something that looks…

The #1 best "Blender tip" (that also applies to computer graphics in general), is that by default it is horribly incorrect with its treatment of colour spaces and especially gamma/tonemapping.

Rather than me clumsily explaining with text how to get this right and have your artwork "pop" with very little effort, watch this video titled "The Secret Ingredient to Photorealism": https://www.youtube.com/watch?v=m9AT7H4GGrA

Combine that with physically correct materials and rendering, and you could literally "sketch" a handful of grey boxes with a single area light and have it nearly pop out of the screen with uncanny realism!

The #2 tip is that chances are that you're probably working with a cheap LCD monitor. Even for $600-$1000 you can get a very decent monitor with DCI-P3 or AdodeRGB wide gamut support and more accurate colour. That helps to produce content that is consistent and correct. That, or invest in a calibrator and set up your operating system colour management with the ICC profile of your panel. Without this, images you grab from Chrome or Firefox will shift in hue and/or brightness when you import them into image editing software. Test your browser with this site: https://cameratico.com/tools/web-browser-color-management-te...

The #3 tip is that you can make much better colour choices working in a perceptual space. The colour pickers in most software use trivial RGB 0..255 ranges mapped to a rectangle. This is garbage, criminally lazy, clownshoes programming. Yet, everybody does it, resulting in these "curtains of colour" controls: https://www.google.com/search?q=colors+picker+control&tbm=is...

You shouldn't be seeing those vertical streaks! The transitions should be smooth and even. An excellent space to use for picking colours or creating gradients is Oklab: https://bottosson.github.io/posts/oklab/

Notice how beautiful it looks compared to the other spaces, which are horribly uneven looking?

Even just these tips can make someone like me, a non-artist, produce beautiful images, web pages, or 3D models.

Art isn't magic, it's a technical skill and you can learn it!

Post reply on HN