How cocos/cocos-engine works
Cocos Engine is the runtime framework integrated with Cocos Creator. A developer uses its TypeScript-facing engine to build a game; at runtime, game state, assets, animation, physics, audio, UI, and rendering produce the interactive experience. The graph preserves the README’s major product capabilities, while sampled source supports only selected internal call and dependency links. Several subsystem paths point to their exact enclosing directories because implementation files for those capabilities were not sampled.
Main entry points: ui-renderer.ts UI renderer · rendering Render pipelines · scene-graph Scene graph · core Core services
Components 22
Runtime foundation
- Scene graph
cocos/scene-graph - Core services
cocos/core - Game director
cocos/game/director.ts
Game content
- Asset manager
cocos/asset/asset-manager - Animation system
cocos/animation - Marionette controller
cocos/animation/marionette/animation-controller.ts - Physics system
cocos/physics - Audio system
cocos/audio - Particle system
cocos/particle - Terrain support
cocos/terrain
Rendering
- UI components
cocos/2d/components - UI renderer
cocos/2d/framework/ui-renderer.ts - Render data
cocos/2d/renderer/render-data.ts - Render pipelines
cocos/rendering - Custom pipeline
cocos/rendering/custom/web-pipeline.ts - Render graph
cocos/rendering/custom/render-graph.ts - Pipeline compiler
cocos/rendering/custom/compiler.ts - Graphics API
cocos/gfx - WebGPU backend
cocos/gfx/webgpu/webgpu-pipeline-state.ts
Platform systems
- Audio platform
cocos/audio/audio-manager.ts - Native runtime
native/cocos
Other components
- Game developer
Connections 20
- Game developer → Scene graph: authors with
README.md - Marionette controller → Scene graph: uses components
cocos/animation/marionette/animation-controller.ts - Marionette controller → Animation system: evaluates graphs
cocos/animation/marionette/animation-controller.ts - Marionette controller → Core services: uses services
cocos/animation/marionette/animation-controller.ts - Asset manager → Core services: uses services
cocos/asset/asset-manager/pipeline.ts - Game director → Scene graph: manages scenes
- UI renderer → Core services: uses types
cocos/2d/framework/ui-renderer.ts - UI renderer → Render data: produces data
cocos/2d/framework/ui-renderer.ts - UI renderer → Render pipelines: submits rendering
- UI components → UI renderer: renders through
cocos/2d/components/ui-mesh-renderer.ts - Custom pipeline → Render graph: builds graph
cocos/rendering/custom/web-pipeline.ts - Custom pipeline → Pipeline compiler: invokes compiler
cocos/rendering/custom/web-pipeline.ts - Render pipelines → Graphics API: uses graphics API
cocos/rendering/pipeline-state-manager.ts - Graphics API → WebGPU backend: provides backend
cocos/gfx/webgpu/webgpu-pipeline-state.ts - Audio system → Core services: uses services
cocos/audio/audio-manager.ts - Audio system → Audio platform: runs through
- Physics system → Scene graph: affects world
cocos/physics/physx/character-controllers/physx-character-controller.ts - Particle system → Render pipelines: renders effects
- Terrain support → Render pipelines: renders terrain
- Native runtime → Graphics API: supports runtime