3D Infinite Art Gallery! This pulls from Reddit's r/Art and creates a procedural infinite art gallery from random (sfw-only) posts.

Overview

Infinite-Art-Gallery

Click for Demo!

3D Infinite Procedurally-Generated Art Gallery! This pulls from Reddit's r/Art and creates a procedural infinite art gallery from random (sfw-only) posts.

Rendered entirely with THREE.JS in the browser. (May) require a server couterpart to host and filter posts from the Reddit, Harvard Art Museum, and Met APIs.

How It Works

  • First, a world is created (using a ceiling and a floor tile) using a Minecraft-style chunk system. This way, the world will traverse (mostly) infinitely no matter what direction you move in.
  • Then, we use a middleman server to send random images from Reddit's art-related subreddits to the client. This can be intensive and the server is prone to crashing when there are too many people, so if there's any better solutions please contribute or post in the issues tab :))
  • We generate the images randomly 30 meters in front of the player. There is a 10% chance every second for an image to generate, and once it is generated, there is a mandated cooldown of 10 5 seconds.

TODO

  • Proper Crediting - right now, the server will etch the artist's name onto the image file. This is both hard to read and computationally intensive (and possibly a licensing violation in some cases?), so maybe a plaque with the author and title could be better. Unfortunately, Reddit's API is prone to many (many) issues and we can't just direct-link the image without the middleman server. Done!
  • VR Support. Some nice people online told me this would work really well in VR. Lucky I have a rift lying around to test the idea with!
  • Walls. Add some excitement to walking! Place art in frames on walls, above plaques with information about them. Done!
  • Server rewrite. Currently it's very slow and running on a machine less powerful than a raspberry pi, haha. Done!
  • 3D Art: Sculptures section! Single-colored 3d models in their own exhibits.
  • Art Submissions. Maybe people could manually submit their own art?
  • Classical Art. The Harvard Art Museum and The Met offer open-sourced APIs for serving classical images. This kind of goes against the point of the project though, which is to showcase art made by people like you and me - not classical artists. This one needs some discussion!
  • Mobile Phone Support!!!!!!! (figure out how to do controls on a phone) Done! This one was really hard. Thanks to @mese79's repo for help.
  • Firefox Support Done!
  • Mouse Direction Reversal Done!

front board and tutorial walls and art

You might also like...

An infinite scrolling plugin for jQuery.

jScroll - jQuery Plugin for Infinite Scrolling / Auto-Paging Official site at jscroll.com. Copyright © Philip Klauzinski Dual licensed under the MIT a

Dec 29, 2022

infiniteScrollWithTemplate - JQuery plugin for ajax-enabled infinite page scroll / auto paging with template

jQuery Infinite With Template Plugin JQuery plugin for ajax-enabled infinite page scroll with template. If you like jQuery until now, this little libr

Mar 19, 2021

JavaScript image gallery for mobile and desktop, modular, framework independent

PhotoSwipe v5 — JavaScript image gallery and lightbox Demo | Documentation Repo structure dist/ - main JS and CSS src/ - source JS and CSS. src/js/pho

Dec 29, 2022

Full featured JavaScript image & video gallery. No dependencies

Full featured JavaScript image & video gallery. No dependencies

lightgallery.js Full featured JavaScript lightbox gallery. No dependencies. Important notice lightgallery.js has been merged with lightGallery. That m

Dec 30, 2022

Fast Hugo gallery theme/module suitable for lots of images.

Fast Hugo gallery theme/module suitable for lots of images.

Gallery Deluxe A Hugo Module to show a photo gallery. It's very fast/effective, especially if you have lots of images on display. See the annotated in

Jan 2, 2023

Discovers and parses news, blog and podcast posts from any website

post-feed-reader A library to fetch news, blog or podcast posts from any site. It works by auto-discovering a post source, which can be an RSS/Atom/JS

Mar 14, 2022

An API that allows you to scrape blog posts and articles and get a list of notes or a summary back.

