A developer chooses how a new screen appears. The choice depends on the game type. A slide-up sheet is good for quick questions. A centered sheet is good for teaching new ideas.
By Pawan Nayar · from the LLOS AI Learning record
A developer chooses how a new screen appears.
The choice depends on the game type. A slide-up sheet is good for quick questions. A centered sheet is good for teaching new ideas.
There are two main ways for a new screen to appear. One way is a slide-up sheet. This sheet comes from the bottom of the screen. It does not move other content. This is good for games with multiple-choice questions. The second way is a centered floating sheet. This sheet appears in the middle of the screen. It fades in and grows in size. This is good for pages that teach new concepts.
A developer creates a game with quick quizzes. The developer uses a slide-up sheet for the quiz questions. This makes the questions appear fast without moving the game board. Later, the developer adds a lesson page. The developer uses a centered floating sheet for this lesson. This makes the lesson appear smoothly and clearly.
Resolved from this lesson's own record — real definitions, not invented for this page.
More from the same record, pulled by shared topic — not written new for this page.
A new design must use the exact layout proportions of a proven design. The proven design has been refined over many hours.
A developer must give the AI model clear rules for page layout. The AI model must use CSS properties like `flex-1`, `min-h-0`, and `overflow-y-auto`.
Every sentence in the interface must be direct. Do not start sentences with 'This', 'It', or 'There'.
A developer should provide example SVG code to the AI model. This helps the AI model understand the exact visual style.
A developer chooses how a new screen appears. The choice depends on the game type. A slide-up sheet is good for quick questions. A centered sheet is good for teaching new ideas.