Events

window.addEventListener('connect-spirit', () => {
  console.log('Spirit Studio connected');
});

window.addEventListener('disconnect-spirit', () => {
  console.log('Spirit Studio disconnected');
});

spirit.groups.on('add', (group) => {
  console.log(`Group ${group.name} has been added`);
});

spirit.groups.on('remove', (group) => {
  console.log(`Group ${group.name} has been removed`);
});

const group = spirit.groups.get('clock');

group.on('construct', (timeline) => {
  console.log(`Timeline is constructed for group "clock"`, timeline);
  timeline.reverse().repeat(2);
});

group.on('change', () => {
  console.log(`Some value has been changed for group "clock"`);
});

group.on('change:timeScale', () => {
  console.log(`timeScale has been changed to ${group.timeScale}`);
});

group.on('change:name', () => {
  console.log(`Name has been changed to ${group.name}`);
});

group.on('change:duration', () => {
  console.log(`Duration has been changed to ${group.duration}`);
});