Tampilkan postingan dengan label canvas. Tampilkan semua postingan
Tampilkan postingan dengan label canvas. Tampilkan semua postingan

Kamis, 05 Desember 2013

Breakout - HTML5 (Games)

The game features multiple levels, each with unique music, with scores and lives, as well as different block types.




Features :




-Canvas




- No Libraries were used and all of the code and images are my own.




- No Gaming/Physics Libraries/Frameworks used. All Custom Code and
Custom Physics.




- Links that I found useful during the creation of this game (in the “about” categories)

Canvas Snake (Games)

What is it?


Snake is the game in which you should eat food and grow.
There are a two types of food in game: common (flowers) and uncommon (mices,
centipedes, fish). Uncommon food sometimes appears, and you should to eat it in the allotted time.
Game in a classic pixel style like snake 97, but with cute coloured graphic.
Good luck and have fun.

Features



  • Graphics with canvas

  • Customizable level

  • Customizable scale

  • Control with WASD or

  • Pause and resume game (with backspace or button)

  • Stopwatch, score counter and special food timer

  • Script is easy to install and use

  • Documentation

Canvas Knight's Tour (Games)

What is it?


Knight’s Tour is a chess puzzle in which the task is to move a knight across the chess board by standard knight moves. The only restriction is that the knight cannot visit the same square twice. The puzzle is said to be completed if the knight visited all squares on the board.

The classic Knight’s Tour problem can be extended to any board size (larger than 4). In this game you can test all different board size.

Features



  • Graphics with canvas

  • Customizable size of board (unlimited)

  • Customizable size of squares

  • Undo and redo functions for all last moves

  • Stopwatch and counter of moves

  • Script is easy to install and use

  • Documentation


Coming soon



  • Leaderboard

  • The algorithm to solve the knight’s tour problem

Christmas Card Elegant (Canvas)




Some clients are very special and need a more elegant Christmas card. Was thinking about this audience that this card was made. Elegant, posh, modern and very beautiful.




You can see the animation on the tablet and phone, because the card was made with html5. Fully touuch! The arts are included, are 3 color cards and even has a help file.





















Want a bigger text? Problem with music? The card does not open? Check out the frequently asked questions.









Thanks for visiting! If you have any questions, or just want to say hi, leave your comment.




Don’t forget to rate




I very much hope you enjoy =)
















Canvas Multi-Grid construction (Canvas)

Multi-Grid

Is a tool that uses the HTML5 Canvas power to create 5 different types of grid line patterns.

Features include:

  • 5 different types of grid patterns (blocks, diamonds, hexagons, circles, diagonal lines (left,right)
  • Build-in responsive functionality
  • No dependencies – pure Javascript
  • HTML5 Canvas means performance
  • Plethora of options include, line-color, size, background-color, alpha, offset to create different types of grids
  • Easy to customize, simple API

How to use?

Multi-Grid is perfect for blueprint applications and dashboards, wireframe tools or screens and/or design templates.

Sample:

Cream Soda - Responsive HTML5 Snow Shower (Canvas)


Cream Soda Snow Shower (v1.1) is an ultra light, responsive, plug and play component that you can drop straight into your website.




’...one of the best snow falls I’ve seen…’ – Kuzz




Cream Soda’s super realistic Snow Shower is a plug and play HTML5 canvas component providing out of the bundles of snowy joy!




Compatible with all recent browsers, the Snow Shower animation provides a realistic snowy touch to any website without disturbing the underlying content.




Seasons Greetings from Cream Soda!






Key Features


We are adding to the Snow Shower all the time, so if there’s a feature you need that isn’t available, drop us an email and we’ll try to include it in our next release.


  • Responsive

  • Cross Browser Compatible

  • Light & Ultra Customisable

  • Minimal coding required

  • Customise snow size

  • Customise particle generation levels

  • Customise wind effect

  • Set custom colours



Simply include the JS/CSS and you’re good to go.

Christmas Card with Sleigh (Canvas)




This year Christmas will be magical as a music box! Show your customers how you cherish with this elegant Christmas card. Effects are many, many animations with a beautiful and pleasant music. And you still control the sleigh of Santa Claus!




You can see the animation on the tablet and phone, because the card was made with html5. Fully touuch! The arts are included, and even has a help file.





















Want a bigger text? Problem with music? The card does not open? Check out the frequently asked questions.









Thanks for visiting! If you have any questions, or just want to say hi, leave your comment.




Don’t forget to rate




I very much hope you enjoy =)
















Christmas Card with Many Effects (Canvas)




Show your customers how you value for them with this beautiful and elegant Christmas card. There are several animations, including parallax! You can modify all text, and leave the card with your identity. All the pleasant sound of beautiful music.




You can see the animation on the tablet and phone, because the card was made with html5. Fully touch! The arts are included, are 2-color cards and even has a help file.




















Want a bigger text? Problem with music? The card does not open? Check out the frequently asked questions.






11/07/2013 Dear friends, before there was a bug in iPhone. The file was updated, and the bug was resolved.


11/06/2013 New option that makes it easy to change colors.


11/05/2013 New preloader, more beautifull!








Thanks for visiting! If you have any questions, or just want to say hi, leave your comment.




Don’t forget to rate




I very much hope you enjoy =)
















QuickPres - Item Preview Image Editor (Canvas)

Ever got tired of having to create envato preview images? QuickPres solves this problem by providing an intuitive, easy-to-use preview image editor, which comes with pre-made exclusive templates!

          




Features








Requirements


This script is optimized for Chrome, thus you must have Google Chrome installed on your computer

Changelog


8 September 2013—initial release