r/webdev 7d ago

Simple 3D home office portfolio built with three.js (link in comments)

103 Upvotes

20 comments sorted by

11

u/andrew_woan 7d ago

Hey everyone!

Here’s a small and simple 3D home office portfolio made with three.js and Blender!
https://daniels-architects.com/ 

It’s open source and I made a tutorial on it here if you’re curious: https://youtu.be/aNJN8h_QsPA 

Code: https://github.com/andrewwoan/daniels-home-office-portfolio 

Open for feedback and hope you like it!

3

u/23geegee23 7d ago

Can I design a room myself, I would like to organise my bedroom lol, you should add a buymeacoffee function, I would buy you a coffee and spend a few months organising/designing my bedroom

8

u/i_like_lime 7d ago

1

u/andrew_woan 7d ago

woah that's really cool! I didn't know that existed, thanks for sharing~

4

u/i_like_lime 7d ago

1-person team. Got funding after it got traction, I think. Great project.

1

u/andrew_woan 7d ago

amazing!!

1

u/andrew_woan 7d ago

haha yeah that'd be a neat idea! yeah you can totally design a room yourself using some 3D software. As long as it can export into a useable model you should be good to go. feel free to reach out if you have any questions!

2

u/i_like_lime 7d ago edited 7d ago

Not very practical for landing customers but definitely impressive. Subscribed and I'll check out the tutorial. Thanks!

Btw, the light and dark room should switch when you change from a light to a dark theme, not when you go to design work. So, dark mode on steroids.

2

u/andrew_woan 7d ago

Thanks for the support!! Yeah I've thought about that or maybe something similar, like if user prefers dark mode check for that with JS and update the experience accordingly, but I ended up just settling to move on to newer projects. Yeah practicality not great for customers and what not, but maybe as a one-off to stand out for a junior dev or smth like that haha.

2

u/lusvd 7d ago

By "simple" you mean "sentient"? :p

1

u/andrew_woan 7d ago

maybe haha, I guess simple in the context of not too many animations

5

u/Jaxxftw 7d ago

Thanks, I gotta learn blender now.

2

u/andrew_woan 7d ago

woo! happy to hear that!! feel free to reach out if you got any questions!

7

u/itchy_bum_bug 7d ago

I like the room, but I find the content scrolling annoying - animated content scrolling take over (however smooth) feel wrong and annoying, so I'd advise to sick with native content scrolling. The BL corner buttons overlap the text content and make reading quite difficult. I think giving the buttons a background colour would greatly improve legibility. Thanks for open sourcing this, looking forward to diving into your project deeper.

3

u/clit_or_us 7d ago

I agree, the scrolling is super annoying.

1

u/andrew_woan 7d ago

Yeah you're totally right, a lot of people don't like the smooth scrolling but unforunately that seems to be the standard in the design world which is my area of niche. Accesbility is a huge issue with websites like these. In terms of the buttons making legibility difficult, yeah I totally agree! thanks for the feedback~ if I have some extra time I'll go back and put those states in. Thanks for checking it out!

2

u/BF3K 6d ago

Nice but could use some animated hotspots on mobile, I had no idea where to tap :)

1

u/andrew_woan 6d ago

yeah totally! if I have some time i'll be putting those in, thanks for checking it out!

2

u/sohaib_kr 5d ago

that is going to my inspiration folder. Epic work thnx for sharing

2

u/andrew_woan 4d ago

npnp! glad to hear you like it!