generative ai text and image synthesis principles and practice hw 5
A vibe-coded web demo — play it in your browser, no install. Vibe Coding 產生出來的網頁. 製作一個以繁體中文介紹 QWER 的互動網站，讓原本不認識她們的人，能透過成員資料、完整歌曲庫與音樂播放認識團體。網站也提供歌曲收藏與編輯工具，方便訪客保存喜好，並讓製作者日後自行收錄新歌。 採用青春樂團風，以明亮淺色背景、成員照片、彩色標籤及樂器元素呈現，搭配適量的切換動畫。網站須適應電腦與手機畫面，文字清楚、按鈕容易點擊。 介紹 Chodan、Magenta、Hina、Siyeon 四位成員。每位成員包含藝名、照片、生日、星座、樂團定位、代表字母、代表色、代表動物與簡短介紹。 訪客可點擊 Q／W／E／R…
Vote and save it — free account with email or sign in with GitHub
Made this, @Eugene-xyz? See how many people played it → or use email
📅 Three new games every day, no account needed · Play today’s three →
GitHub may ask you to sign in, then to let VibeCruiser “Verify your GitHub identity” and “Act on your behalf”. We only read your profile and email, and never post anything.
No account needed to save ♥ or react 🔥: they’re under the game. Or vote with email.
Open the live demo Source on GitHubFrom the README
製作一個以繁體中文介紹 QWER 的互動網站，讓原本不認識她們的人，能透過成員資料、完整歌曲庫與音樂播放認識團體。網站也提供歌曲收藏與編輯工具，方便訪客保存喜好，並讓製作者日後自行收錄新歌。
採用青春樂團風，以明亮淺色背景、成員照片、彩色標籤及樂器元素呈現，搭配適量的切換動畫。網站須適應電腦與手機畫面，文字清楚、按鈕容易點擊。
介紹 Chodan、Magenta、Hina、Siyeon 四位成員。每位成員包含藝名、照片、生日、星座、樂團定位、代表字母、代表色、代表動物與簡短介紹。
訪客可點擊 Q／W／E／R 按鈕切換成員；電腦也支援對應鍵盤按鍵。切換時，照片、資料及卡片裝飾色一起更新，並明確標示目前選取的成員。使用者正在搜尋或填寫表單時，字母快捷鍵不觸發切換。
資料優先查核官方網站及官方社群。星座依生日對應；代表色、動物等資訊若無法找到官方確認，須標示來源與確認情況。
初始歌曲庫收錄截至 2026 年 10 月 14 日，QWER 以團體名義正式發行的所有曲目，包含專輯主打、收錄曲、單曲、合作曲、正式發行的翻唱、其他語言版本、混音版、純演奏版，以及正式曲目表中的 Intro、Outro。
僅在直播或現場演出、尚未正式發行的歌曲不列入初始清單；成員個人名義發行的作品也不自動納入。
Built something like this? Submit your vibe — free account, takes a minute. How listing works.
More like this
kage
An interactive five-chapter night walk through a Kyoto mountain temple, rendered live in Three.js.
one html page challenge
Can you create something cool without modern tools?
generativeart
Generative Art in Go. generativeart is a Go package to generate many kinds of generative art. The goal is to collect some excellent generative art…
- complete shelf An original single-file Three.js library of seven interactive clothbound hardcovers.
- sylva An interactive Three.js landscape study with a procedural, pointer-responsive moss world.
invaders
A 1980s-arcade-style game written using HTML5, Canvas, and Web Audio
Made this?
Claim it: create a free account, then press CLAIM THIS in the cruiser. Put the badge below in your README or on your demo page first; that link is how we know it's yours.
Your project is on the cruise, loaded live from your own site. Put the badge in your README or on the demo page: it shows your live play count, it links back to this page, and everyone who lands here is one click from running the real thing.
