Differences

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

--- project:gutenberg_memory [2017/09/16 15:49] – [Data] weibelth
+++ project:gutenberg_memory [2018/10/27 20:25] (current) – [Updates] weibelth
@@ Line 1: / Line 1: @@
 ===== Hacking Gutenberg: A Moveable Type Game =====
-The internet and the World Wide Web are often referred to as the origin of disruption. In fact, every new technology may be disruptive in some respect. 550 years ago the invention of the modern book printing technology by Johannes Gutenberg in Germany (and, two decades later, by William Caxton in England) was massively disruptive. Books, carefully bound manuscripts lavishly written and copied by scribes in monasteries or at court, could suddenly be mass-produced at an incredible speed. As such the invention of the moveably types, together with other basic book printing technologies, had a huge impact on science and society.
+The internet and the world wide web are often referred to as being disruptive. In fact, every new technology has a disruptive potential. 550 years ago the invention of the modern printing technology by Johannes Gutenberg in Germany (and, two decades later, by William Caxton in England) was massively disruptive. Books, carefully bound manuscripts written and copied by scribes during weeks, if not months, could suddenly be mass-produced at an incredible speed. As such the invention of moveable types, along with other basic book printing technologies, had a huge impact on science and society.
-And yet, 15th century typographers were not only businessmen, they were artists as well. Early fonts reflect their artistic past rather than the industrial potential they undoubtedly had. The font design of 15th century types is obviously based on the shapes of their handwritten predecessors. A new book, although produced by means of a new (and potentially industrial) technology, was meant to be what books had been for centuries: Precious documents, often decorated with magnificent illustrations and initials. (Incunables – books printed before 1500 – often show a blank square in the upper left corner of a page so that illustrators could manually add artful drawings after the printing process.
+And yet, 15th century typographers were not only businessmen, they were artists as well. Early printing fonts reflect their artistic past rather than their industrial potential. The font design of 15th century types is quite obviously based on their handwritten predecessors. A new book, although produced by means of a new technology, was meant to be what books had been for centuries: precious documents, often decorated with magnificent illustrations. (Incunables – books printed before 1500 – often show a blank square in the upper left corner of a page so that illustrators could manually add artful initials after the printing process.)
-Memory, also known as Match or Pairs, is a simple concentration game often played with or by children. Gutenberg Memory is an HTML 5 adaptation of the well-known tile-matching game. It can be played online, and it is optimized for mobile use in order to offer maximum accessibility on any device offering a web browser. The players concentrating on the tiles in order to remember their position are forced to closely look at the 15th (or early 16th) century century typography. By doing so, they might also start focusing on the elegance and splendor of the ancient letters instead of the text and its meaning.
+Memory, also known as Match or Pairs, is a simple concentration game. [[http://thomasweibel.ch/gutenberg-memory/|Gutenberg Memory]] is an HTML 5 adaptation of the common tile-matching game. It can be played online and works on any device with a web browser. By concentrating on the tiles in order to remember their position the player is forced to focus on 15th (or early 16th) century typography and thus will discover the ageless elegance of the ancient letters.
 [[http://thomasweibel.ch/gutenberg-memory/|{{:project:screenshot5.png|}}]]
-[[https://commons.wikimedia.org/wiki/File%3A42-zeilige_Gutenbergbibel%2C_Teil_2%2C_Blatt_36.tif|{{:project:gutenbergbibel.jpg?linkonly|}}]]
+[[http://thomasweibel.ch/gutenberg-memory/|Gutenberg Memory]], Screenshot
-[[http://thomasweibel.ch/gutenberg-memory/|Gutenberg Memory]] offers 40 cards (hence 20 pairs) of syllables or letter combinations. The typography used is taken from high resolution scans (>800 dpi) of late medieval book pages carefully digitized by the University Library of Basel. Given the original game with its 52 cards (26 pairs), Gutenberg Memory has been slightly simplified. Nevertheless it is rather hard to play as the player's visual orientation is constrained by the typographic resemblance of the letters on display.
+[[https://commons.wikimedia.org/wiki/File%3A42-zeilige_Gutenbergbibel%2C_Teil_2%2C_Blatt_36.tif|{{:project:gutenbergbibel.jpg|}}]]
-The background canvas offers a geographical map of Europe visualizing the printing place of the current font; basic bibliographic informations on the printers and font creators, the work titles as well as the printing places and dates are given in the caption below the game, including a link pointing towards the data sources in question.
+Johannes Gutenberg: [[https://commons.wikimedia.org/wiki/File%3A42-zeilige_Gutenbergbibel%2C_Teil_2%2C_Blatt_36.tif|Biblia latina]], part 2, fol. 36
+[[http://thomasweibel.ch/gutenberg-memory/|Gutenberg Memory]] comes with 40 cards (hence 20 pairs) of syllables or letter combinations. The letters are taken from high resolution scans (>800 dpi) of late medieval book pages digitized by the university library of Basel. Given the original game with its 52 cards (26 pairs), Gutenberg Memory has been slightly simplified. Nevertheless it is rather hard to play as the player's visual orientation is constrained by the cards' typographic resemblance.
+In addition, the background canvas shows a geographical map of Europe visualizing the place of printing. Basic bibliographic informations are given in the caption below, including a link to the original scan.
 ===== Instructions =====
-Click on the cards in order to turn them face up. If two of them are identical, they will remain open, otherwise they will turn face down again. A counter indicates the number of moves you have made so far. You win the game as soon as you have successfully found all the pairs. Clicking (or tapping) on the congratulations banner, the close button or the restart button in the upper right corner will reshuffle the game and proceed to another font, the origin of which will be displayed underneath.
+Click on the cards in order to turn them face up. If two of them are identical, they will remain open, otherwise they will turn face down again. A counter indicates the number of moves you have made so far. You win the game as soon as you have successfully found all the pairs. Clicking (or tapping) on the congratulations banner, the close button or the restart button in the upper right corner will reshuffle the game and proceed to a different font, the origin of which will be displayed underneath.
 ===== Updates =====
-/09/14 v1.0: Basic game engine (5 fonts)\\
+/09/15 v1.0: Prototype, basic game engine (5 fonts)\\
-/09/16 v1.1: Map background, printing place visualization
+/09/16 v2.0: Background visualization (place of printing)\\
+/09/19 v2.1: Minor fixes
 ===== Data =====
-  * Wikimedia Commons, [[https://commons.wikimedia.org/wiki/File%3A42-zeilige_Gutenbergbibel%2C_Teil_2%2C_Blatt_36.tif|42-zeilige Gutenbergbibel, Teil 2, Blatt 36]]
+  * Wikimedia Commons, [[https://commons.wikimedia.org/wiki/File%3A42-zeilige_Gutenbergbibel%2C_Teil_2%2C_Blatt_36.tif|42-zeilige Gutenbergbibel, Teil 2, Blatt 36]], Mainz, 1454-1455
   * Wikimedia Commons, [[https://commons.wikimedia.org/wiki/File:42-zeilige_Gutenbergbibel,_Teil_2,_Blatt_35-Detail_2.tif|42-zeilige Gutenbergbibel, Teil 2, Blatt 35, Detail]]
-  * Wikimedia Commons, [[https://commons.wikimedia.org/wiki/File:Adam_Petri_Martin_Luther_Das_Alte_Testament_deutsch_Basel_1523-1525.tif|Adam Petri, Martin Luther, Das Alte Testament, deutsch, Basel 1523-1525]]
+  * Wikimedia Commons, [[https://commons.wikimedia.org/wiki/File:Adam_Petri_Martin_Luther_Das_Alte_Testament_deutsch_Basel_1523-1525.tif|Adam Petri, Martin Luther, Das Alte Testament deutsch]], Basel, 1523-1525
-  * Wikimedia Commons, [[https://commons.wikimedia.org/wiki/File:Aldus_Manutius,_Horatius_Flaccus,_Opera,_Venedig_1501.tif|Aldus Manutius, Horatius Flaccus, Opera, Venedig 1501]]
+  * Wikimedia Commons, [[https://commons.wikimedia.org/wiki/File:Aldus_Manutius,_Horatius_Flaccus,_Opera,_Venedig_1501.tif|Aldus Manutius, Horatius Flaccus, Opera]], Venedig, 1501
-  * Wikimedia Commons, [[https://commons.wikimedia.org/wiki/File:Johannes_Amerbach_Johannes_Marius_Philelphus_Epistolarium_novum_Basel_1486.tif|Johannes Amerbach, Johannes Marius Philelphus, Epistolarium novum, Basel 1486]]
+  * Wikimedia Commons, [[https://commons.wikimedia.org/wiki/File:Johannes_Amerbach_Johannes_Marius_Philelphus_Epistolarium_novum_Basel_1486.tif|Johannes Amerbach, Johannes Marius Philelphus, Epistolarium novum]], Basel, 1486
-  * Wikimedia Commons, [[https://commons.wikimedia.org/wiki/File:Hieronymus_Andreae_Albrecht_D%C3%BCrer_Underweysung_der_messung_mit_dem_zirckel.tiff|Hieronymus Andreae, Albrecht Dürer, Underweysung der messung mit dem zirckel]]
+  * Wikimedia Commons, [[https://commons.wikimedia.org/wiki/File:Hieronymus_Andreae_Albrecht_D%C3%BCrer_Underweysung_der_messung_mit_dem_zirckel.tiff|Hieronymus Andreae, Albrecht Dürer, Underweysung der messung mit dem zirckel]], Nürnberg 1525
 ===== Team =====
-  * Prof. Thomas Weibel, [[http://www.thomasweibel.ch/|Thomas Weibel Multi & Media]]
+{{:project:kreyenbuehl_weibel.jpg?direct|}}
+Elias Kreyenbühl (left), Thomas Weibel at the «Génopode» building on the University of Lausanne campus.
+  * Prof. Thomas Weibel, [[http://www.thomasweibel.ch/|Thomas Weibel Multi & Media]], University of Applied Sciences Chur
   * Dr. des. Elias Kreyenbühl, [[http://www.ub.unibas.ch/ub-hauptbibliothek/wir-ueber-uns/adresse-kontakte/elias-kreyenbuehl/|University Library of Basel]]
 {{tag>status:demo status:live status:concept needs:data glam event:2017-09}}