Skip to content

multisynq/vibecoded-gallery

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 

Repository files navigation

Vibecoded Gallery with AI Info Screen

Google AI Studio, Gemini 2.5 Pro, Temperature 1

Try the result at http://multisynq.github.io/vibecoded-gallery – walk over to the info screen and type a question to the AI Art Historian.

The implementation uses the AI implementation from the AI Chat example.

Prompts

  1. [attached file: multisynq-js.txt from Multisynq website]

    Build a realtime, 3D art gallery in which multiple users can interact, explore or co‑create.

    Key Requirements:

    • Use Multisynq for shared, real time experiences and multiplayer. This is a requirement.
    • Use three.js for rendering an attractive, interesting shared 3D scene.
    • Leverage Multisynq’s deterministic architecture to keep all clients in sync (e.g., moving objects, avatars). Learn about Multisynq with the attached multisynq-js.txt file.
    • Add nametags for each avatar and put a chat message block connected to a messaging system among session participants over the head of each avatar using multisynq chat.
    • Add a chat system using multisynq so that participants in a session can have text chat communications with each other
    • Use this multisynq api key: 234567_Paste_Your_Own_API_Key_Here_7654321
    • Put the game in an html page that can easily be downloaded and tested
  2. The multiuser chat works, but the 3D scene is almost black, I don't see any objects

  3. Swap left and right keys, and make the rotation faster. Also, place 5 more pieces of art on the walls

  4. [attached file: chat.js from multisynq-ai-chat repo] Add an AI agent to the wall of the gallery which is an expert in art history and where users can enter text questions and get responses in the gallery . Use the attached file as an example for how to connect the AI. Also, make the left/right keys rotate instead of strafe.

  5. I can't type into the art history window. Also, put that window on the wall ahead, not floating

(AI actually works as designed, from the AI chat example. It adapted it perfectly)

  1. Wonderful! Typing works when I go near the window on the wall. However, the AI output is still displayed in the floating window. I don't want the floating window, the output should be in the window on the wall. Also, the output is too large for that window, please implement scrolling or paging

  2. It appears as if paging is working, but no text is visible in the window on the wall. It's completely black.

  3. that did not fix it. the window on the wall is still completely black

  4. That is not the problem. In the debugger I see that the canvas contents is correct, it has all the text. But it's not visible as texture on the wall kiosk window.

  5. nope, it's still completely black even though the canvas is right

  6. I'm sorry to say the kiosk remains black

(it unsuccessfully tried all kinds of things, even suggesting it might be because of fog)

  1. whatever you did, revert that. The art pieces are now way to dark. And the issue with the kiosk is not fixed. It definitely is not because of fog since I can see the up/down paging next to the screen buttons just fine

(gotta help it a little)

  1. I debugged and found the problem: the screen is behind the backplate. with "this.screen.position.z = -0.06;" it works fine. Please use that

  2. It works now, awesome! Some tweaks: remove the W/A/S/D key bindings, arrow keys are good enough. And the text bubble overlaps the visitor name badge, please fix that. In the initial kiosk prompt tell visitors to step close to be able to ask a question.

  3. The AI art historian does not appear to remember any context. Can you fix that?

(it did it – quite well!)

  1. Very good. I'm noticing the AI input window doesn't behave right after a session interruption. Can you fix that?

  2. That did not help. It looks like after the interruption, that field is rapidly fading in and out

(this was a bit hard to diagnose, but the rapidly fading hint got it on the right track)

  1. That fixed it indeed, thanks. But why are the artworks on the wall dark all of a sudden again? Please fix them, as you did earlier.

  2. when another visitor leaves, their name badge stays behind. please remove it

(and that was it)

About

Vibecoded Art Gallery with AI assistant

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages