Vibe Coding

alphabet.html

幼兒學習英文字母：搭配單字，發聲與顯示圖片

jp_alphabet.html

幼兒學習日文字母：搭配單字，發聲與顯示圖片

alchemy.html

國中化學小小煉金術師實驗室：用web3D動畫顯示分子結構

realtime_asr.html

即時語音轉文字：採用webkit語音辨識，支援Tailwind風格及響應式設計

mic

heartbeat.html

感測心跳：用webcam偵測人臉，以rPPG演算法計算BPM及波形

camera

object_detect.html

物件偵測：使用webcam執行tensorflow.js

camera

image_poem.html

影像作詩：用Gemini辨識照片並作詩

camera gemini

visual_assistant.html

視覺助理：用鏡頭擷取、詢問、朗讀，支援Gemini API

camera gemini

voice_assistant.html

語音助理：以語音詢問、顯示回覆並朗讀結果，支援Gemini API

mic gemini

polePID_sim.html

單軸橫桿平衡PID模擬：Chart.js顯示響應曲線

cmos_op.html

CMOS運算放大器模擬工具

galaxian

經典太空射擊遊戲