Search the Community

tutorial for using pixi.js to make jigsaw game with webpack. try it online : http://testactivity.goooku.com/ishop-demo/jigsaw/index.html source code : https://github.com/proudcat/pixi-jigsaw

We have recently developed a simplistic puzzle game, Jigsaw Palace using Phaser engine. With the power of Phonegap/Cordova we've put together an Android version, which is available to download on Google Play. https://play.google.com/store/apps/details?id=net.arcticarcade.jigsawpalacefree&hl=en_GB We created a free version which used Revmob advertisements, but also created a paid for version, which comes without the ads. It would be much appreciated if you could help out by downloading the game and giving it a play, and if you like it, maybe leave a rating (we're not expecting 5 stars, just an honest review). Thanks again for your time, and hopefully you will have some fun playing.

Hi folks, I'm very advanced on the development of a pure HTML5 puzzle game. You can find the full working beta version here: https://im-a-puzzle.com I know it is another puzzle game, but what I would like to achieve is a very easy and intuitive game to create and share puzzles from your own photos. I would really appreciate for feedback on the game itself and mostly on possible bugs on different browsers. Hope to hear from your soon, Bruno

I'm cutting up some large images into puzzle pieces, and I'd like to create spritesheets out of them directly from JavasScript (as opposed to cutting them up and saving them as images which are then loaded as a spritesheet). So far I've made a puzzle cutter in regular canvas. I did these operations in canvas instead of pixi because they are pretty easy in canvas. I can then draw all of these puzzle pieces to a new canvas, and via PIXI.RenderTexture I can begin to create a spritesheet. Ideally I'd like to gain access to a syntax like new PIXI.Sprite.fromFrame(puzzleId + '-' + puzzlePieceIndex) but I'm not sure how to achieve this. I also generate some other important images, like a stroked outline of the puzzle piece which I will later use in-game to great a highlight effect. I've been inspecting the objects created when importing a spritesheet via texturepacker. All I've figured out so far is that pixi creates a hash of image names matched to frame data... basically the name of an image as the key, and a rectangle, within the global pixi object. Is there some trick to this? Can I just create the strings and frame data and shove it all in there an expect it to work? E.g. 'nebula-2830' : { x: 500, y: 500, width: 48, height: 48 } (or whatever). How do I then actually wire it to the texture that I created via the render texture? The metadata created by texturepacker seems overly complicated for what I need here. Also, perhaps this doesn't change anything, but I might try for some really giant puzzles.. puzzles whose images are 4096 px squared or bigger -- for these I would cut them into multiple textures as only certain hardware would cope with those dimensions as is. Here are some images of the puzzle cutter's output in regular canvas: http://timetocode.tumblr.com/post/156841273346/javascript-jigsaw-puzzle-wip Thanks!

Hello Everybody am new to phaser framework , i have to say it's a great framework , thanks to your effort guys am trying to do a jigsaw game , when the player loads an image and then the game crop it as requested pieces count Then put it all together I don't know how to start , what to read about , i tried to read about masking but the samples doesn't fit what i want Could you please guys just put me on the first step , i will appreciated a lot Thanks in advance .

Hello everyone, I am very new to phaser. I am trying to make a jigsaw puzzle with it. Firstly I wanted to use "Graphics" to draw a irregular pieces of the puzzle. But it doesn't support "graphics.quadraticCurveTo( )". So I turn to use "bitmapdata" to draw the pieces. The problem is, I can't fill in the irregular shape with image. The image is filled in the whole bitmapdata space, overpasses the shape i drew. Is there any methods that can let me draw an irregular shape and fill it with image? Thanks in advance for any help!