Create Three.js gallery to display posts
- or -
Post a project like this2051
$150
- Posted:
- Proposals: 5
- Remote
- #2106165
- PRE-FUNDED
- Awarded
Description
Experience Level: Entry
Create Three.js Gallery Based on this Blog Post: https://blog.cogapp.com/how-to-create-a-virtual-3d-gallery-using-iiif-and-three-js-ad6766e45d3f
Instead of connecting to the images from the Qatar Digital Library’s IIIF collection, the gallery will display the posts from this page https://c3c4wpemain.staging.wpengine.com/resources/.
Features:
- Raycaster (for mouse) needs to work.
- Walls need to be random, and navigable
- When the user close up on the wall, pdf must be readable
- Display all pdf files from
Parsed and display the following info for each post on the wall:
o Title
o Background image
o excerpt
o Link to single post
When the user clicks on each post on the wall, it should take them to the link of the single post
I have attached the gallery html that has the flooring finished. The tricky part is rewriting the code to make it look like white walls just like the video. It also needs to display the posts from the https://c3c4wpemain.staging.wpengine.com/resources/
There is an WP Rest API endpoint that has the JSON version, if you want to use it: https://c3c4wpemain.staging.wpengine.com/wp-json/wp/v2/resource
Finish product should look like a gallery with walls and wooden floor. User should be able to move around with keyboard and mouse, click on posts on the wall.
Instead of connecting to the images from the Qatar Digital Library’s IIIF collection, the gallery will display the posts from this page https://c3c4wpemain.staging.wpengine.com/resources/.
Features:
- Raycaster (for mouse) needs to work.
- Walls need to be random, and navigable
- When the user close up on the wall, pdf must be readable
- Display all pdf files from
Parsed and display the following info for each post on the wall:
o Title
o Background image
o excerpt
o Link to single post
When the user clicks on each post on the wall, it should take them to the link of the single post
I have attached the gallery html that has the flooring finished. The tricky part is rewriting the code to make it look like white walls just like the video. It also needs to display the posts from the https://c3c4wpemain.staging.wpengine.com/resources/
There is an WP Rest API endpoint that has the JSON version, if you want to use it: https://c3c4wpemain.staging.wpengine.com/wp-json/wp/v2/resource
Finish product should look like a gallery with walls and wooden floor. User should be able to move around with keyboard and mouse, click on posts on the wall.
Webmaster C.
100% (1)Projects Completed
1
Freelancers worked with
1
Projects awarded
50%
Last project
9 Nov 2018
United States
New Proposal
Login to your account and send a proposal now to get this project.
Log inClarification Board Ask a Question
-
There are no clarification messages.
We collect cookies to enable the proper functioning and security of our website, and to enhance your experience. By clicking on 'Accept All Cookies', you consent to the use of these cookies. You can change your 'Cookies Settings' at any time. For more information, please read ourCookie Policy
Cookie Settings
Accept All Cookies