Zum Hauptinhalt springen
tsecurity.de LIVE
Echtzeit-Radar & Feeds
Alle RSS Feeds
👥 Community & Social
Malware / Trojaner / VirenAI Agents Are Becoming a New Malware Distribution Channel(23.09.2026 um 09:44 Uhr)
Sichere ProgrammierungBuilding In-Browser Private Tools: When the Server Is the Liability(23.09.2026 um 08:54 Uhr)
Sichere ProgrammierungYour Order Fulfillment Workflow Is One 24-Hour Wait Away From Chaos(23.09.2026 um 08:54 Uhr)
Sichere Programmierungflet media library(23.09.2026 um 08:54 Uhr)
Sichere ProgrammierungRunning Lightdash on Snowpark Container Services(23.09.2026 um 08:55 Uhr)
Sichere ProgrammierungThe Impossible Filter Gallery Transition in CSS Only(23.09.2026 um 08:59 Uhr)
Sichere ProgrammierungVerifiable Data > Claimed Data: What i'm Trying to do with Ori's List(23.09.2026 um 09:08 Uhr)
Malware / Trojaner / VirenAI Agents Are Becoming a New Malware Distribution Channel(23.09.2026 um 09:44 Uhr)
Sichere ProgrammierungBuilding In-Browser Private Tools: When the Server Is the Liability(23.09.2026 um 08:54 Uhr)
Sichere ProgrammierungYour Order Fulfillment Workflow Is One 24-Hour Wait Away From Chaos(23.09.2026 um 08:54 Uhr)
Sichere Programmierungflet media library(23.09.2026 um 08:54 Uhr)
Sichere ProgrammierungRunning Lightdash on Snowpark Container Services(23.09.2026 um 08:55 Uhr)
Sichere ProgrammierungThe Impossible Filter Gallery Transition in CSS Only(23.09.2026 um 08:59 Uhr)
Sichere ProgrammierungVerifiable Data > Claimed Data: What i'm Trying to do with Ori's List(23.09.2026 um 09:08 Uhr)
Intelligence View
⚡ tsecurity.de Intelligence

Pop Culture, Pride, and the Game Inspired by their Connection

This is a submission for the June Solstice Game Jam I've been in online queer communities for a long time, and one thing that's always stood out is the endearing obsession with pop culture. The artists, the music, the fashion, the…

0
↗ Quelle (dev.to)
Reagiere als Erste:r — dein Feedback zählt!

This is a submission for the June Solstice Game Jam




I've been in online queer communities for a long time, and one thing that's always stood out is the endearing obsession with pop culture. The artists, the music, the fashion, the references. Every form of art gets appreciated, deeply analyzed, and celebrated. Diva Academy is an attempt to reflect that energy and honor Pride month and the pop culture that comes with it.



first screen of gameplay






What I Built



Diva Academy is a pop culture trivia adventure. You play as a fresh face entering a campus where the currency is knowledge. The questions cover everything from ballroom culture and drag history to Beyoncé's discography and the origins of the Pride flag.



The game runs in sessions: NPCs challenge you to timed trivia battles. Reach your REP(utation) goal to win, or hit zero and you're out. Earned REP converts to permanent currency between sessions, making it a rogue-lite-lite-lite experience where you gradually get stronger even when you lose.



The game is built with vanilla HTML5 Canvas, CSS, and JavaScript. It features:




  • 6 explorable rooms


  • 4 NPC tiers - Starlet, Diva, DJ, and Mother - each with distinct personalities and increasing difficulty


  • A rival system where a recurring NPC named Vex Vivienne spawns across the map and hunts you down


  • A permanent perk system where REP earned in each run converts to permanent currency for buying perks like Grace (forgive one wrong answer), Clutch (survive at 0 REP once), and Haste (extra time on the timer)


  • A Spotlight mechanic - defeat a Diva-tier or higher NPC and you earn a one-time 1.5x REP buff for your next face-off


  • Two minigames - Hangman (guess the pop star name) and Pop Connect (link two artists through a mathematically perfect, AI-grounded collaboration graph with look-ahead validation)



Hangman style mini-game





  • The Turing Challenge - Archivist Alan tests your ability to distinguish real pop culture quotes from AI-generated fabrications


  • A customization system that unlocks new dress and hair colors as you defeat NPCs


  • An 8-step Orientation Week questline that guides new players through the Academy




Note: The game works perfectly without the backend or API keys. Just open diva-academy/index.html via any static file server if you prefer a completely offline experience. The game will automatically fall back to using pre-generated static data, including questions, quotes, and banter. The backend adds optional AI features







Video Demo










Code







GitHub logo

ashmeet-chhabra
/
diva-academy



a pop culture trivia adventure






Diva Academy



A pop culture trivia adventure. Walk through the Academy, challenge NPCs to trivia battles, and prove you know your stuff.


Screenshot 2026-06-22 101756

Quick Start



The game uses ES modules (<script type="module">), so it requires a static HTTP server — file:// won't work in modern browsers.


Without backend (fully offline):



# Option A: using Node.js (if you have it installed)
npx serve diva-academy

# Option B: using Python
python -m http.server 8000 -d diva-academy

# Option C: using the built-in Express server without AI
cd diva-academy
npm install
npm start
# Open http://localhost:5000



With backend (AI features enabled):



cd diva-academy
npm install
cp .env.example .env
# Edit .env and add your Vertex AI API key
npm start
# Open http://localhost:5000




Note: npm start serves both the game files and the AI backend endpoints from the same server. If you just want to play without AI, any static file server…











How I Built It






Architecture



The game is a single-page application with a Canvas-based game engine, HTML/CSS UI overlays, and a Node.js backend for AI features.



