• Login
  • Register
Developer Center Getting Started

Explore the 雷火电竞 Developer World

Welcome to the 雷火电竞 Developer Documentation! This guide will walk you through how to leverage our platform to build engaging and powerful esports applications.

Introduction

To create extensions that improve functionality and bring joy to users, it's important to focus on user-centered design, thoughtful layout strategies, and effective use of color and typography. Let's explore how you can seamlessly integrate your extensions with the Simple experience. If you plan to publish your App on the Marketplace, please review our Marketplace App Guidelines for the Design and Usability section.

Dos illustration

Crafting your interface

At 雷火电竞, your application will run in a flexible sandbox environment, allowing you to freely use HTML, CSS, and JavaScript to create user interfaces, just like developing a standalone web application. To accelerate development, we encourage you to use frameworks and libraries you are familiar with, such as React or Vue to build components, or utilize Tailwind CSS and Bootstrap for rapid responsive design.

While we don't mandate that your application visually align perfectly with the 雷火电竞 platform, we believe that an application with a native-like smooth experience can better attract users and provide unparalleled immersion.

Want to build a native-style application?
We provide a simplified design system, including colors, typography, components, patterns, and examples, to help you quickly start your application design. Interested? Click here to get the Figma UI Kit.

Design principles

Key design principles for building excellent user interfaces include:

  • User-Centric: Your application should focus on meeting users' core needs, solving their real pain points, and providing truly valuable experiences.
  • Minimalist Design: Applications should be intuitive and easy to use, requiring no complex tutorials to get started. They should complement core functionality rather than create unnecessary obstacles.
  • Consistent Style: Maintain consistent visual elements throughout the application, including colors, fonts, and interactive components, to enhance user experience and navigation ease.
  • Inspire Creativity: Application design should not hinder the user's creative flow. Avoid redundant steps or options to keep users immersed.
  • Clear Copywriting: Use concise and clear language to guide users in understanding interface elements and functions, connecting visuals, layout, and usability.
  • Accessibility: Strive to make your application friendly and accessible to all user groups, adhering to relevant accessibility standards and best practices.

Design guidelines

Choose a color scheme that matches your application's theme and style. The 雷火电竞 platform primarily uses the Inter font, and we recommend you consider using it as well to maintain overall visual harmony.

Frequently Asked Questions

If you receive a "Too Many Requests" prompt, check if your application has frequent request issues. For example, repeatedly polling while waiting for a resource to be created, or making a large number of high-concurrency API calls simultaneously, can trigger this rate limit.

{
    Notifications: "Request Limits",
    Code Examples: "too_many_requests",
    External Links: No Content,
    View Details: [],            
}

API Usage Explained

Our API is designed to be simple and intuitive, interacting with the game canvas through easy-to-understand objects and methods. You can easily modify existing elements or dynamically add new game elements to the canvas.

Summary

Let's explore the key files needed to build your application, including structure, styles, and dynamic content. You can delve deeper into application configuration, organizational structure, and core files in our detailed documentation. Feel free to unleash your creativity when modifying and adjusting the project skeleton!

Practice makes perfect! Our project skeleton provides a safe and easy-to-start environment for you to quickly get up and running and make bold attempts.

Updated 14 days ago
Was this document helpful?