• Slidy
  • Écrire le design: Autour du trait

    De Ustensile
    Aller à : navigation, rechercher

    Intro

    La lettre part du trait, du squelette, inscription du geste, du ductus. Avec la typographie et le passage à la métallurgie, la lettre conserve la référence au geste, à la plume, mais devient contour par nécessité technique. Dans le numérique, il n'y a pas de raison particulière de s'attacher au modèle "contour". Pourtant, c'est le modèle dominant. Cependant, l'approche "contour" doit tenir compte non seulement du ductus, mais aussi de la plume/brush/outil. Le ductus est toujours instancié dans un outil.

    • Dishu: Ground Calligraphy in China + workshop par François Chastanet

    dishu1-anonyme.jpg

    workshop_fc_06.jpg

    gml-file.png

    mill_banner.png

    • Hershey fonts dans Inkscape

    5433137242_10b1db159f.jpg

    • Hershey fonts passées dans Metafont

    Screen%20Shot%202013-08-29%20at%202_54_00%20PM.png

    • Courbes de béziers et courbe spiro (courbes clothoïdes)

    draftweight02.jpg

    osp-visual-grammar-poster.png


    Dansez-vous digital?

    • Computer aerobic: comment vous tenez-vous devant votre ordinateur?

    IMAG0191.jpg

    LOGO/Turtle

    Langage de programmation destiné aux enfants par Seymour Papert. http://fr.wikipedia.org/wiki/Logo_%28langage%29

    Approche par approche relationelle versus coordonnées cartésiennes: niveaux d'abstraction différents. Approche relationelle: relation au corps, à la temporalité, state machine. Appréhension de l'espace différente.


    • Soyons des tortues

    Workshop OSP à l'ÉSAD •Valence: P1300576.JPG

    À l'erg:

    Langage LOGO dans Inkscape

    Extension Inkscape pour exécuter les instructions de dessin Turtle: https://www.gitorious.org/pzi-prototyping/seymour/source/771a7b7e9ed465cd09ebda63789ec16d25487543:

    Literal Draw

    http://osp.constantvzw.org/tools/literaldraw/

    Installation

    Installer

    • Git.
    • Ouvrir un Terminal.
    • (Optionnel: aller dans le répertoire où vous voulez ranger le logiciel)
    • Taper:
       git clone git://git.constantvzw.org/osp.tools.literaldraw.git
    
    • Aller dans le dossier osp.tools.literaldraw.git
       cd osp.tools.literaldraw
    
    • Compiler le logiciel:
       qmake
    
    • Puis:
       make
    
    • Pour lancer Literal Draw, aller dans le dossier du logiciel, puis taper:
       ./LiteralDraw
    

    Mais qu'est-ce que c'est? Fafafafa fafafa fafa fa

    • SVG
    • langage postscript
      • Cosic

    logo.gif

    Traduction en vietnamien

    P1060546-400x300.jpg

       change line dòng
       change stroke bút
       change end trở—lại
       change move di—chuyển
       change cubic cong
       change close đong
       change fill điền—vào
       change transform biến—đổi
       change text văn—bản
       change font kiểu—mâu
       biến—đổi 0.6 0 0 0.6 0 -300 
       bút 180 0  200 1
       điền—vào 250 100 100
       di—chuyển 135.00 732.00 
       cong  134.00 691.00  178.00 660.00  241.00 659.00 
       cong 290.00 661.00  328.00 701.00  328.00 755.00 
       cong  378.00 665.00  441.00 643.00  521.00 677.00 
       cong 524.00 681.00  576.00 759.00  497.00 889.00 
       cong  496.67 891.67  411.67 960.00  330.00 986.67 
       cong 230.00 926.67  163.33 845.00  133.33 735.00 
       trở—lại
       đong
       di—chuyển 135.00 732.00 
       kiểu—mâu 30 0 0 Alfphabet
       văn—bản we
    

    Literal Draw en mode tortue

    Par défaut, Literal Draw est en mode cartésien dont l'origine (0;0) est en haut à gauche. On peut changer Literal Draw en mode «tortue», soit en mode relatif, pour que le point d'origine soit à chaque fois le point de commande précédente. Pour cela, à l'endroit où vous voulez commencer le mode Tortue, il faut écrire:

       absolute false
    

    Pour faire tourner la tortue:

       # r = Right → Droite ; 100 = avance de 100 pixels ; 45 = tourne de 45 degrés
       turn r 100 45
       # l = Left → Gauche ; 100 = avance de 100 pixels ; 45 = tourne de 45 degrés
       turn l 100 45
    


    N'oubliez pas de cocher la case «Highlight» en bas à droite pour vous aider à y voir plus clair dans vos commandes.

    Arrêtons avec ces formalités

    On peut utiliser des variables pour donner un peu plus d'humanité à notre code.

       change turn tourne
       var d'unPoil 10
       tourne l 200 d'unPoil