Galacean Runtime引擎技术解析：从核心架构到开发生态-优快云博客

本文链接：https://blog.youkuaiyun.com/gitblog_00692/article/details/148508332

Galacean Runtime引擎技术解析：从核心架构到开发生态

runtime A typescript interactive engine, support 2D, 3D, animation, physics, built on WebGL and glTF. 项目地址: https://gitcode.com/gh_mirrors/ru/runtime

什么是Galacean Runtime

Galacean Runtime是一个面向Web和移动端的实时交互引擎解决方案，采用TypeScript编写，基于组件化架构设计。它为开发者提供了完整的2D/3D交互应用开发能力，包含以下核心功能模块：

渲染系统：支持高性能的2D/3D图形渲染
物理引擎：提供轻量级和完整版两种物理模拟方案
动画系统：支持骨骼动画、关键帧动画等
交互系统：处理用户输入和交互事件
XR支持：为虚拟现实/增强现实应用提供基础能力

核心架构解析

Galacean Runtime采用分层架构设计，主要分为三个层次：

核心层：包含引擎最基础的架构和核心功能
功能层：提供物理、动画、XR等专业模块
工具层：包含各类辅助工具和业务逻辑扩展

核心包说明

| 包名称 | 功能描述 | 技术特点 | |-------|---------|---------| | @galacean/engine | 引擎核心架构 | 提供实体组件系统(ECS)、资源管理、场景图等基础架构 | | @galacean/engine-physics-lite | 轻量级物理引擎 | 适合移动端的物理模拟方案，性能优化 | | @galacean/engine-physics-physx | 完整物理引擎 | 基于PhysX的完整物理模拟，支持复杂碰撞检测 | | @galacean/engine-shaderlab | Shader编译器 | 提供自定义着色器开发能力 | | @galacean/engine-xr | XR核心模块 | 支持VR/AR应用开发的基础框架 |

开发入门指南

安装与使用

通过npm安装核心包：

npm install --save @galacean/engine

基础使用示例：

import { WebGLEngine, Camera } from "@galacean/engine";

// 创建引擎实例
const engine = new WebGLEngine("canvas-id");

// 创建场景和相机
const scene = engine.sceneManager.activeScene;
const rootEntity = scene.createRootEntity();
const cameraEntity = rootEntity.createChild("camera");
const camera = cameraEntity.addComponent(Camera);

工具包生态

Galacean提供丰富的工具包来扩展引擎功能：

| 工具包 | 功能 | 适用场景 | |-------|------|---------| | @galacean/engine-toolkit-controls | 相机控制器 | 第一人称/第三人称相机控制 | | @galacean/engine-toolkit-framebuffer-picker | 帧缓冲拾取 | 实现精确的3D对象选取 | | @galacean/engine-toolkit-stats | 性能统计面板 | 实时监控渲染性能 |