Example 1
JSONArray json;
color black = #000000;
color white = #f1f1f1;
color grey = #AAAAAA;
color blue = #2700A2 ;
color green = #1FA81F;
PFont font;
float txtSize = 50;
void setup() {
size(900, 900);
frameRate(10);
json = loadJSONArray("meditations.json");
font = createFont("Inter-SemiBold.otf", 1000);
}
void draw() {
background(white);
noStroke();
fill(green);
textFont(font);
textSize(txtSize);
textLeading(txtSize);
textAlign(LEFT, TOP);
int selector = int(map(mouseX, 0, width, 0, json.size()));
JSONObject item = json.getJSONObject(selector);
String txt = item.getString("english");
String book = item.getString("book");
String verse = item.getString("verse");
float padding = 10;
text(txt, padding, padding, width - padding*2, height - padding*2);
textSize(16);
textAlign(CENTER,BOTTOM);
// progress
fill(grey);
rect(0,height-30,width,30);
fill(blue);
rect(mouseX,height-30,10,30);
text(book + " / " + verse, mouseX,height-40);
}
0 comments so far. Click here to share your thoughts.
Related
Creative Coding Barcelona
Community
Livestream – Vera Molnar Reconstructed
A conversation with Yannick Gregoire
Conversations
Lena Weber on Ambiguous Aesthetics
Conversations
Martin Lorenz on the intersection of Creative Coding and Flexible Visual Systems
Community Conversations
DEMO Festival 2022 was a blast
Writings
Key visual for Slate + Ash’s new software instrument
Commissions Projects
Generative portraits for IBM
Commissions Projects
Llum Negra / La Luz Negra / Black Light
Commissions Projects
What is Creative Coding?
Writings
Creative Coding as an Experience
Writings
Building a digital painting studio from scratch with Processing
Workshop: “Algorithmic Adventures” at International Assembly
Workshops
An ode to the Gif
Writings
Curating the DESIGN IN MOTION Festival 2022
unlisted
A conversation with Yehwan Song
Community Conversations
We need a sustainable perspective on life with technology
Writings
2021 was my year of liberation
The best programming language for Creative Coding in 2022
unlisted
Processing Community Day 2021 Recap
“The Infinite Layout Machine” by Michael Kreß
Community Student Work
PCD2021 – Q&A with Casey Reas
Community Conversations
PCD2021 – Vera van de Seyp
Community Conversations
Two Perspectives – Episode 3
Community Conversations
Processing-Tutorial: A Grid of Arcs
Tutorials
Processing-Tutorial: Exploring Wave-Figures
Tutorials
Interactive Grid System (Livestream)
Tutorials
The Hidden Benefits of Learning to Code
unlisted
Creative Coding Manifesto 2021
Writings
My Story (part 2 – told at Taaalks Conference 2020)
New Course: Bauhaus Coding Workshop
unlisted
Learnings from the Bauhaus about Art and Technology
Writings
Constants & Variables
Community Conversations
TypeMachines – A workshop at écal Lausanne
Workshops
My Story (Part 1)
Writings
Processing-Tutorial: Rasterize 3D
Tutorials
Processing-Tutorial: Image-Rasterizer
Tutorials
Processing-Tutorial: Kinetic Typography 1
Tutorials
My 10 favorite Processing-libraries
4 alternative, free and well-curated resources for images, fonts and data
unlisted
Processing or p5.js? My opinions
Protected: A conversation with Soyun Park
Conversations
Talk at Elisava w/ livestream
Martin and I as guests at TAAALKS
Conversations
New course draft: Molnar Reconstructed
