//

// Generative Gestaltung – Creative Coding im Web

// ISBN: 978-3-87439-902-9, First Edition, Hermann Schmidt, Mainz, 2018

// Benedikt Groß, Hartmut Bohnacker, Julia Laub, Claudius Lazzeroni

// with contributions by Joey Lee and Niels Poldervaart

// Copyright 2018

//

// http://www.generative-gestaltung.de

//

// Licensed under the Apache License, Version 2.0 (the "License");

// you may not use this file except in compliance with the License.

// You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0

// Unless required by applicable law or agreed to in writing, software

// distributed under the License is distributed on an "AS IS" BASIS,

// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.

// See the License for the specific language governing permissions and

// limitations under the License.

​

/**

 * pixel mapping. each pixel is translated into a new element (letter)

 *

 * KEYS

 * 1                 : toogle font size mode (dynamic/static)

 * 2                 : toogle font color mode (color/b&w)

 * arrow up/down     : maximal fontsize +/-

 * arrow right/left  : minimal fontsize +/-

 * s                 : save png

 */

'use strict';

​

var inputText = `

飛行機の整備を勉強する人に新しい奨学金

​

[11月22日 12時05分]

ニュースを聞く

漢字の読み方を消す

​

国土交通省は、飛行機を整備する仕事をする若い人を増やしたいと考えています。外国から観光に来る人が増えているのに、年をとって仕事をやめる人が多くなるためです。しかし、飛行機の整備を勉強する学校に入学する人が、最近とても少なくなっています。学校に入るためにお金がかかることなどが原因のようです。

​

このため、国土交通省と航空会社などが協力して、整備の勉強をする人のための新しい奨学金をつくりました。専門学校や大学で勉強する人に、50万円まで貸します。利子はありません。来年4月に入学する学生から、申し込むことができます。今年12月1日に募集を始めます。

​

協力した全日空は「飛行機の整備は自動でできません。奨学金で若い人たちに整備の勉強をしてほしいと思います」と話していました。

`;

var fontSizeMax = 20;

var fontSizeMin = 10;

var spacing = 12; // line height

var kerning = 0.5; // between letters

​

var fontSizeStatic = false;

var blackAndWhite = false;

​

var img;

​

function preload() {

  img = loadImage('data/pic.png');

}

​

function setup() {

  createCanvas(533, 796);

  textFont('Times');

  textSize(10);

  textAlign(LEFT, CENTER);

  print(img.width + ' • ' + img.height);

}

​

function draw() {

  background(255);

​

  var x = 0;

  var y = 10;

  var counter = 0;

​

  while (x < width) {

    // translate position (display) to position (image)

    img.loadPixels();

    // get current color

    var imgX = round(map(x, 0, width, 0, img.width));

    var imgY = round(map(y, 0, height, 0, img.height));

    var c = color(img.get(imgX, imgY));

    var greyscale = round(red(c) * 0.222 + green(c) * 0.707 + blue(c) * 0.071);

​

    push();

    translate(width - x, y);

​

    if (fontSizeStatic) {

      // textSize(fontSizeMax);

      if (blackAndWhite) {

        fill(greyscale);

      } else {

        fill(c);

      }

    } else {

      // greyscale to fontsize

      var fontSize = map(greyscale, 0, 255, fontSizeMax, fontSizeMin);

      fontSize = max(fontSize, 1);

      // textSize(fontSize);

      if (blackAndWhite) {

        fill(0);

      } else {

        fill(c);

      }

    }

​

    var letter = inputText.charAt(counter);

    text(letter, 0, 0);

    var letterHeight = 20;

    // for the next letter ... x + letter width

    y += letterHeight;

​

    pop();

​

    // linebreaks

    if (y + letterHeight >= height) {

      y = 0;

      x += spacing;

    }

​

    counter++;

    if (counter >= inputText.length) {

      counter = 0;

    }

  }

  noLoop();

}

​

function keyReleased() {

  if (key == 's' || key == 'S') saveCanvas(gd.timestamp(), 'png');

  // change render mode

  if (key == '1') fontSizeStatic = !fontSizeStatic;

  // change color style

  if (key == '2') blackAndWhite = !blackAndWhite;

  print('fontSizeMin: ' + fontSizeMin + ', fontSizeMax: ' + fontSizeMax + ', fontSizeStatic: ' + fontSizeStatic + ', blackAndWhite: ' + blackAndWhite);

  loop();

}

​

function keyPressed() {

  // change fontSizeMax with arrow keys up/down

  if (keyCode == UP_ARROW) fontSizeMax += 2;

  if (keyCode == DOWN_ARROW) fontSizeMax -= 2;

  // change fontSizeMin with arrow keys left/right

  if (keyCode == RIGHT_ARROW) fontSizeMin += 2;

  if (keyCode == LEFT_ARROW) fontSizeMin -= 2;

  loop();

}

​