Scoring System

Understand how points are calculated, tracked, and persisted in Crafter LoL to maximize your score and compete for the highest records.

Point Values

Crafter LoL uses a simple but effective scoring system:

Correct Answer

+100 PointsEarned for each correct component selection

Incorrect Answer

-50 PointsDeducted for wrong selections (never goes below 0)

Configuration

Point values are configured in the frontend:

// From theme.js:15-18
export const GAME_CONFIG = {
  timePerQuestion: 15,
  pointsPerCorrect: 100,
  pointsPerIncorrect: 50,
  // ...
};

The backend also calculates dynamic scores based on recipe complexity (GameService.java:259-271), but the frontend currently uses fixed values.

Score Updates

Scores are updated immediately after answer validation:

Correct Answer Flow

// From App.jsx:104-112
if (result.isCorrect) {
  const newScore = score + GAME_CONFIG.pointsPerCorrect;
  setScore(newScore);
  storageService.setScore(newScore);
  storageService.incrementStreak();

  if (newScore > bestScore) setBestScore(newScore);

  setFeedback({ isCorrect: true, points: GAME_CONFIG.pointsPerCorrect });
}

What Happens:

Add 100 points to current score
Save new score to localStorage
Increment streak counter
Check if new best score (auto-update if yes)
Show success feedback
Auto-load next question after 2 seconds

Incorrect Answer Flow

// From App.jsx:114-123
else {
  const newScore = Math.max(0, score - GAME_CONFIG.pointsPerIncorrect);
  setScore(newScore);
  storageService.setScore(newScore);
  storageService.resetStreak();
  setFeedback({
    isCorrect: false,
    points: GAME_CONFIG.pointsPerIncorrect,
    correctItems: result.correctComponents || gameData.correctComponents,
  });
}

What Happens:

Deduct 50 points (but never go below 0)
Save new score to localStorage
Reset streak counter to 0
Show error feedback with correct answer
Wait for player to click to continue

Your score can never be negative. Math.max(0, score - 50) ensures the minimum score is always 0.

Timeout Penalty

Running out of time is treated as an incorrect answer:

// From App.jsx:68-75
const handleTimeout = useCallback(() => {
  setFeedback({
    isCorrect: false,
    message: 'Tiempo Agotado',
    correctItems: gameData?.correctComponents || [],
  });
  storageService.resetStreak();
}, [gameData]);

Timeouts don’t deduct points directly, but they reset your streak and show you the correct answer as a learning opportunity.

Score Persistence

Scores are persisted using browser localStorage:

Initialization

// From App.jsx:17-18
const [score, setScore] = useState(storageService.getScore());
const [bestScore, setBestScore] = useState(storageService.getBestScore());

When the game loads:

Current score is retrieved from localStorage
Best score is retrieved from localStorage
If no saved scores exist, both default to 0

Storage Service

The storageService handles all localStorage operations:

// Typical storage service implementation
const storageService = {
  getScore() {
    return parseInt(localStorage.getItem('currentScore') || '0');
  },
  setScore(score) {
    localStorage.setItem('currentScore', score.toString());
  },
  getBestScore() {
    return parseInt(localStorage.getItem('bestScore') || '0');
  },
  incrementStreak() {
    const streak = this.getStreak() + 1;
    localStorage.setItem('streak', streak.toString());
  },
  resetStreak() {
    localStorage.setItem('streak', '0');
  },
  getStreak() {
    return parseInt(localStorage.getItem('streak') || '0');
  }
};

Current Score
Best Score
Streak

localStorage key: currentScore

Updated after every question
Persists across browser sessions
Can be manually reset by clearing localStorage

// Reset current score
localStorage.removeItem('currentScore');

localStorage key: bestScore

Only updates when current score exceeds it
Represents your all-time high
Survives game restarts

// From App.jsx:110
if (newScore > bestScore) setBestScore(newScore);

localStorage key: streak

Counts consecutive correct answers
Resets on any incorrect answer or timeout
Currently tracked but not displayed

// Increment on success
storageService.incrementStreak();

// Reset on failure
storageService.resetStreak();

Scores are stored per browser. Using a different browser or incognito mode will start fresh.

Score Display

Scores are displayed in the game header:

// From App.jsx:156
<GameHeader timeLeft={timeLeft} score={score} bestScore={bestScore} />

The header typically shows:

Current Score: Your score in the current session
Best Score: Your all-time highest score
Timer: Countdown for current question

Watching your best score provides motivation to keep improving and try different strategies!

Backend Score Calculation

While the frontend uses fixed values, the backend implements a more sophisticated scoring system:

// From GameService.java:259-271
private int calculateScore(int componentCount) {
    // Base points per component
    int baseScore = componentCount * 50;

    // Bonus for complexity
    if (componentCount >= 3) {
        baseScore += 100;  // Complex recipe bonus
    } else if (componentCount == 2) {
        baseScore += 50;   // Standard recipe bonus
    }

    return baseScore;
}

Backend Scoring Logic:

