Coder Social home page Coder Social logo

clementcariou / virtual-art-gallery Goto Github PK

View Code? Open in Web Editor NEW
189.0 6.0 75.0 4.51 MB

Explore an Art Gallery in your browser.

Home Page: https://clementcariou.github.io/virtual-art-gallery/build

License: MIT License

JavaScript 95.05% GLSL 3.98% HTML 0.98%
3d art gallery procedural-generation regl webgl painting

virtual-art-gallery's People

Contributors

clementcariou avatar dependabot[bot] avatar illyamoskvin avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

virtual-art-gallery's Issues

Wall shadow

Bonjour, tout d'abord merci pour votre travail sur ce beau projet open-source. Je cherche à variabiliser celui-ci afin de permettre la modification de certains éléments, notamment les dimensions de la map.

J'ai pu constater que des variables permettent de jouer facilement sur l'aspect des murs ; toutefois j'ai du mal à trouver quelle portion de code est en charge d'appliquer l'effet d'ombre sur la partie supérieure des murs.

En effet, s'il est possible de modifier leur hauteur grâce à la variable mapHeight dans map.js, visuellement le plafond semble être à la même hauteur en raison de l'effet d'ombre dont la couleur se rapproche de celle du plafond.

Je vous serais reconnaissant s'il vous était possible de m'aiguiller sur la portion de code en charge du rendu de cette ombre.

Merci !

image

Image displaying order from local API and problem with images repeating

Hi,

Is there any possibility to put images in specific order? I've tried to supply image_id in images.json but it doesn't do anything.
Before last update images supplied with API were shown just once, but now images repeats itself. For example if loading 5 images from local API it shows them in loop till the galery is run out of space.

Fragment bloc glitch

There is a fragment bloc glitch :

fragment blob glitch

It's not difficult to reproduce: wounder around a look for a black square. It seems to occur randomly at specific player positions and viewing angles. It can happen on paintings or walls.

If you encontered this type of problem before, let me know. For now it seems difficult to fix and I don't think it's severe enough to bother to fix it.

hilbert curve smaller order

hello,
the most amazing gallery we found open-sourced yet!
congratulations! regarding map.js, could you pls help us with
mapping it to hilbert curve of smaller order, 2 or 4?!
it would be interesting for everyone with smaller amount of images.
thank you!

Zoom on picture on click

Bonjour Clément, ce projet est vraiment formidable. Est-ce que tu crois qu'il y aurait moyen de rajouter une option qui zoome sur le tableau quand on clique dessus ? Sinon tu pourrais me dire quel fichier il faudrait modifier ?
Immense merci pour ce travail, c'est génial !

Panning Camera in Mobile Browser

Thank you for such a great open source project!

I was having trouble finding the perfect virtual gallery for my class to hold an exhibition, until I found this repo. I really appreciate that it's responsive, easy to deploy, and customizable 👍

One problem I had was that panning the camera around on my iPhone's Safari browser caused the page to shift around, so you could see the white borders of the script and it was hard to navigate. Adding this line to index.js fixed it for me:

// Prevent scrolling on mobile browsers
document.addEventListener('touchmove', function(event) {
	event.preventDefault();
	}, { passive: false });

Hope this helps if you are still maintaining this project or for any users in the future. Thanks again!

How to upload own art/images?

Could you add a guide how to add your own art/images to this?

Since right now you haven't written anywhere how to do it and i'm clueless what todo to get my own art/images into this art gallery,

How to change the Gallery structure?

Hi There,

You are super awesome boss, greatest open source art gallery I saw till now.

Possible if you can help me out in just one thing.

How can I change a structure ? Just wanted to add one wall in between just once so as to show a welcome message? How can I do so ?

Please advise

Need help with some small tweak

Hi Developer,.

Really did a great job. Hats off to you. Just one tweak I wanted to do as its my college project. Can I have navigation key somehow any tweak on the left bottom, I can make them work via javascript but not able to place it. I added drawImage many place but not working. Can you please help.

Gallery goes upside down when going back

First of all, such an amazing work! I've started using it in one of my projects.

I've noticed a bug as I was walking around the gallery (attaching a screenshot):

Bug

This happens when I go towards the end and try to come back where I started or even sometimes in the middle when looking up. I'm also attaching a short video of this here:

demo.mp4

This is in Chrome. I've not checked it in other browsers.

Is it possible to add sound?

I have tried the usual methods of adding sound to html and javascript neither of them have worked. Do you know a way of doing it when the website loads or as you get close to an art piece?

Fix load time and service dependancy

The image load time can be long because of the reverse proxy needed to get around the cors policy.
And it might not be a good idea to depend on those services in the future.

Here's the list of possible solutions :

  • host or find an image library API without a CORS policy
  • host or find a more performant reverse proxy
  • host images on the github page (limited to 1 GB -> 1k images)
  • procedurally generate the paintings
  • ignore this problem

Problem changing painting titles locally

Hi,
I've tried to upload my own images by adding them in the images folder and it worked perfectly. My problem is that when I re-build the project, all the modifications that I make in the "images.json" file get erased. I've also tried to edit that file after re-building but i still can't get the titles changed.

description text for local images

thanx for replying on hilibert curve question, that helped a lot.

Paintings from Art Institute Chicago have text descriptions below them.

i was wondering if adding description text
for images from local folder is already implemented?
i am reading text.js and i don't see where to put my text
for textCanvas. sorry if i am missing something.
everything is so smooth and done dynamically, so i though
i better ask you first.
thank you

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.