StillHammer
e50dd624a0
🎮 NEW GAMES: - River Run: Endless runner with word collection and guaranteed target spawning - Grammar Discovery: Focused grammar learning with 8-step rotation cycles - Letter Discovery: Letter-first alphabet learning with progression system - Enhanced Word Discovery: Shuffled practice mode with image support and auto-TTS 📚 NEW CONTENT MODULES: - WTA1B-1: English letters U,V,T with pets vocabulary and Chinese translation - SBS-1: English "To Be" introduction with comprehensive grammar lessons - French Beginner Story: Story content for English speakers learning French 🔊 TTS ENHANCEMENTS: - Story Reader: Multi-story support with TTS for sentences and individual words - Adventure Reader: Auto-TTS for vocabulary popups and sentence modals - Word Discovery: Immediate TTS playback with difficulty-based speed control - Integrated SettingsManager compatibility across all games 🎯 GAMEPLAY IMPROVEMENTS: - River Run: Target word guaranteed within 10 spawns, progressive spacing - Story Reader: Story selector dropdown with independent progress tracking - Adventure Reader: Fixed HUD overlap issue with proper viewport spacing - Enhanced punctuation preservation in Story Reader word parsing ✨ SYSTEM UPDATES: - Content scanner integration for all new modules - Game loader mappings for seamless content discovery - Simplified content titles: "WTA1B-1" and "SBS-1" for easy identification - Comprehensive test files for isolated game development 🎉 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
159 lines
6.9 KiB
HTML
159 lines
6.9 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Test WTA1B1 Content Module</title>
|
|
<style>
|
|
body { margin: 0; padding: 20px; font-family: Arial, sans-serif; }
|
|
.info { background: #E6F7FF; padding: 15px; border-radius: 8px; margin-bottom: 20px; border-left: 4px solid #1890FF; }
|
|
.test-results { background: #F6FFED; padding: 15px; border-radius: 8px; margin: 20px 0; border-left: 4px solid #52C41A; }
|
|
.error { background: #FFF2F0; padding: 15px; border-radius: 8px; margin: 20px 0; border-left: 4px solid #FF4D4F; }
|
|
.vocab-sample, .grammar-sample { background: #FAFAFA; padding: 10px; border-radius: 5px; margin: 10px 0; font-family: monospace; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<h1>🧪 Test: WTA1B1 Content Module</h1>
|
|
|
|
<div class="info">
|
|
<h3>🎯 Testing WTA1B1 Integration</h3>
|
|
<p><strong>Expected:</strong> English letters U, V, T & pets vocabulary with Chinese translation</p>
|
|
<p><strong>Features:</strong> Grammar lessons, vocabulary, story content, corrections</p>
|
|
</div>
|
|
|
|
<div id="test-results"></div>
|
|
|
|
<script>
|
|
// Load WTA1B1 content
|
|
const script = document.createElement('script');
|
|
script.src = 'js/content/WTA1B1.js';
|
|
script.onload = function() {
|
|
runTests();
|
|
};
|
|
script.onerror = function() {
|
|
showError('Failed to load WTA1B1.js');
|
|
};
|
|
document.head.appendChild(script);
|
|
|
|
function runTests() {
|
|
const resultsDiv = document.getElementById('test-results');
|
|
|
|
try {
|
|
// Check if module is loaded
|
|
const content = window.ContentModules?.WTA1B1;
|
|
if (!content) {
|
|
throw new Error('WTA1B1 module not found in window.ContentModules');
|
|
}
|
|
|
|
let results = '<div class="test-results">';
|
|
results += '<h3>✅ WTA1B1 Module Loaded Successfully</h3>';
|
|
|
|
// Basic info
|
|
results += `<p><strong>ID:</strong> ${content.id || 'Not set'}</p>`;
|
|
results += `<p><strong>Name:</strong> ${content.name}</p>`;
|
|
results += `<p><strong>Description:</strong> ${content.description}</p>`;
|
|
results += `<p><strong>Language:</strong> ${content.language} → ${content.userLanguage}</p>`;
|
|
results += `<p><strong>Difficulty:</strong> ${content.difficulty}</p>`;
|
|
|
|
// Test vocabulary
|
|
if (content.vocabulary) {
|
|
const vocabKeys = Object.keys(content.vocabulary);
|
|
results += `<p><strong>Vocabulary:</strong> ${vocabKeys.length} words</p>`;
|
|
|
|
// Sample vocabulary
|
|
const sampleWords = vocabKeys.slice(0, 5);
|
|
results += '<div class="vocab-sample">';
|
|
results += '<strong>Sample vocabulary:</strong><br>';
|
|
sampleWords.forEach(word => {
|
|
const data = content.vocabulary[word];
|
|
results += `${word} → ${data.user_language || data.translation} (${data.pronunciation || 'no pronunciation'})<br>`;
|
|
});
|
|
results += '</div>';
|
|
} else {
|
|
results += '<p><strong>Vocabulary:</strong> ❌ Not found</p>';
|
|
}
|
|
|
|
// Test grammar
|
|
if (content.grammar) {
|
|
const grammarTopics = Object.keys(content.grammar);
|
|
results += `<p><strong>Grammar Topics:</strong> ${grammarTopics.length}</p>`;
|
|
|
|
results += '<div class="grammar-sample">';
|
|
results += '<strong>Grammar topics:</strong><br>';
|
|
grammarTopics.forEach(topic => {
|
|
const grammarData = content.grammar[topic];
|
|
results += `• ${grammarData.title}<br>`;
|
|
});
|
|
results += '</div>';
|
|
} else {
|
|
results += '<p><strong>Grammar:</strong> ❌ Not found</p>';
|
|
}
|
|
|
|
// Test story
|
|
if (content.story && content.story.chapters) {
|
|
const totalChapters = content.story.chapters.length;
|
|
const totalSentences = content.story.chapters.reduce((sum, chapter) =>
|
|
sum + (chapter.sentences ? chapter.sentences.length : 0), 0);
|
|
results += `<p><strong>Story:</strong> ${totalChapters} chapters, ${totalSentences} sentences</p>`;
|
|
} else {
|
|
results += '<p><strong>Story:</strong> ❌ Not found</p>';
|
|
}
|
|
|
|
// Test exercises
|
|
if (content.fillInBlanks) {
|
|
results += `<p><strong>Fill-in-blanks:</strong> ${content.fillInBlanks.length} exercises</p>`;
|
|
}
|
|
|
|
if (content.corrections) {
|
|
results += `<p><strong>Corrections:</strong> ${content.corrections.length} exercises</p>`;
|
|
}
|
|
|
|
// Content compatibility test
|
|
results += '<h4>🎮 Game Compatibility Test</h4>';
|
|
|
|
// Test for River Run
|
|
if (content.vocabulary) {
|
|
results += '✅ River Run: Compatible (has vocabulary)<br>';
|
|
} else {
|
|
results += '❌ River Run: Not compatible (no vocabulary)<br>';
|
|
}
|
|
|
|
// Test for Word Discovery
|
|
if (content.vocabulary) {
|
|
results += '✅ Word Discovery: Compatible (has vocabulary)<br>';
|
|
} else {
|
|
results += '❌ Word Discovery: Not compatible (no vocabulary)<br>';
|
|
}
|
|
|
|
// Test for Grammar Discovery
|
|
if (content.grammar) {
|
|
results += '✅ Grammar Discovery: Compatible (has grammar)<br>';
|
|
} else {
|
|
results += '❌ Grammar Discovery: Not compatible (no grammar)<br>';
|
|
}
|
|
|
|
// Test for Letter Discovery
|
|
if (content.letters) {
|
|
results += '✅ Letter Discovery: Compatible (has letters structure)<br>';
|
|
} else {
|
|
results += '⚠️ Letter Discovery: Partial compatibility (will auto-generate from vocabulary)<br>';
|
|
}
|
|
|
|
results += '</div>';
|
|
resultsDiv.innerHTML = results;
|
|
|
|
console.log('🎯 WTA1B1 Content Analysis:');
|
|
console.log('Full content object:', content);
|
|
|
|
} catch (error) {
|
|
showError('Test failed: ' + error.message);
|
|
console.error('WTA1B1 test error:', error);
|
|
}
|
|
}
|
|
|
|
function showError(message) {
|
|
const resultsDiv = document.getElementById('test-results');
|
|
resultsDiv.innerHTML = `<div class="error"><h3>❌ Error</h3><p>${message}</p></div>`;
|
|
}
|
|
</script>
|
|
</body>
|
|
</html> |