guidoschmidt.notion.site Open in urlscan Pro
2606:4700:4400::6812:2009  Public Scan

Form analysis
0 forms found in the DOM

Text Content

Public Infos
/
Intro to Generative Illustrations





Erstellt mit

Bild zum Verschieben ziehen


INTRO TO GENERATIVE ILLUSTRATIONS


The workshop will deal with basic algorithmic concepts, such as iteration,
recursion or color interpolation, to build generative systems. The focused lies
on producing illustrative content such as animals, plants and landscapes in
combination with texturing from photographic imagery, which we will take on
venue during the workshop.


We will learn techniques to work with shapes, colors and textures to create
parameterized illustrations in p5.js, a JavaScript library for creative coding.


Participants will need a smartphone for taking photos, as well as a notebook
running p5.js. Basic prior knowledge of programming (processing, p5.js,
Javascript or similar) is required.


More info: https://captcha-mannheim.de/




RESOURCES


Github Repository

p5.ui + Tools

p5 Web Editor Collection

Shared Google Drive Texture Folder

tl;draw



AUTOCOMPLETION WITH VISUAL STUDIO CODE


To get auto completion working with our project from github, you have to:


Add jsconf.json to the root of the project (main folder)

Copy src/p5/types to your project folder (src/p5/types)





STRATEGIES


Start with simple shapes

Duplicate shapes with for loops or recursion

Add different random, noise, translation, rotation or scale to each shape

Add color variation to each shape (using random, noise or interpolation)

Draw different shapes based on a random integer (0, 1, 2, 3, etc.)




LINKS


Node.js
Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.
https://nodejs.org/en/


home | p5.js
p5.js a JS client-side library for creating graphic and interactive experiences,
based on the core principles of Processing.
https://p5js.org/

Index
Guido Schmidt is a creative programmer, media artist and technologist from
Germany.
https://guidoschmidt.cc/

random
Seedable random number generator supporting many common distributions.. Latest
version: 3.0.6, last published: a year ago. Start using random in your project
by running `npm i random`. There are 118 other projects in the npm registry
using random.
https://www.npmjs.com/package/random


caddy
caddyserver
•
vor 9 Monaten aktualisiert

tldraw
A tiny little drawing app.
https://www.tldraw.com/



Visual Studio Code - Code Editing. Redefined
Visual Studio Code is a code editor redefined and optimized for building and
debugging modern web and cloud applications. Visual Studio Code is free and
available on your favorite platform - Linux, macOS, and Windows.
https://code.visualstudio.com/


p5.vscode - Visual Studio Marketplace
p5.vscode helps you create p5.js projects in Visual Studio Code. It also
includes autocompletion, a simple tool to browse and install third-party p5
libraries, and the Live Server extension. I made this extension for my students
in particular, but I hope it's helpful for anyone using p5.
https://marketplace.visualstudio.com/items?itemName=samplavigne.p5-vscode


p5.js Web Editor
A web editor for p5.js, a JavaScript library with the goal of making coding
accessible to artists, designers, educators, and beginners.
https://editor.p5js.org/

Generative Design
Hello and welcome to Generative Design, Creative Coding on the Web. Here, you
will find all of the sketches from the book and their associated code. Run the
sketches directly in the browser with the p5.js-web-editor or locally on your
machine by downloading the code package below.
http://www.generative-gestaltung.de/2/


iTerm2 - macOS Terminal Replacement
iTerm2 is a replacement for Terminal and the successor to iTerm
https://iterm2.com/





Notion verwendet Cookies. Weitere Informationen findest du unter  Hinweis zu
Cookies .
Alle akzeptieren
Alle ablehnen