EZAI-Web-Scraper An API that allows you to scrape blog posts and articles and get a list of notes or a summary back. Recommendations Use browserless.i

Dec 8, 2022

A full-stack social media application where users can post and share their coding projects, adding friends, and joining the discussion in threaded comments on project posts.

A full-stack social media application where users can post and share their coding projects, adding friends, and joining the discussion in threaded comments on project posts.

CodeFlow Description CodeFlow is a social media application where users can post and share their coding projects with others. By logging in or signing

Dec 8, 2022

This Photoshop script exports all top-level layers and groups to cropped PNG and JPEG files and creates a file usable in Tumult Hype 4 based on your Photoshop document.

This Photoshop script exports all top-level layers and groups to cropped PNG and JPEG files and creates a file usable in Tumult Hype 4 based on your Photoshop document.

Export To Hype (Photoshop Edition) This Photoshop script exports all top-level layers and groups to cropped PNG and JPEG files and creates a file usab

Nov 9, 2022
Comments
  • the vectors clashed

    the vectors clashed

    Hi,

    I came across your amazing project, and noticed, that there are double occupied spaces in your gallery. Maybe he didn't pay the fee for his own spot and tries to sneak in ...

    Cheers

    screenshot 1 screenshot 2

    opened by raphael-brand 1
Releases(v1.0.0)
Story Show Gallery - JS & React - minimalist, vertical photo gallery, mobile friendly

Vertical photo gallery optimized for smartphones (notch area included). SSG will support your brand and marketing. Optimally placed captions, full screen lightbox, no ugly arrows

Roman Flössler 21 Oct 4, 2022
Procedural generator for 2D space scenes.

Space Scene 2D Procedural generator for 2D space scenes. Try it out live here. Install npm i space-scene-2d Example import { Space2D } from "space-sc

Rye Terrell 86 Dec 25, 2022
A Leaderboard app that pulls from a LeaderboardGameAPI and allows users to view recent scores and add more scores to the score board. Built with HTML5, CSS, JavaScript, and Webpack.

Leaderboard A Leaderboard app that pulls from a LeaderboardGameAPI and allows users to view recent scores and add more scores to the score board. Buil

Steven Ntakirutimana 5 Dec 21, 2022
A simple code that creates a string of random characters displayed in an html object, all saving in a json file.

I'm 17 Years Old Developer / Lead Developer. ?? I'm wroking on AdrenalinaRP, GrandRDM. ?? I’m currently learning JavaScript. ?? I’m looking to collabo

OFFVIXEN 2 Nov 17, 2022
An easy-to-use library to make your life easier when working with random numbers or random choices in javascript.

vrandom An easy-to-use library to make your life easier when working with random numbers or random choices in javascript. Table of contents Installati

Valerio Cipolla 1 Aug 16, 2022
This project displays the art collection using the Metropolitan Museum of Art API. For this project we used HTML, CSS, Javascript, Webpack and Jest.

Metropolitan Museum of Art This project displays the art collection using the Metropolitan Museum of Art API. For this project we used HTML, CSS, Java

David Vera Castillo 11 Dec 24, 2022
🌈 GitHub following, followers, only-following, only-follower tracker 🌈

github-following-tracker GitHub following, followers, only-following, only-follower tracker ?? Just enter your GitHub name and track your followings!

Youngkwon Kim 10 Jun 15, 2022
Javascript Library to create scrollable table with infinite rows and columns.

Fattable Demo Checkout the demo here. What is it? Fattable is a javascript Library to create table with infinite scroll, with infinite number of rows

Paul Masurel 477 Sep 19, 2022
Unlocks all brainly answers and bypasses one answer per day limit. Gives infinite free answers & unlocks all textbooks 🔐 ∞

Brainly-LockPick ?? Unlocks all brainly answers and bypasses one answer per day limit. Gives infinite free answers & unlocks textbooks ?? ∞ Note: refr

null 7 Dec 9, 2022