Matter.js меняет цвета

Я работаю с matter.js в небольшом проекте.

Я пытаюсь изменить цвет фона на холсте и добавить пользовательские цвета к объектам.

Кто-нибудь знает учебник или что-то для стиля matter.js

Ответ 1

Свойства body.render.fillStyle, body.render.strokeStyle и body.render.lineWidth.

Вы можете передать их в Body.create(options) или, более вероятно, если вы используете factory, например.

Bodies.rectangle(0, 0, 100, 100, {
    render: {
         fillStyle: 'red',
         strokeStyle: 'blue',
         lineWidth: 3
    }
});

Вы также можете использовать спрайты, см. код

Если вам нужно больше управления рендерингом, лучше клонировать Render.js, настроить его и передать его в движок через Engine.create(element, options) как engine.render.controller.

Ответ 2

Как отметил в комментарии @Martti Laine, следующий код будет работать только:

Bodies.rectangle(0, 0, 100, 100, {
    render: {
         fillStyle: 'red',
         strokeStyle: 'blue',
         lineWidth: 3
    }
});

если для параметра render.options.wireframes установлено значение false.

  var render = Render.create({
    element: document.body,
    engine: engine,
    options: {
      width: window.innerWidth,
      height: window.innerHeight,
      wireframes: false // <-- important
    }
});