Matter.js의 색이 바뀝니다

Question

작은 프로젝트에서 matter.js로 작업하고 있습니다.

저는 캔버스의 배경색을 변경하고 객체에 맞춤 색상을 추가하려고합니다.

사람은

Matter.js

Answer 1

속성이 body.render.fillStyle, body.render.strokeStyle 및 body.render.lineWidth있는 스타일링 matter.js에 대한 자습서 또는 뭔가를 알고 있나요.

예를 들어 공장 등을 사용하는 경우이 값을 Body.create(options) 이상으로 전달할 수 있습니다.

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

또한 그것은 Render.js 복제를 지정하고 engine.render.controller으로 Engine.create(element, options)를 통해 엔진으로 전달하는 것이 가장 좋습니다, 당신이 더 많은 렌더링 제어가 필요한 경우 the code

를 참조 스프라이트를 사용할 수 있습니다. @Martti Laine의 코멘트에서 언급 한 바와 같이

Answer 2

, 다음 코드는 작동합니다 render.options.wireframes이 false로 설정되어

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

합니다.

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