Endge

Тема

Сцена ​

Сцена как режим приложения: mount, pause, resume, unmount и destroy.

Практическая схема ​

  • Документация: NovaCore.
  • Раздел: Основные понятия.
  • Тема страницы: Сцена.
  • Переключатель TypeScript / DSL находится в панели навигации; вкладка Код в примере показывает файлы выбранного подхода.
Исполняемый примерПереключатель сценMount, pause, resume, unmount и destroy.
import { Nova, NovaNode, type NovaSchema } from '@endge/nova'

// Документационный сценарий: nova-scene-switcher
class ExampleNode extends NovaNode<Record<string, Event>> {
  render(): void {
    const schema: NovaSchema = [
      {
        type: 'rect',
        x: 24,
        y: 24,
        width: this.width - 48,
        height: this.height - 48,
        styles: { background: '#0d2745' },
      },
      {
        type: 'text',
        x: 44,
        y: 44,
        width: this.width - 88,
        height: 32,
        text: 'Переключатель сцен',
        styles: { color: '#e8f5ff' },
      },
    ]

    this.renderer.schema(schema)
    this.setRenderBoundsFromSchema(schema)
  }
}

export function mountExample(canvas: HTMLCanvasElement) {
  const app = Nova.createApp({
    target: canvas,
    size: { width: canvas.clientWidth, height: canvas.clientHeight, maxDpr: 2 },
    scheduler: { loop: false },
  })
  const surface = app.surface({ id: 'scene-switcher' })
  surface.createNode(ExampleNode)

  return () => app.destroy()
}
scene · @endge/nova

NovaScene

Lifecycle container for root nodes: mount, pause, resume, unmount and destroy.

class NovaScene<E extends EventList>
Lifecycle
ПолеТипОписание
mount()voidПереводит scene в mounted, вызывает onMount и монтирует roots.
pause()voidПереводит mounted scene в paused и вызывает pause у roots.
resume()voidВозвращает paused scene в mounted и invalidates app.
unmount()voidУдаляет roots из graph и возвращает state в created.
destroy()voidФинально уничтожает scene. Повторный mount запрещен.
Roots
ПолеТипОписание
addRoot(root)NovaNodeРегистрирует root node, учитывая текущий lifecycle state.
removeRoot(root)voidУдаляет root node и invalidates app.
rootCountnumberКоличество root nodes внутри scene.

Как применять ​

Используйте страницу как короткую рабочую заметку: сначала определите границу ответственности, затем откройте пример и сравните TypeScript-реализацию с DSL-описанием. Runtime-код остается в Nova-слое, а Vue отвечает только за mount, layout shell и cleanup.