humus-old/client/app.js

import {compose} from '@avocado/core';
import {Stage} from '@avocado/graphics';
import {EventEmitter, Property} from '@avocado/mixins';
import {World} from '@avocado/physics/matter/world';
import {Room, RoomView} from '@avocado/topdown';

import {WorldTime} from '../common/world-time';

const decorate = compose(
  EventEmitter,
  Property('isDebugging', {
    track: true,
  }),
  Property('selfEntity', {
    track: true,
  }),
  Property('selfEntityUuid', {
    track: true,
  }),
);

export class App extends decorate(class {}) {

  constructor() {
    super();
    const config = this.readConfig();
    // Physics.
    this.world = config.doPhysicsSimulation ? new World() : undefined;
    // Room.
    this.room = new Room();
    this.room.world = this.world;
    // Graphics stage.
    this.stage = new Stage(config.visibleSize, config.visibleScale);
    // World time.
    this.worldTime = new WorldTime();
    // Room view.
    const roomView = new RoomView(this.room, this.stage.renderer);
    this.stage.addChild(roomView);
    // Listen for new entities.
    this.room.on('entityAdded', this.onRoomEntityAdded, this);
  }

   injectStageIntoDom(node) {
    // Lol, Apple...
    node.addEventListener('touchmove', (event) => {
      event.preventDefault();
    });
    this.stage.addToDom(node);
  }

  onRoomEntityAdded(entity) {
    // Traits that shouldn't be on client.
    const noClientTraits = [
      'behaved',
      'informed',
    ];
    // If there's no physics, then remove physical trait.
    if (!this.room.world) {
      noClientTraits.push('physical');
    }
    // Traits that only make sense for our self entity on the client.
    const selfEntityOnlyTraits = [
      'controllable',
      'followed',
    ];
    const nixedTraits = selfEntityOnlyTraits.concat(noClientTraits);
    for (let i = 0; i < nixedTraits.length; ++i) {
      const type = nixedTraits[i];
      if (entity.is(type)) {
        entity.removeTrait(type);
      }
    }
    // Client only traits.
    const clientOnlyTraits = [
      'staged',
    ];
    for (let i = 0; i < clientOnlyTraits.length; ++i) {
      const type = clientOnlyTraits[i];
      entity.addTrait(type);
    }
    entity.stage = this.stage;
    // Set self entity.
    if (this.selfEntityUuid) {
      if (entity === this.room.findEntity(this.selfEntityUuid)) {
        this.selfEntity = entity;
        this.selfEntityUuid = undefined;
        // Add back our self entity traits.
        for (const type of selfEntityOnlyTraits) {
          entity.addTrait(type);
        }
        const {camera} = entity;
        this.stage.camera = camera;
        // Avoid the initial 'lerp.
        camera.realPosition = camera.position;
      }
    }
  }

  // Stub for now!
  readConfig() {
    return {
      doPhysicsSimulation: true,
      visibleScale: [2, 2],
      visibleSize: [320, 180],
    };
  }

}