Я пытаюсь создать игру, в которой вы управляете точкой пальцем, и с верхней части экрана падают блоки, а вы собираете их. Проблема: я вижу падающую коробку и точку на экране, которую я не могудвигая точку, когда я убираю падающий блок, я могу затем переместить точку
Я попытался сделать два игровых движка за один возврат, и я могу видеть только игровой движок, который находится сверху, почти какэкран для точки перекрывает блок, в котором вы его не видите - это может быть из-за таблицы стилей (просто мысль)
Я попытался импортировать класс в для точки, вот когда я могуувидеть оба, но я не могу переместить точку
class GameScreen extends PureComponent {
constructor(){
super();
}
render() {
return (
<Falling/>,
<Testdot/>
);
}
}
const styles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: "#FFF"
}
});
class Testdot extends PureComponent {
constructor(){
super();
}
render() {
return (
<GameEngine
systems={[MoveFinger]} // We can add as many systems as needed
entities={{
1: { position: [165, 450], renderer: <Finger/>} }}>
<StatusBar hidden={true} />
</GameEngine>
);
}
}
class Falling extends React.Component {
constructor(props){
super(props);
this.gameEngine = null;
this.entities = this.setupWorld();
}
setupWorld = () => {
let engine = Matter.Engine.create({ enableSleeping: false });
let world = engine.world;
let box = Matter.Bodies.rectangle(Constants.MAX_WIDTH / 4, Constants.MAX_HEIGHT / 2, 50, 90);
Matter.World.add(world, [box]);
return{
physics: { engine: engine, world: world },
box: { body: box, size: [40,90], color: 'green', renderer: Box }
}
}
render(){
return (
<GameEngine
ref={(ref) => { this.gameEngine = ref; }}
systems={[Physics]}
entities={this.entities} />
);
}
}
Я хочу иметь возможность перемещать точку круга с падающим блоком и кругом на экране, но я не могу переместить точку, когда оба на экране