These are two iOS Web App clocks.
Both were build using the HTML5 canvas tag and offline caching capabilities. Both are free to download. I hope you enjoy them.
If you own an iOS device you can perform the following steps to add one of the apps to your Home screen:
- Click on the app icon
- Tap the bookmark sign
- Tap “Add to Home screen”
The app icon will be added to your Home screen.
You can also download the source code via GitHub: https://github.com/MRWUT4/canvas-clock
A few simple canvas experiments. Enjoy. Grab the code :).
Here is a quick bugfix for my motion tracking framework DoGesture.
This version eliminates a class name conflict that appeared if you compiled the framework for Flash Player version 10.2+ using the Flash IDE.
In existing projects, change the class name GestureEvent to DoGestureEvent and everything should work as before.
DOWNLOAD – DoGesture v1.03 (180 KB)
Consoles, Smartphones, Tablets. Motion tracking is everywhere. Here is a simple way to utilise camera motion tracking in your Flash Projects.
A quick rundown on how the motion tracking demo works.
1. Take pictures.
Use the Camera and Video Object to get a steady stream of images. Write each image into BitmapData Object 1.
2. Create a time-delayed copy of each picture.
One frame (or TimerEvent) later copy BitmapData Object 1 into a second BitmapData Object (BitmapData Object 2).
3. Compare the two images.
Use BlendMode.DIFFERENCE to merge the two images. The originated image displays the differing parts between image one and two. Copy it into BitmapData Object 3. If you use the BitmapData function “getColorBoundsRect” you can now return a Rectangle Object. Whenever the with or height of this Object is bigger than 0 motion occurred.
In the Demo, a ColorMatrixFilter and a BlurFilter help to get rid of unimportant motion in the image (slight color changes or background motion). You can use a Sprite container with two added Bitmaps to store the first two BitmapData Objects. This gives you the option to apply filters to the container without having to reapply them every frame.
The example can also be used to create a simple spy cam, using Adobe Air to write BitmapData Object 3 to the File System. This application is also included in the download below.
You can download both motion detection demos, including their source files, from the following URL:
download – motion detector demos
I decided to release some of my games as free open source downloads, using the MIT license.
The following URL provides you with three games: “Meteornaut”, “Crash Lines” and “Decypher Me”.
download – meteornaut_decypherme_crashlines.zip
While “Meteornaut” and “Crash Lines” are fairly complete games, “Decypher Me” is more of a proof of concept, with one level and no title screen or menus.
A few words about each game:
Meteornaut is a variant of the classic Asteroids game. It differentiates itself by implementing mouse based controls and a combo system.
To publish the game, use the Flex 4.1 compiler (try FDT, Flash Develop or Flash Builder) using Flash Player 10. The Main Class is: “src/de/davidochmann/games/meteornaut/Meteornaut.as”.
Crash Lines is two player Tron Lightcycle Game. Race against a friend to see who can stay alive the longest.
Use the “source/crashlines.fla” to compile the game.
Decipher cryptic Texts with “Decypher Me”. The game gives you hints to where a certain letter is used within the text. After that it’s up to your combination abilities to solve the riddle.
Use the “source/DecypherMe.fla” to compile the game.