Welcome, Guest: Register On Nairaland / LOGIN! / Trending / Recent / New
Stats: 3,153,830 members, 7,820,911 topics. Date: Wednesday, 08 May 2024 at 02:16 AM

Immersive 3D Art Gallery (Three.js) - Programming - Nairaland

Nairaland Forum / Science/Technology / Programming / Immersive 3D Art Gallery (Three.js) (654 Views)

Flexbox Is Underrated. Here's The Skeleton Of An Image Gallery I Created. / Three.js / Game Dev : Pixel Art Gallery (2) (3) (4)

(1) (Reply) (Go Down)

Immersive 3D Art Gallery (Three.js) by stankelz: 10:53am On Sep 25, 2023
Hey fam, I'm excited to share the project I've been working on, my first project after completing ThreeJs course—a 3D interactive art gallery.

users can navigate a third-person experience, having control over a player character. The player can approach any art painting within the gallery, which triggers a pop-up upon interaction, provides info about the selected artwork. Users can also click on any art painting to get a closer view.

It's still a work in progress so things are not yet perfect like collision in wall edges and staircase are not yet accurate, and further optimization is needed. Some areas within the scene experience FPS drops, affecting the smoothness of character movement.

Further development plans includes- VR compatibility and potential to have users to upload their own paintings. I'll love to see your feedbacks and reviews.
PS: not yet optimized for mobile view. Use PC

#React #Three.js #R3f #Blender

3d-art-gallary[vercel[app

Replace the two square brackets [ with dot .

cc tensazangetsu20 airsaylongcome qtguru manoftheyear greatigboman devmek truthcoder Davidcorny Codedboy95 peterincredible

4 Likes 1 Share

Re: Immersive 3D Art Gallery (Three.js) by stankelz: 11:09am On Sep 25, 2023
.
Re: Immersive 3D Art Gallery (Three.js) by truthCoder: 12:17pm On Sep 25, 2023
Nice.

Its immersive and i love the project. Thumbs up.
Re: Immersive 3D Art Gallery (Three.js) by tensazangetsu20(m): 12:35pm On Sep 25, 2023
This is very very good.
Re: Immersive 3D Art Gallery (Three.js) by DyingFetus: 12:37pm On Sep 25, 2023
How person fit access am abi you just screen shot wetin you no know
Re: Immersive 3D Art Gallery (Three.js) by stankelz: 2:30pm On Sep 25, 2023
truthCoder:
Nice.

Its immersive and i love the project. Thumbs up.
Thanks man. I appreciate
Re: Immersive 3D Art Gallery (Three.js) by stankelz: 2:31pm On Sep 25, 2023
tensazangetsu20:
This is very very good.
Thanks tensa
Re: Immersive 3D Art Gallery (Three.js) by stankelz: 2:33pm On Sep 25, 2023
DyingFetus:
How person fit access am abi you just screen shot wetin you no know
Read the post, you'll find the link
Re: Immersive 3D Art Gallery (Three.js) by Davidcorny: 2:46pm On Sep 25, 2023
stankelz:
Hey fam, I'm excited to share the project I've been working on, my first project after completing ThreeJs course—a 3D interactive art gallery.

users can navigate a third-person experience, having control over a player character. The player can approach any art painting within the gallery, which triggers a pop-up upon interaction, provides info about the selected artwork. Users can also click on any art painting to get a closer view.

It's still a work in progress so things are not yet perfect like collision in wall edges and staircase are not yet accurate, and further optimization is needed. Some areas within the scene experience FPS drops, affecting the smoothness of character movement.

Further development plans includes- VR compatibility and potential to have users to upload their own paintings. I'll love to see your feedbacks and reviews.
PS: not yet optimized for mobile view. Use PC

#React #Three.js #R3f #Blender

3d-art-gallary[vercel[app

Replace the two square brackets [ with dot .

cc tensazangetsu20 airsaylongcome qtguru manoftheyear greatigboman devmek truthcoder Davidcorny Codedboy95 peterincredible
Wow, nice one bro.
Re: Immersive 3D Art Gallery (Three.js) by stankelz: 8:19pm On Sep 25, 2023
Thanks bro
Re: Immersive 3D Art Gallery (Three.js) by ANormalHuman: 8:27pm On Sep 25, 2023
Bro this is wonderful.

It has the potential of standing out as the biggest virtual art gallery in Africa if it is:

Fully functional
People get to design their avatars
People get to upload their work
Has a map to help find specific art (as well as a search bar where people can search in title/artist/genres or so
Capability to see other players who are in the gallery as well + more interactive capabilities like waving or making a thumbs up hand

Yh, I'm describing an app (think of the app Rec Room for Meta Quest VR), not a website cheesy ... I always daydream...
Nice work bro. Congrats.

2 Likes

Re: Immersive 3D Art Gallery (Three.js) by stankelz: 2:16pm On Sep 26, 2023
Thanks so much man. Of course what you mentioned can be achieved in web. I'll keep working to improve it. "Capability to see other players in the gallery" is multiplayer and I have that in mind. Thanks for the suggestions, I appreciate.

1 Like

Re: Immersive 3D Art Gallery (Three.js) by richebony: 11:24am On Sep 28, 2023
This is really nice .Hope u dont mind my asking , whats the name of the course ?
Re: Immersive 3D Art Gallery (Three.js) by Naijatask: 10:19pm On Sep 28, 2023
richebony:
This is really nice .Hope u dont mind my asking , whats the name of the course ?

I believe it should be a course by Bruno Simmons. But I may be wrong though

1 Like

Re: Immersive 3D Art Gallery (Three.js) by stankelz: 2:42pm On Sep 30, 2023
richebony:
This is really nice .Hope u dont mind my asking , whats the name of the course ?
Thanks man.

Threejs Journey by Bruno Simon

1 Like

Re: Immersive 3D Art Gallery (Three.js) by stankelz: 2:45pm On Sep 30, 2023
Naijatask:


I believe it should be a course by Bruno Simmons. But I may be wrong though
yeah, that's correct. Arguably the best ThreeJs course out there
Re: Immersive 3D Art Gallery (Three.js) by richebony: 5:27pm On Sep 30, 2023
stankelz:
Thanks man.

Threejs Journey by Bruno Simon

So you paid the $100 fee? Because I haven't been able to access a free upload. If you did ..Kudos
Re: Immersive 3D Art Gallery (Three.js) by stankelz: 9:50am On Oct 02, 2023
richebony:


So you paid the $100 fee? Because I haven't been able to access a free upload. If you did ..Kudos
There's no free upload.

I really needed the course, fortunately one Italian dev gifted me the course.

1 Like

(1) (Reply)

How To Bulid Sms Portal / Keller Box Scheme / Create Your Own Andriod Application And News System

(Go Up)

Sections: politics (1) business autos (1) jobs (1) career education (1) romance computers phones travel sports fashion health
religion celebs tv-movies music-radio literature webmasters programming techmarket

Links: (1) (2) (3) (4) (5) (6) (7) (8) (9) (10)

Nairaland - Copyright © 2005 - 2024 Oluwaseun Osewa. All rights reserved. See How To Advertise. 19
Disclaimer: Every Nairaland member is solely responsible for anything that he/she posts or uploads on Nairaland.