Differences

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

--- project:letterjongg [2018/10/27 10:31] – [Letterjongg] weibelth
+++ project:letterjongg [2019/07/26 21:28] (current) – [Letterjongg] weibelth
@@ Line 1: / Line 1: @@
 ===== Letterjongg =====
-{{:project:shanghai.gif?320 |}}In 1981 Brodie Lockard, a Stanford University student, developed a computer game just two years after a serious gymnastics accident had almost taken his life and left him paralyzed from the neck down. Unable to use his hands to type on a keyboard, Lockard made a special request during his long recovery in the hospital: He asked for access to a PLATO terminal. PLATO (Programmed Logic for Automatic Teaching Operations) was the first generalized computer-assisted instruction system designed and built by the University of Illinois.
+{{:project:shanghai.gif?320 |}}In 1981 Brodie Lockard, a Stanford University student, developed a computer game just two years after a serious gymnastics accident had almost taken his life and left him paralyzed from the neck down. Unable to use his hands to type on a keyboard, Lockard made a special request during his long recovery in hospital: He asked for a PLATO terminal. PLATO (Programmed Logic for Automatic Teaching Operations) was the first generalized computer-assisted instruction system designed and built by the University of Illinois.
-The computer game Lockard started coding on his PLATO terminal was a puzzle game displaying Chinese Mah-Jongg tiles, pieces used in a far-east strategy game that had become increasingly popular in the U.S. The name Lockard gave his new game was «Mah-Jongg solitaire». In 1986 Activision, one of the early game companies, released the game under the name of «Shanghai» (see screenshot on the left), and when Microsoft decided to add it to their games collection [[https://en.wikipedia.org/wiki/Mahjong_solitaire|Mah-Jongg Solitaire]] became one of the most popular computer games of all times.
+The computer game Lockard started coding on his PLATO terminal was a puzzle game displaying Chinese «Mah-Jongg» tiles, pieces used for the Chinese game that had become increasingly popular in the United States. Lockard accordingly called his game «Mah-Jongg solitaire». In 1986 Activision released the game under the name of «Shanghai» (see screenshot), and when Microsoft decided to add the game to their Windows Entertainment Pack für Win 3.x in 1990 (named «Taipei» for legal reasons) [[https://en.wikipedia.org/wiki/Mahjong_solitaire|Mah-Jongg Solitaire]] became one of the world's most popular computer games ever.
-The project «Letterjongg» aims at translating the far-east Mah-Jongg imagery into late medieval typography. 570 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 in weeks, if not months, could all of a sudden be mass-produced in a breeze. The invention of moveable types as such, along with other basic book printing technologies, had a huge impact on science and society.
+===== Typography =====
-Yet, 15th century typographers were not only businessmen, they were artists as well. Early printing fonts reflect their artistic past. The design of 15th/16th century fonts is still influenced by their handwritten predecessors. A new book, although produced by means of a new technology, was meant to be what books had been for centuries: a precious document, often decorated with magnificent illustrations. (Incunables – books printed before 1500 – often have a blank space in the upper left corner of a page so that illustrators could manually add artful initials after the printing process.)
+«Letterjongg» aims at translating the ancient far-east Mah-Jongg imagery into late medieval typography. 570 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 in weeks, if not months, could all of a sudden be mass-produced in a breeze. The invention of moveable types as such, along with other basic book printing technologies, had a huge impact on science and society.
-[[http://thomasweibel.ch/letterjongg/|Letterjongg]] comes with 144 typographic tiles (hence 36 tile faces). The letters have been taken and isolated from a high resolution scan (2,576 × 4,840 pixels, file size: 35.69 MB, MIME type: image/tiff) of [[https://commons.wikimedia.org/wiki/File:Aldus_Manutius,_Horatius_Flaccus,_Opera,_Venedig_1501.tif|Aldus Manutius, Horatius Flaccus, Opera]] (1501), printed in Venice. «Letterjongg» has been slightly simplified. Nevertheless it is not easy to play as the games are set up at random (actually not every game can be finished) and the player's visual orientation is constrained by the sheer number and resemblance of the tiles.
+Yet, 15th century typographers were not only businessmen, they were artists as well. Early printing fonts reflect their artistic past. The design of 15th/16th century fonts is still influenced by their calligraphic predecessors. A new book, although produced by means of a new technology, was meant to be what it had been for centuries: a precious document, often decorated with magnificent illustrations. (Incunables – books printed before 1500 – often have a blank space in the upper left corner of a page so that illustrators could manually add artful initials after the printing process.)
-[[http://thomasweibel.ch/letterjongg/|{{:project:letterjongg.png?300 |}}]]
+[[http://thomasweibel.ch/letterjongg/|Letterjongg]] comes with 144 typographic tiles (hence 36 tile faces). The letters have been taken and isolated from a high resolution scan (2,576 × 4,840 pixels, file size: 35.69 MB, MIME type: image/tiff) of [[https://en.wikipedia.org/wiki/Aldus_Manutius|Aldus Pius Manutius]], [[https://commons.wikimedia.org/wiki/File:Aldus_Manutius,_Horatius_Flaccus,_Opera,_Venedig_1501.tif|Horatius Flaccus, Opera]] (font design by [[https://en.wikipedia.org/wiki/Francesco_Griffo|Francesco Griffo]], Venice, 1501). «Letterjongg» has been slightly simplified. Nevertheless it is not easy to play as the games are set up at random (actually not every game can be finished) and the player's visual orientation is constrained by the sheer number and resemblance of the tiles.
+[[http://thomasweibel.ch/letterjongg/|{{:project:letterjongg2.png|}}]]
 //[[http://thomasweibel.ch/letterjongg/|Letterjongg]], Screenshot//
-===== Rules =====
+===== Technical =====
-The 144 tiles are arranged in a special four-layer pattern with their faces upwards. A tile is said to be open or exposed if it can be moved either left or right without disturbing other tiles. The goal is to match open pairs of identical tiles and remove them from the board, exposing the tiles under them for play. The game is finished when all pairs of tiles have been removed from the board or when there are no exposed pairs remaining.
+The game is coded in dynamic HTML (HTML 5, [[https://thomasweibel.ch/letterjongg/letterjongg.css|CSS 3]], [[https://thomasweibel.ch/letterjongg/letterjongg.js|Javascript]]); no external frameworks or libraries were used.
+===== Rules =====
-===== Updates =====
+Starting from the sides, or from the central tile at the top of the pile, remove tiles by clicking on two equal letters. If the tiles are identical, they will disappear, and your score will rise. Removeable tiles always must be free on their left or right side. If a tile sits between two tiles on the same level, it cannot be selected.
+===== Version history =====
-/10/26 v1.0: Prototype, basic game engine ([[http://thomasweibel.ch/letterjongg/|Link]])\\
+/10/26 v0.1: Basic game engine, prototype\\
+/10/27 v0.11: Moves counter, about\\
+/10/30 v0.2: Matches counter\\
+/11/06 v0.21: Animations
 ===== Data =====
-  * 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:Aldus_Manutius,_Horatius_Flaccus,_Opera,_Venedig_1501.tif|Aldus Manutius, Horatius Flaccus, Opera]], Venice, 1501
+  * Europeana, [[https://www.europeana.eu/portal/de/record/10501/35438.html|Quincti Horatii Flacci Poemata omnia]], 1629
 ===== Team =====
-  * Prof. Thomas Weibel, [[http://www.thomasweibel.ch/|Thomas Weibel Multi & Media]], University of Applied Sciences Chur
+  * Prof. Thomas Weibel, [[http://www.thomasweibel.ch/|Thomas Weibel Multi & Media]], [[https://www.htwchur.ch/personen/person/weibel-thomas/|University of Applied Sciences Chur]]/Bern University of the Arts
   * 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:concept needs:dev needs:design needs:data needs:expert glam}}