🎯 基本的な使い方
- クイズ開始:「クイズ開始」ボタンをクリック
- 回答方法:4つの選択肢から1つをクリック
- 自動進行:チェックONで回答後2秒で自動的に次の問題へ
- 手動進行:チェックOFFで「次の問題」ボタンを表示
- エフェクト短縮:チェックONで回答後0.3秒ですぐに次の問題へ
🎭 応援キャラクター機能
📁 画像の配置場所
images/
フォルダに画像ファイルを配置してください
🎨 対応画像形式
PNG, JPG, JPEG, SVG, GIF, WebP
🔍 自動検出キーワード
- 通常時:normal, default, base
- 正解時:happy, correct, smile, joy
- 不正解時:encourage, incorrect, cheer, support, fail
- 優秀時:excellent, perfect, great, best
- 良好時:good, nice, well
📝 ファイル名例
images/encourage.png
→ 不正解時に使用
images/character-happy.jpg
→ 正解時に使用
images/excellent-char.gif
→ 優秀時に使用
🎪 アニメーションパターン
正解時(5種類)
- Jump:上下ジャンプ
- Bounce:複数回バウンド
- Spin:360度回転
- Pulse:拡大縮小+明るさ変化
- Zoom:ズームイン効果
不正解時(2種類)
- Encourage:左右揺れ
- Shake:細かい振動
📐 キャラクター形状
- 楕円:150×100px(横長、デフォルト)
- 円形:120×120px(従来型)
- 角丸:140×110px(四角ベース)
📊 データソース表示
- 🟢 緑色:JavaScriptファイル/JSONファイル読み込み成功
- 🟡 黄色:内蔵データ使用
- 🔴 赤色:エラー発生(クリックで詳細表示)
📈 成績評価
- 90%以上:🏆 優秀(Excellent)
- 70%以上:👍 良好(Good)
- 50%以上:📚 普通(Average)
- 50%未満:💪 要練習(Needs Improvement)
💾 データ管理
- 成績保存:過去10回分の成績を自動保存
- 履歴削除:「履歴をクリア」ボタンですべて削除
- データ保存場所:ブラウザのローカルストレージ