-
Notifications
You must be signed in to change notification settings - Fork 0
Home
Welcome to the Kube wiki, an interactive typing game designed to enhance your typing skills in a fun and effective way. This wiki will guide you through the different facets of the game, providing a comprehensive view of its functionality, features, and how to contribute.
Kube is a dynamic web game that challenges users to type random texts as quickly and accurately as possible. The game is intended for all audiences, from beginners in typing to advanced users looking to improve their typing speed.
The main goal of Kube is to provide a playful and interactive platform to enhance typing skills. It offers a stimulating environment to test and develop typing speed and accuracy.
- HTML5: For the webpage's structure.
- CSS3: For design and responsive layout.
- JavaScript: For game logic and event management.
- Bootstrap Icons: For integrating icons.
- Three.js: To add interactive 3D elements.
Kube is a web-based game and does not require traditional installation. To access it, follow these steps:
- Open your favorite web browser.
- Visit the URL where Kube is hosted.
- The game automatically loads and is ready to be played.
Kube's user interface is intuitive and easy to navigate. It includes:
- Text Area: Where phrases to type are displayed.
- Statistics: Display of time, speed (WPM), and accuracy.
Kube offers several game modes to diversify user experience:
- Standard Mode: Play with predefined texts.
- Custom Mode: Allows users to import their own texts.
Users can import text in two ways:
- File Import: Load a text file.
- Text Area: Copy-paste or type text directly.
The HTML structure of Kube is designed to be simple yet functional.
Kube's CSS employs modern styles for a pleasant and responsive user experience.
The game's logic is managed by JavaScript, including typing event handling, statistic calculations, and DOM manipulation.
This function resets and prepares the game for a new session, selecting a random text, resetting user statistics, and setting up the display.
function initializeGame() { }
Triggered when the user starts typing. This function starts the timer and activates the tracking of statistics.
function startGame() {
}
This function is called with each keyboard stroke. It compares the user's input with the expected text and updates the display to reflect errors or successes.
function evaluateInput(event) {
}
This function calculates and updates statistics in real time, such as elapsed time, typing speed (WPM), and accuracy.
function updateStats() {
}
Allows users to import their own text, either through a file or a text area.
fileInputElement.addEventListener("change", function (event) {
});
Updates the cursor position in the text area based on the user's progress through the text.
function updateCursorPosition() {
}