PUZZLE GAME USING CANVAS / JS / JQUERY / HTML

€8-30 EUR

Completed

Posted

over 7 years ago

€8-30 EUR

Paid on delivery

I need a puzzle game (where I can drag and drop pieces) with rectangular pieces using CANVAS element with the described technologies : JS, JQuery, HTML, CSS. *CANVAS IS MANDATORY *NEED COMMENT TO HELP ME EASILY UNDERSTAND THE CODE It needs to do: [login to view URL] image with drag & drop ( drag from pc to canvas ) 2.A button to load a image from PC [login to view URL] the image into rectangular pieces. [login to view URL] posibility of moving each piece. [login to view URL] of corectly allocation at piece level and whole image level. [login to view URL] for operations. 7.A button which will automatically resolve the puzzle ( every piece will move using an animation in the final position) [login to view URL] for as many code(function) to help me understand the code. Example: [login to view URL]

Project ID: 12745582

About the project

3 proposals

Remote project

Active 7 yrs ago

Looking to make some money?

Email address

Benefits of bidding on Freelancer

Set your budget and timeframe

Get paid for your work

Outline your proposal

It's free to sign up and bid on jobs

Awarded to:

@dioralop

Hi there, I've got plenty of experience with JavaScript, HTML5, CSS/SASS especially in a highly animated, font- end, canvas oriented scenario. I'd be happy to help you with this. My approach would be to use a HTML5 Canvas object as required by you alongside a front-end JavaScript framework like Vue which helps with managing and representing data within an interface. Your app can be accomplished by dividing the image into the required columns and rows, calculating each sections height and assigning each a position within the canvas. When two pieces are then swapped, the canvas will be redrawn. Check out my profile to see some of my previous work. Thanks

€34 EUR in 1 day