Developing a Schulte Table Training Game Using AI Programming

Author: SparkToAI
Published: September 28, 2025

The Original Idea

Recently, I have been experimenting with AI programming to develop a Schulte Table training game. The Schulte Table is a psychological tool used to measure and train attention, visual perception speed, and attention stability. After detailed discussions with Deepseek, the development requirements for the Schulte Table training game were finalized.

---

Schulte Table Training Game Development Requirements

1. Project Overview

• Project Name: Schulte Table Training Game
• Project Goal: Develop an interactive game for training and improving users' attention, visual perception speed, and cognitive speed.
• Target Users: Students, office workers, middle-aged and elderly people requiring cognitive training, children.
• Core Value: Help users quantify and improve their focus through scientific and entertaining gamified training.

2. Functional Requirements

2.1. Training Mode

• Grid Generation:
  • Support grids of different sizes: 3x3, 5x5 (standard), 7x7, 8x8, etc.
  • Numbers must be randomly distributed to ensure each training session presents a new challenge.
• Training Process:
  1. User selects grid size (or difficulty level).
  2. Transition to a full-screen grid interface displaying a "Get Ready" prompt.
  3. After the user clicks "Start," the timer starts.
  4. User clicks the numbers in sequential order (from 1 to N, where N is the total number of cells).
  5. When the user clicks the last number, the timer stops automatically.
• Click Interaction Feedback:
  • Correct Click: The clicked number should provide visual feedback (e.g., turns gray, gets a checkmark, changes color).
  • Incorrect Click: If the wrong number is clicked, provide a prompt (e.g., slight shake, error sound effect, number flashes red). The timer does not stop; the user must find the correct number to continue.
• Result Display:
  • Immediately after training ends, display the completion time (precise to 0.01 seconds).
  • Provide a simple rating comment (e.g., "Excellent!", "Good!", "Keep going!").

2.2. Timing & Records

• Real-time Timer: Clearly display the elapsed time during the training session.
• Score History: Automatically record the score for each session (date, time, grid size, duration).

3. UI Requirements

• Minimalist Style: Allow users to start operating quickly and intuitively.
• Responsive Design: Adapt to various screen sizes.

4. Technical Requirements

Develop using HTML5 and JavaScript.

AI Programming

First, create a new Qoder project, then submit the Schulte Table training game development requirements to Qoder.

Version 1

After waiting about 2 minutes, Qoder completed the first version of the Schulte Table training game:

The first version of the game ran correctly, but some details needed optimization.

Version 2

Submitted the second round of optimizations to Qoder:

Optimizations:
1. Change the small number grids into squares, displayed in a table format.
2. Remove the 'Start Training' button; start training by clicking a number.
3. Change the unit of the time used to seconds.
4. Place the 'Restart' button below the table interface and above the history record.
5. When selecting a difficulty, the game resets automatically, waiting for the user to click a number to start training.

The second version completed by Qoder:

In the second version, the timer was not adjusted to seconds, and the number cells were still independent, not resembling a table. Further optimization was needed.

Version 3

Submitted the third round of optimizations to Qoder:

Optimizations:
1. Optimize the timer, adjust it to display seconds.
2. Move the timer to the top left of the table interface, and the 'Restart' button to the top right of the table interface.
3. Use a table format to display the numbers, e.g., 3x3 means a table with 3 rows and 3 columns.

The third version completed by Qoder:

In the third version, the timer was not adjusted to seconds, the number cells were not adjusted to a table format, and the timer and restart button were blocking the table. Further optimization was needed.

Version 4

Submitted the third version screenshot and the fourth round of optimizations to Qoder:

Optimizations:
1. Adjust the timer unit to seconds, without decimals. Example: Time Used: 10 s
2. The timer and restart button are blocking the table; this needs adjustment.
3. Place all numbers inside one large square. For example, 3x3 means 9 cells inside one large square, each cell containing one number.

The fourth version completed by Qoder:

In the fourth version, the timer was adjusted to seconds, and the number cells were adjusted to be inside a large square. However, the timer and restart button were not on the same line. Further optimization was needed.

Version 5

Submitted the fifth round of optimizations to Qoder:

Optimizations:
1. Place the timer and the restart button on the same line, with the timer aligned left and the restart button aligned right.
2. Initially hide the number table, timer, and restart button, then display the game result.

The fifth version completed by Qoder:

In the fifth version, the timer and restart button were on the same line, with the timer left-aligned and the button right-aligned. But the number table was not displayed. We need the number table to be displayed when the game starts. Further optimization was needed.

Version 6

Submitted the sixth round of optimizations to Qoder:

Optimizations:
1. The number table, timer, and restart button are displayed by default.
2. When displaying the game result, hide the number table, timer, and restart button.
3. When restarting or playing again, show the number table, timer, and restart button.

The sixth version completed by Qoder:

The sixth version perfectly implemented all the requirements for the Schulte Table training game.

Development Summary

After six iterations, the Schulte Table training game development was completed. Looking back on the entire development process, the requirements evolved: for example, the timer precision changed from 0.01 seconds to seconds, the start button was removed, and interface layout adjustments consumed considerable time. However, through persistent effort and with the assistance of AI programming, we successfully implemented a fully functional game. 🎉 💯

Try it online: Schulte Table Training Game