Project with threejs

Questions
1

Hello,

I’m thinking doing a project with an art gallery but i want to use some kind of 3D technique to make it more interesting, also I was thinking implementing a timeline connecting the art works.

Can I do it with html+css and with the help of this library (threejs) ?

2

Yes. You can. See here for a few links on tutorials and tips on how to get started with Threejs: Display 3D Model in web using Three.js

2 Likes
3

Also, I was wondering now if i can only animate my art gallery or i can make it ‘clickable’.
For example, if i click some specific part of an image of the art gallery, the image show some information, or redirect me to another image or page?

4

Yes, I believe you’re looking for a Raycaster. Here’s the docs page, and it has eight examples you can look at to see which one best fits your case: https://threejs.org/docs/#api/en/core/Raycaster

5

Firstly, thanks for the reply. It already helps.
But I think that raycaster is more for mouse over, no?
I wanted for clickable things, like this example: https://threejs.org/examples/#webgl_interactive_voxelpainter

6

Maybe it’ll help if you look at these things?

https://threejs.org/examples/#webgl_raycast_texture

and

http://threejs.hofk.de/raycaster/raycaster.html
http://discourse.threejs.hofk.de/2017/PictureBall/PictureBall.html

from eXtended eXamples

http://discourse.threejs.hofk.de/2018/LabelsOnSphere/LabelsOnSphere.html

from the collection

where you will find many suggestions.

7

Thanks a lot! I will definitely look into it.