logologo
Guide
API
This week in Our Team
Examples
Contribute
简体中文
English
Guide
API
This week in Our Team
Examples
Contribute
简体中文
English
logologo

Quick Start

Introduction
Makepad Studio
Makepad Framework
Makepad Framework Architecture
Tutorial: UI Zoo

Widget

Basic
Core Concepts
Rendering Mechanism
Custom Widget

Live DSL

Concepts
Syntax
Inheritance
Type System

Layout System

Basic Concepts
Layout Property Inheritance Relationships
Circular Dependencies in Makepad Live DSL Layout System
Debugging Layout Issues
Best Practice Recommendations
Turtle Draw Layout System

Animation System

Concepts
Building Basic Animation Component
Debugging Animation
Best Practices and Optimization
Complete Animation Example

Shading Language

Shader Basic Concepts
Drawing Basic Shapes
MPSL Shader Basic Syntax
Detailed Shading Techniques
Shader Animation

Appendix

Live DSL Coding Guideline

#Debugging Animation

Some useful debugging techniques when developing animations:

  1. Use log! to output key timestamps and states
  2. Set longer animation durations to observe transition effects
📝 Edit this page on GitHub
Previous PageBuilding Basic Animation Component
Next PageBest Practices and Optimization