27 comments found.
hello, first, Does this app needs internet to work or download pictures? second, Is there admin panel or data base for uploading new pictures? third , how to update pictues if there isn’t admin panel or database? forth, how json work? fifth, could you increase cuuting parts to more than that?
Hi Kropion, 1. Both, if you use JSON version then no need for Internet otherwise internet but once cache then no need. Only new images once downloaded then no more internet required. 2. No admin panel required. 3. Simply drop images in desired folder. you can also increase categories as per your choice. 4. JSON (Javascript Object Notation) is simply handling the folder and files located in galleries categories. So whatever the folder name and inside files you have to manually open JSON file in text editor and modify it as per your choice. 5. The application automatically calculate all posible row x col combintations and show it in list then you have to choose from any combination. I personally set this logic because if you manually set the row x col combination then the jigsaw shapes sometime looks odd.The standard jigsaw looks best in square dimension.
How can I make it work on touch screen?
It’s allready made for any device. On codecanyon live preview it works on mobile smoothly.
It does not work for touch screen windows computers. It is necessary to have a mouse connected and use it to work.
Hi, This doesn’t support touch functionality? We are trying to run touch screen but it doesn’t work. Any possible solution, This is bit urgent. We are in live event.
Hi,
This is Nikhil, We have just purchased a license.
We have a event day after tomorrow. And i would really need your support in some customisation.
We would like two changes:- 1) Setting page to be hidden/removed 2) Selection of image page should only show some 5-6 images, should not show any category.
I’m running the latest version of chrome on windows 10. I extracted the files went to the folder jason version and opened index.html. The wood background appears with the heading and nothing else. What is the problem?
seen great demo. may I know some detail before order? 1. which frame work do you use? 2. can I add more images？ 3. I saw php based, does this need a back end server? hosting images 4. since it’s html5 based. could I package it into ios and android app simply. with wich tool?
thank you.
why do you not respond to my support request?
I’m enjoying the script thus far but I’m having an issue getting it to split into more than 8 puzzle pieces when using the code you provided above. What would I need to do to force this to load the butterfly puzzle into say 64 pieces?
//Direct Play Code
screenSplash.visible = false;
gameBox.visible = true;
settings.pic = "assets/galleries/Animals/butterfly.jpg";
var img = new Image();
selectedPic = settings.pic;
img.onload = function (e) {
onImageLoaded(e);
settings.sizeIndex = 8;
createJigsawPuzzle();
}
img.src = selectedPic;
//End of Direct Play Code
Also is it possible to disable it showing what the puzzle looks like when it first loads before it scrambles up the pieces?
there is a method shuffle() in jigsaw.js, you can handle through it.
Hi whitecider, I wrote the script to compute sizes that maintain shapes properly. So there is no such option to manually set 64 pieces.
For your second request the solution is you have to first find the container in which the image appear. Set its visibility to false and once the throw event trigger set its visibility to true.
I need to add google adsense code so ads load. What would you charge for this change?
Hi, great game man!! I have a doubt about the background, how i can remove the image on the background of the game?
I’m changed for only one image in my game, followed for the question of the jennieross and your answer.
Link of the image example: https://postimg.cc/PPY8Cnzf
inside images folder there is an image “wood3.jpg” simply replace this by any other
Hold on my support question.
problem with:to customize it by eliminating the start screen selections and image selections and having it land on the splash screen, load, and then go directly to the puzzle play area FOUND ANSWER:In main.js go to line number 275 and add the belowcodes under loadAssets(); loadAssets is not on line 275 only see “dim”: “0 0 56 68 22 34”
b22953c5-9adb-4db9-8414-55888b6608e3 – 29 Dec 2020 REGULAR LICENSE
Hi Mubashir,
This game is lovely. We bought this game and we are facing an issue. When we use drop inside feature, always we get white space with the created pieces. This happens for the left most and right most pieces.
We understand the aspect ratios are not fitting for the pieces.
Is there a way to avoid the white patch on left and right most pieces.
Please help.
actually, I intentionally add white space to maintain it’s aspect ration. Otherwise the cropped pieces looks odd. can u share me the same image that cause problem. I will check it locally and suggest any solution to fix this. Thanks & Regards, Mubashir
Also mention the container size (w x h) in which you r placing the jigsaw. share me the screen shots as well.
This is the image I was trying with 15 pieces.
I hope this is not related to container size.
Hi TechDyno, I have tested your provided image. The white strip on both side of image is due to fill up the blank space left on both sides. This blank space comes due to maintaining the jigsaw shapes. If I removed the white strips on both sides then there will be 2 cases you have to compromise. In first case the result will have jigsaw shapes all cropped properly i.e. maintaining square shape but the shapes on right and left side have smaller width as compared to the rest. In the second case no white space, all shapes will be of equal size but the size of jigsaw will be in rectangular shape not in square shape which looks very odd. So this is the reason I use that white strip to fill up the blank area on both sides of jigsaw puzzle. As you have seen that this isn’t happened with another combination of sizes or if the image size is something else.
If you don’t want to have this white strips on both side and also all shapes in square then you have to slightly modify the image size manually. For best result set the size of image to 960×540 or something else but maintaining this aspect ratio.
Great, You got all options here. I prefer to change the jigsaw piece dimension. If its not square, its all right. Can you please help me with that. I am trying it so hard and spent a lot of time in doing the same. Please help me this. Thank you
Hi Mubashir, Many Happy new year to you.
Please let me know if resizing the piece shapes to cover the white space is possible to fix. Please help.
Thank you
Hi Mubashir, Any idea on resizing the pieces to avoid white space.
And is there a way I can improve the bevel effect on image pieces.
Hi can I ask whats new in updates ?
Now the update version has two sets of main.zip one is the old one that load the gallery via php and the other one that loads the gallery via json. As some buyers request that they are unable to load the gallery through php. I don’t know why they were facing this issue although I have thoroughly checked and it’s working perfectly in my server. The version are named as “php version” and “json version”
Mubashir,
I am writing again to request your assistance with getting a version of this game without the PHP dependency. Please let me know when we can start this work under my purchased extended license or I will request a refund of the game, as it doesn’t work on our system at this time. Thank you for your time.
-Kingdom Scene Endeavors
Dear Kingdomscene, Don’t get bother. I made this game with all possible features and I myself tested this game on several different OS and platforms without any issue or bugs. Although I code this game but time passes and to fulfill your requirement I have to review the whole codes once again. Ok let me check, give me a day to convert it. I am doing this only for you and not updating my existing version. You have to provide me your email address so that I will send you the custom version. One more thing, in return you have to give me vote. As I need 3 more vote required for “Item Ratings”.
In custom version there will be no php and no gallery. So you have to only provide url of image to start game. No start menu for customizations. I will add comments in script file from where you have to set cutomization. Are you agreed by this. If yes then reply me so that I will modify the code according to your needs.
I recode jigsaw puzzle and now it’s up to your requirement. I remove the last feature in setup page i.e. image source gallery or drop inside. you have to simply pass the file in getImageMetadata(file). The rotate image screen, select size screen are still in game. I have also sharing the link to get an experience of the customize modification as required by you. The link for demo is http://www.artistricks.com/preview/jigsaw2/
I upload the obfuscated version. I don’t have your email address. If you give me then I will send you the un-obfuscated code. Please let me know whether you have seen the updated game. Because I don’t want to keep it publically.
Answer me ASAP, otherwise I will remove the demo from my website
Hi Mubashir, we were hoping to still have a choice between several pictures without the dependence on PHP. Basically, having the “select category” screen, “select picture” screen, and “select size” screen built solely in javascript. If this is possible, we will absolutely give you a vote! Thanks for your time!
Hi Kingomscene, for this I have to make a json file of two levels. and through this you can achieve your goal. Using jquery I will load the json and then populate the category screen.
All Done!, send me your email address. I made a json that maps the existing galleries folder. For your own categories and its contents you have to create your own folders as you wish and put as many files as you like. On other hand you have to manually edit the gallery.json.
Wonderful news! Please email at kingdomscene@gmail.com, and we will take a look.
Hi Kindomscene, kindly check your email. I have send you jigsaw3.zip. Remember to vote me to rise my rating . Thanks again
Mubashir, are you sure you sent it to the right email? I noticed you spell our name without the g in the middle: kinGdomscene. We have not yet received this email from you, would you please resend? Please also send to john@kingdomscene.com. Thank you!
No, I send it to kingdomscene@gamil.com. Check it again. I resend it on both email addresses. And please let me know whether you receive it or not. I am waiting for your response. and don’t forget to vote me Thanks!
Would you please spell check the emails? kingdomscene@gmail.com and john@kingdomscene.com. I noticed you also said gamil.com instead of gmail.com, so please make sure that email is correct. Thank you!
Yes Sir, I thoroughly checked the spell letter by letter K I N G D O M S C E N E @ G M A I L . C O M J O H N @ K I N G D O M S C E N E . C O M Sir I use MS Outlook to send email. I CC myself too and received the copy of the same email twice.
Don’t worry, I updated the jigsaw main.zip on codecanyon. Now it has both versions PHP & JSON. But it still showing “Queued for Review”. Once it’s reviewed and updated I will let you know to download from codecanyon. For the time being, check your gmail and kingdomscene after a while.
Ok, I appreciate this very much. Thank you Mubashir, I will continue to check my emails! Please let me know once the download of main.zip is ready. Thanks!
Hi Kingdom Scene,
Any progress in getting email of updated jigsaw from my end.
As you too are in Envato Market, I have a question, is there a way to invoke the reviewer to update or review new item because 2 days have been passed but no action taken against my update and review.
Hi Mubashir, We have not received your emails yet, which is troubling. I will see if I can request the reviewer to speed up the process. Thanks!
Mubashir, great news! Your updated files were just approved in Envato Market, and the json version of your game works in our systems! Thank you for your amazing work on this, I’m sure many people will be happy with the extra version you made. Great job!
Hi Kingdomscene!
Vote Me Please
Nice Work,Congratulations!!!
Hi Mubashir,
We have just purchased this game and are experiencing difficulties with getting it to run on our setup. It appears that the php file for the categories is generating a 405 “method not allowed” error, which might come from Nginx. Is there a way to make a workaround for this method? If it helps, we won’t need to allow the player to upload their own pictures, just use the ones in your folders. Please let us know a workaround for this problem as soon as possible. Thank you!
-Kingdom Scene
To clarify, we would like a version of the game without a php file and instead using a GET js method to create the menus for choosing the jigsaw puzzle picture. Thanks!
Hello, we’re getting an error resulting from the dir.php file. It is “Failed to load resource: the server responded with a status of 405 (Not Allowed)” directing to the dir.php file. Could you supply any help with this? We are running the game in an iframe like we do for all of our other HTML5 games. Would there be a way to circumvent this problem?
Hello dear,
We bought your puzzle and we need to do minor customization as follows: The workflow of the puzzle we want is much simpler than yours: 1- User opens web link 2- we load 4 random puzzles for him from our server (server will have 28 puzzles) 3- All puzzles will be rectangular, 15 pieces
We tried to work on the code but it keeps giving errors when we load it, please advise what to do
Awaiting your response.
Hi ramizananiri, Actually this game is designed by keeping all possible options while playing games, but if you want to modify then it is possible but you have to extract specific code to fulfill your requirements. Start from createJigsawPuzzle function in jigsaw.js This is the entry point to create a puzzle. But you have to set some variable values before executing this function.
Puchase-Code from codecanyon: 9ea1d3e4-3666-4ed9-bc25-e2653968276b start of the program is ok, only when I click on the “done” button does the program hang. Following is the console log with the error messages: Uncaught TypeError:Cannot read property ‘split’ of undefined draw.js183 at getShapes (draw.js:183) at createPiece (jigsaw.js:201) at createJigsawPuzzle (jigsaw.js:184) at listActions (main.js:579) at HTMLLIElement.onclick ((index):1) What is to do? Please solve the problem. thanks
Bernhard-gaul sorry after “select size” and select a size the Programm get error
Hi bernhard-gaul, Do you know javascript? You have to first figure out whether variable shp has some values or not. You have to back track from shp to track from where the value are missing.
this is the installation link: https://www.bernhard-gaul.de/spiele/bilderpuzzle/main/ (also above shown). Can you do this and tell me, what is do do?