2 components: (2 × 50) + 50 = 150 points
3 components: (3 × 50) + 100 = 250 points
4 components: (4 × 50) + 100 = 300 points

This backend calculation is not currently used by the frontend, but could be integrated to reward more complex recipes with higher scores.

Score Optimization Strategies

Maximize Points

Accuracy Over Speed

Strategy: Take your time to ensure correct answers

+100 for correct is worth more than rushing
Remember: timer pauses when slots are filled
Use the pause to review your selections
-50 penalty hurts more than you think

Math:

3 correct answers = +300 points
2 correct + 1 wrong = +200 - 50 = +150 points
That’s a 150 point difference!

Build Streaks

Strategy: Consecutive correct answers build streaksWhile streaks don’t currently affect points, maintaining streaks:

Builds confidence and momentum
Helps you maintain focus
May be used for achievements in future versions

// Streak tracking
storageService.incrementStreak();  // On success
storageService.resetStreak();      // On failure

Avoid Timeouts

Strategy: Always submit an answer before time runs out

Timeout = 0 points + streak reset
Wrong answer = -50 points + streak reset
At least with a guess, you have a chance to be right!

If you’re unsure with 5 seconds left, make your best guess and submit!

Learn Common Recipes

Strategy: Focus on memorizing frequently used componentsCommon components appear in many recipes:

B.F. Sword (many AD items)
Needlessly Large Rod (many AP items)
Chain Vest (many armor items)
Cloth Armor (basic armor component)
Long Sword (basic AD component)

Knowing these will improve your accuracy significantly.

Score Milestones

Beginner: 500 Points

5 correct answers (with no mistakes)At this level, you’re learning the game mechanics and starting to recognize common items.

Intermediate: 1,500 Points

15 correct answers (with minimal mistakes)You’re familiar with most common recipes and can maintain good accuracy.

Advanced: 5,000 Points

50+ correct answers (with high accuracy)You know the item system well and rarely make mistakes.

Expert: 10,000+ Points

100+ correct answers (with excellent accuracy)You’re a true LoL item expert and can handle Hard difficulty consistently.

Score Reset

If you want to start fresh:

// Reset current score only
localStorage.removeItem('currentScore');

// Reset best score only
localStorage.removeItem('bestScore');

// Reset everything (including streak)
localStorage.clear();

// Then refresh the page
window.location.reload();

Clearing localStorage will also reset any other data stored by the application. Make sure you want to lose all progress!

Future Enhancements

Potential scoring system improvements:

Dynamic Backend Scores

Use the backend’s complexity-based scoring:

More points for items with more components
Bonus points for rare/difficult recipes
Difficulty multipliers

Time Bonuses

Reward fast answers:

+10 points per second remaining
Speed bonuses for streaks
Time attack mode

Combo System

Reward consecutive correct answers:

2x multiplier at 5 streak
3x multiplier at 10 streak
5x multiplier at 20 streak

Leaderboards

Compete with others:

Global high scores
Daily/weekly challenges
Achievement system

Summary

Quick Reference
Storage
Pro Tips

Event	Points	Effect
Correct answer	+100	Streak +1
Wrong answer	-50	Streak reset
Timeout	0	Streak reset
New best score	0	Update best score
Minimum score	0	Never negative

Key	Purpose	Updates
`currentScore`	Active session score	Every question
`bestScore`	All-time high	When exceeded
`streak`	Consecutive correct	Every question

Game Mechanics

Understand how the game validates answers

How to Play

Learn the basic gameplay and controls

Get Started

Game Guide

Scoring System

Scoring System

Point Values

Correct Answer

Incorrect Answer

Configuration

Score Updates

Correct Answer Flow

Incorrect Answer Flow

Timeout Penalty

Score Persistence

Initialization

Storage Service

Score Display

Backend Score Calculation

Score Optimization Strategies

Maximize Points

Score Milestones

Score Reset

Future Enhancements

Dynamic Backend Scores

Time Bonuses

Combo System

Leaderboards

Summary

Game Mechanics

How to Play

Build docs developers (and LLMs) love

Get Started

Game Guide

​Scoring System

​Point Values

Correct Answer

Incorrect Answer

​Configuration

​Score Updates

​Correct Answer Flow

​Incorrect Answer Flow

​Timeout Penalty

​Score Persistence

​Initialization

​Storage Service

​Score Display

​Backend Score Calculation

​Score Optimization Strategies

​Maximize Points

​Score Milestones

​Score Reset

​Future Enhancements

Dynamic Backend Scores

Time Bonuses

Combo System

Leaderboards

​Summary

​Related Topics

Game Mechanics

How to Play

Build docs developers (and LLMs) love

Scoring System

Point Values

Configuration

Score Updates

Correct Answer Flow

Incorrect Answer Flow

Timeout Penalty

Score Persistence

Initialization

Storage Service

Score Display

Backend Score Calculation

Score Optimization Strategies

Maximize Points

Score Milestones

Score Reset

Future Enhancements

Summary

Related Topics