react-image-puzzle-touch

React component to create a puzzle out of an image supporting touch maybe

Usage no npm install needed!

<script type="module">
  import reactImagePuzzleTouch from 'https://cdn.skypack.dev/react-image-puzzle-touch';
</script>

README

React Image Puzzle

Create a simple swap tile puzzle out of an image.

Example

import { render } from 'react-dom';
import Puzzle from 'react-image-puzzle';

render(
  <Puzzle
    image='https://upload.wikimedia.org/wikipedia/en/6/68/John_Coltrane_-_Blue_Train.jpg'
  />,
  document.getElementById('root')
);

Property	Type	Required	Default value	Description
image	string	yes		image url for the puzzle
size	number	no	300	side size of the image
level	number	no	3	number of cells per side
onDone	funciton	no		callback when the puzzle is completed