JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://examples.phaser.io/_site/js/phaser.js"></script>
JavaScript
var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { preload: preload, create: create });
function preload() {
game.load.image('backdrop', 'http://fc04.deviantart.net/images/i/2003/39/d/c/Dirt___Ground_Cracks.jpg');
}
function create() {
game.world.setBounds(0, 0, 1920, 1200);
game.add.sprite(0, 0, 'backdrop');
var canvas = window.document.getElementsByTagName('canvas')[0];
var prevX = 0, prevY = 0;
canvas.addEventListener('touchstart',function(e){
prevX = e.changedTouches[0].pageX;
prevY = e.changedTouches[0].pageY;
});
canvas.addEventListener('touchmove',function(e){
e.preventDefault();
game.camera.x+= prevX - e.changedTouches[0].pageX;
prevX = e.changedTouches[0].pageX;
game.camera.y+= prevY - e.changedTouches[0].pageY;
prevY = e.changedTouches[0].pageY;
});
}