IFD:Mobile Apps with HTML5/MartinMelcher: Difference between revisions

From Medien Wiki
mNo edit summary
mNo edit summary
Line 33: Line 33:
A Mobile HTML5 Canvas Experiment of the Game Classic Breakout / Brick Out. You can use either Touch or your Device Orientation. Feel free to play. The Game Paddle will become smaller the more blocks you destroy.
A Mobile HTML5 Canvas Experiment of the Game Classic Breakout / Brick Out. You can use either Touch or your Device Orientation. Feel free to play. The Game Paddle will become smaller the more blocks you destroy.


'''The Touch Version:''' [http://martinmelcher.de/hybridapps/Assignment_04/index.html http://martinmelcher.de/hybridapps/Assignment_04/index.html]
'''The Touch Version:''' [http://martinmelcher.de/hybridapps/Assignment_04/index.html http://martinmelcher.de/hybridapps/Assignment_04/index.html]<br/>
(Use your Finger or Mouse to control the paddle)
(Use your Finger or Mouse to control the paddle)


'''The Tilt Version:''' [http://martinmelcher.de/hybridapps/Assignment_04/index2.html http://martinmelcher.de/hybridapps/Assignment_04/index2.html]
'''The Tilt Version:''' [http://martinmelcher.de/hybridapps/Assignment_04/index2.html http://martinmelcher.de/hybridapps/Assignment_04/index2.html]<br/>
(Tilt your Smartphone to control the paddle / tested with iOS7 / Safari)
(Tilt your Smartphone to control the paddle / tested with iOS7 / Safari)


For Desktop Users, you can also use the Arrow Keys to move the paddle.
For Desktop Users, you can also use the Arrow Keys to move the paddle.

Revision as of 20:47, 6 December 2013

First Assignment

Redesigning The Course's Website

Ifd mobileapps mame 001.jpg

The Old Wiki course site was just plain boring, so i redesigned it, using some of the techniques that we will discuss with this seminar. http://martinmelcher.de/hybridapps/Assignment_01/


Die Piazza WebApp

Ifd mobileapps mame 002.jpg

This is a small mobile website featuring the famous "Piazza" which is used by students to sell, share or contribute all kind of things and events. All data are fetched via the Facebook-API using JSON-Data.

You can use this site via http://martinmelcher.de/diepiazza


Second Assignment

The Arc Clock

Ifd mobileapps mame 003.jpg

A simple clock build with arc's. With every second and minute the background gradient will change (try setting your clock to another time!)

http://martinmelcher.de/hybridapps/Assignment_02/

Fourth Assignment

BRICK

Ifd mobileapps mame 005.jpg

A Mobile HTML5 Canvas Experiment of the Game Classic Breakout / Brick Out. You can use either Touch or your Device Orientation. Feel free to play. The Game Paddle will become smaller the more blocks you destroy.

The Touch Version: http://martinmelcher.de/hybridapps/Assignment_04/index.html
(Use your Finger or Mouse to control the paddle)

The Tilt Version: http://martinmelcher.de/hybridapps/Assignment_04/index2.html
(Tilt your Smartphone to control the paddle / tested with iOS7 / Safari)

For Desktop Users, you can also use the Arrow Keys to move the paddle.