miaam/src/components/Box.js

Miaam Web Game Framework

import { Bodies } from 'matter-js';
import { Component } from 'miaam-ecs';
import { ComplexObject } from '../types/index.js';

const boxSchema = {
	body: { type: ComplexObject },
};

class Box extends Component {
	constructor({ position: { x, y }, size: { width, height }, mass }) {
		const body = Bodies.rectangle(x, y, width, height, { mass, inertia: 9999 });
		super({ body });
	}

	get position() {
		return this.props.body.position;
	}
}

Box.setSchema(boxSchema);

export default Box;