Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
project:ustermemory [2017/06/10 12:12]
weibelth [Uster Memory]
project:ustermemory [2017/06/12 08:32] (current)
weibelth [Help]
Line 5: Line 5:
 [[http://​www.thomasweibel.ch/​uster-memory/​|{{:​project:​uster-memory.png?​540|}}]] [[http://​www.thomasweibel.ch/​uster-memory/​|{{:​project:​uster-memory.png?​540|}}]]
  
-Historical photographs are witnesses of a distant past. Uster, the third largest city in the Canton of Zürich, with over 30 000 inhabitants,​ is one of the twenty largest cities in Switzerland. The photographs of Julius Gujer (1893-1909),​ an entrepreneur and gifted photographer,​ offer an insight into the industrial development of a small Swiss town at the turn of the century. A large [[https://​data.stadt-zuerich.ch/​dataset/​bauhistorische-fotosammlung-von-uster-1893-1909-von-julius-gujer|collection of 492 of his photos]] has been made available by the city of Uster on the occasion of the first Zurich Archival Hackday on June 9th, 2017, at the state archives of the Canton of Zurich. 16 random photos drawn from this repository have been turned into an online game application.+Historical photographs are witnesses of a distant past. Uster, the third largest city in the Canton of Zürich, with over 30 000 inhabitants,​ is one of the twenty largest cities in Switzerland. The photographs of Julius Gujer (1893-1909),​ an entrepreneur and gifted photographer,​ offer a deep insight into the industrial development of a small Swiss town at the turn of the century. A large [[https://​data.stadt-zuerich.ch/​dataset/​bauhistorische-fotosammlung-von-uster-1893-1909-von-julius-gujer|collection of 492 of his photos]] has been digitized and made available by the city of Uster on the occasion of the first Zurich Archival Hackday on June 9th, 2017, taking place at the state archives of the Canton of Zurich. 16 random photos drawn from this repository have been turned into an online game application.
  
 [[http://​www.thomasweibel.ch/​uster-memory/​|Uster Memory 1.0]] [[http://​www.thomasweibel.ch/​uster-memory/​|Uster Memory 1.0]]
  
-Uster Memory is a single-file application coded in HTML5, CSS3, and Javascript. One dynamic HTML file (index.html, ​<15 kb) provides ​all the markup, interactivity and animations both of the gallery and game modes. The application ​is executable ​in any modern web browser and on any device, including mobile phones, tablets, and tv screens. ​+Uster Memory is a single-file application coded in HTML 5. One single ​file (<15 kb) provides the markup, interactivity and animations both of the gallery and game modes. The application ​will run in any modern web browser and on any device, including mobile phones, tablets, and tv screens.
  
 ===== Help ===== ===== Help =====
  
-Uster Memory is a fully playable tile-matching game coded in HTML 5. It offers both a gallery and a game mode, allowing the player to browse and pick a photo of his choice and, by clicking on its center, to start the game. Identical ​tiles will remain open. Once all matching tiles are found, the game will return into gallery mode indicating the final score.+Uster Memory is a fully playable tile-matching game. It offers both a gallery and a game mode, allowing the player to browse and pick a photo of his choice and, by clicking on its center, to start the game. The selected photo is virtually cut into 20 separate cards, any of which will be duplicated. The cards are turned upside down and randomly shuffled. On click (or tap) the cards will turn, a moves counter at the bottom keeps the score. Matching ​tiles will remain open, unequal cards will be hidden again. Once all matching tiles are found, the game will return into gallery mode indicating the final score.
  
 ===== Updates ===== ===== Updates =====
  
 2017/06/09 v1.0: Basic game engine\\ 2017/06/09 v1.0: Basic game engine\\
-2017/06/10 v1.01: Improved ​color theme and animations+2017/06/11 v1.01: Improved animations
 ===== Data ===== ===== Data =====