Frontend:





  • game.js - Main engine: rooms, NPCs, player, camera, rendering, face-offs, progression, save/load


  • questions.js - Question pool management with consumed-question tracking


  • minigames.js - Hangman and Pop Connect minigames


  • audio.js - External track support


  • ai-client.js - Fetch wrapper for the backend



A room showing the boss level of pop academy, Mother



Backend (Express):





  • server.js — Serves static files + 4 AI endpoints via Vertex AI

  • Uses direct REST calls to Vertex AI with API key auth






Dynamic Content & Offline Fallbacks



The game relies on built-in, curated static pools for all its core systems (trivia questions, NPC banter, end-of-run recaps, and Turing quotes). Everything is designed to work completely offline, degrading gracefully if the backend isn't running.



When connected to the optional backend, these systems expand dynamically, generating fresh, context-aware content on the fly to multiply the replayability. (More details in the section below)






Prize Category






Best Google AI Usage



Diva Academy integrates Google's Gemini model via the Vertex AI Agent Platform with API key authentication. AI powers several core game mechanics, seamlessly falling back to curated static pools when offline:

































Feature Backend Online Backend Offline
Question expansion Gemini generates batches on demand Manual entry form
NPC dialogue Contextual from Gemini Static pool
Run recap Unique from Gemini Static pool
Quote generation Gemini creates plausible fakes Static pool


Here is how Gemini acts as a dynamic content multiplier:





  1. Question Generation - Gemini 2.5 Flash generates new pop culture trivia on demand. The prompt enforces exact JSON output, balances categories, and prevents repetition by cross-referencing previously answered questions.

  2. Factual Collaboration Graph (Pop Connect) - We used Gemini to map a mathematically perfect network of legendary music artists. It fact-checks real track collaborations and symmetrizes the graph to completely eliminate "dead ends" and unsolvable paths.


  3. Fake Quote Generation (Turing) - Gemini analyzes real quotes to hallucinate highly plausible, fabricated pop culture quotes, infinitely expanding the Turing Challenge.


  4. Format Validation - All AI output is strictly validated server-side (checking choices, indices, and categories) before ever reaching the client.


  5. Contextual Dialogue & Recaps - Gemini writes in-character NPC banter and post-run performance reviews that dynamically react to your current REP and recent defeats.




the game of pop connect. connect 2 artists thru collaborations with other artists






Best for Turing Award




Alan Turing was the father of computing and a gay man. The mini-game/challenge is named after him, testing whether you can distinguish real from machine-generated.




The Archivist character Alan runs the Archives room. He challenges you to the Turing Challenge: a two-layer test of authenticity.





  • Layer 1: You're shown a pop culture quote. Is it real or an AI fake? If you're right and it's real, you advance to Layer 2.


  • Layer 2: You're told who allegedly said it. Was it actually that person, or was the attribution wrong? Correct both layers and you earn bonus REP.



The game ships with a built-in pool of curated real and fabricated quotes. When the backend is online, Gemini acts as the ultimate impersonator, generating completely fabricated, highly plausible quotes to infinitely expand the challenge.

Ähnliche Beiträge
🔍 Verwandte News

Auch interessante Nachrichten Pop Culture, Pride, and the Game Inspired by their Connection

Thematisch verwandte Begriffe: Culture, Pride, Game, Inspired · 6 Treffer

Laden...

Videos werden geladen ...

Laden...

Beiträge werden geladen ...

Laden...

Videos werden geladen ...

Laden...

Beiträge werden geladen ...

Laden...

Videos werden geladen ...

Laden...

Beiträge werden geladen ...

Laden...

Videos werden geladen ...

Laden...

Beiträge werden geladen ...

Laden...

Videos werden geladen ...

Zum Aktualisieren ziehen
ZERO-DAY CVE-2026-96258 | A vulnerability has been found in onSite internet GmbH Auktion NG Auktio…
Advisory →
TTS Reader • tsecurity.de Voice
tsecurity.de Icon
tsecurity.de App
Offline-Lesen, Eilmeldungen & 0ms Ladezeit

Installiere tsecurity.de direkt auf deinen Home-Bildschirm für das ultimative Vollbild-Magazinerlebnis ohne Browser-Leisten.

Nächster Beitrag
Themen-Radar & Intelligence Matrix
Echtzeit-Taxonomie nach Angriffsvektoren & Plattformen

tsecurity.de Live Threat Radar

🔴 LIVE RADAR
MONITORING
AKTIV
CVE-DATENBANK
LIVE
🔍
Community Radar & Live Chat
Sentinel Bot online • Live-Stream
Dein Cluster: Security Explorer
Match:
lädt…
Verbindung zum Community-Stream wird aufgebaut...
Bearbeitungsmodus — Senden überschreibt deine Nachricht
Community-Puls — was gerade passiert
lädt…
Aktivitäten deiner Analysten
lädt…
Neues Thema oder Eilmeldung einreichen

Reiche interessante Links, Zero-Days oder Debatten ein. Die Community entscheidet per Upvote über die Veröffentlichung.

Heiß diskutierte Einreichungen
🔖 Gespeicherte Artikel
📂 Keine gespeicherten Artikel vorhanden.
Zurück Ziehen Vor
Links: vorheriger Artikel Rechts: nächster Artikel unten: schließen
News NIS-2 Frühwarnung Tier-1 Intel ⏱️ 3 Min vor 10 Min
Artikeldaten werden geladen...

Zurück: vorheriger Vor: nächster
↗ Original-Quelle
Social Reaktionen Deine Reaktion zählt
Einstufung & Relevanz-Poll 0 Stimmen
In sozialen Netzwerken teilen 1-Klick