Creative Coding lecture at Hochschule Trier in winter 2013. This material is mostly in german. Example code can be found on Github https://github.com/gwio/ccProcessingTrierWinter2013
Modelo Transdisciplinar para Design de InteraçãoUTFPR
O documento propõe um modelo transdisciplinar para o design de interação baseado nos campos da engenharia, comunicação, psicologia cognitiva, estudos culturais e teoria da atividade. Critica abordagens multidisciplinares e interdisciplinares por serem superficiais ou evitarem conflitos. Defende que as interfaces devem acomodar comportamentos, atividades e tarefas dos usuários de forma a promover adaptações, ambientes e fluxos de uso adequados.
This document provides information about the national curriculum for computing in the UK. It discusses how computing education can help students understand and change the world by learning computational thinking and creativity. The core of computing is computer science, which teaches the principles of information and computation and how to apply this through programming. The goals of the national curriculum are for students to understand computer fundamentals like algorithms and data representation, solve problems through programming, use technology analytically, and be competent users of IT. At key stage 2, students are taught to design programs using sequences, selection, repetition, and variables, understand how computer networks and the internet work, and use technology safely.
Creative Coding lecture at Hochschule Trier in winter 2013. This material is mostly in german. Example code can be found on Github https://github.com/gwio/ccProcessingTrierWinter2013
Modelo Transdisciplinar para Design de InteraçãoUTFPR
O documento propõe um modelo transdisciplinar para o design de interação baseado nos campos da engenharia, comunicação, psicologia cognitiva, estudos culturais e teoria da atividade. Critica abordagens multidisciplinares e interdisciplinares por serem superficiais ou evitarem conflitos. Defende que as interfaces devem acomodar comportamentos, atividades e tarefas dos usuários de forma a promover adaptações, ambientes e fluxos de uso adequados.
This document provides information about the national curriculum for computing in the UK. It discusses how computing education can help students understand and change the world by learning computational thinking and creativity. The core of computing is computer science, which teaches the principles of information and computation and how to apply this through programming. The goals of the national curriculum are for students to understand computer fundamentals like algorithms and data representation, solve problems through programming, use technology analytically, and be competent users of IT. At key stage 2, students are taught to design programs using sequences, selection, repetition, and variables, understand how computer networks and the internet work, and use technology safely.
Creative coding in art education -Fads presentationTomi Dufva
Slides from my presentation "Creative coding in art education" which I held in Pyhätunturi, Finland at FADS symposium. More details about my presentation can be found at my blog: http://www.thispagehassomeissues.com/blog/2014/11/5/creative-coding-in-art-education-presentation-at-fads-2014
This is an introduction to what creative coding is, and a review of projects in which artists use code as a medium.
More info about the workshop at
http://faltastico.tumblr.com/post/97959317872/last-week-i-did-a-two-day-creative-coding
This document contains notes from a coding workshop. It introduces students to Processing, an open-source programming language and environment used for creating visuals and graphics. It provides examples of basic Processing code for shapes, colors, and coordinates. Students are given exercises to practice drawing in Processing, such as creating a face using ellipses and rectangles. The document concludes by assigning homework for students to find patterns in the real world and read an interview about algorithms.
StoryCode DIY Days Presentation - Creative Codingstorycode
Take a deep-dive into Creative Code with Mike Knowlton and Hal Siegel from StoryCode. As storytelling becomes more influenced by software development practices we all need to think, write, and design like creative technologists. Learn how this impacts the process of creating immersive media projects.
This workshop will explore new technologies, trends and projects using code creatively. We will explore off-the-shelf technologies as well as creative coding toolkits. We will also review examples of projects created with these new technologies and share successes and failures with each approach.
In addition to learning about new tools, expect to walk away with a new methodology for creating stories that are conceived and executed in the new model of “story as software”.
This document summarizes Eelco den Heijer's presentation on creative coding. It discusses different forms of creativity such as combinational, exploratory, and transformational creativity. Examples of creative coding projects are presented, including EvoArt which uses genetic programming to create evolutionary art, Arfunkel which uses functional programming to manipulate images, and Dichtfabriek which generates poetry using word sequences. Live coding is also discussed as a way to produce and perform code simultaneously. The presentation concludes that creative coding comes in many forms and is an enjoyable way to be creative with technology.
Creative Coding in Interaction Design with Tim StuttsFITC
Creative Coding in Interaction Design
with Tim Stutts
OVERVIEW
Creative coding is a practice that is infused in everything from programming 3D-printed furniture to generative, motion graphics for a commercial–essentially any place where design and development can overlap into a singular, art-directed process. But what is its place in the interaction design (UI/UX) field within the highly requirement-driven software industry? Can raw programmatic exploration for the sake of ideation amount to great, usable end-products? As interaction design touches on applications with increasingly advanced, off-screen technologies, traditional deliverables such as wireframes and user-flows in themselves can distance the designer from the technology and fail to fully explore the combined potential of the human and the application. On the other extreme, a designer may choose to work directly with API’s, but find themselves in over their head. The solution and middle ground is the creative coding platform.
Presented at FITC Toronto 2014 on April 27-29, 2014
More info at www.FITC.ca
This document provides an introduction to a guide for teaching computational thinking concepts through creative computing with Scratch. The guide is organized as a series of 20 sessions covering 5 topics. It introduces Scratch and design-based learning approaches. The document outlines the structure and content of the guide, as well as its origins from workshops hosted by the Scratch team.
O documento discute a codificação criativa, que envolve usar linguagens de programação para fins expressivos ao invés de funcionais. Apresenta uma breve história da arte gerativa e ferramentas para codificação criativa como Processing e Arduino. Também aborda conceitos como o material digital, níveis de abstração e autoria difusa na arte gerada por computador.
Creative coding in art education -Fads presentationTomi Dufva
Slides from my presentation "Creative coding in art education" which I held in Pyhätunturi, Finland at FADS symposium. More details about my presentation can be found at my blog: http://www.thispagehassomeissues.com/blog/2014/11/5/creative-coding-in-art-education-presentation-at-fads-2014
This is an introduction to what creative coding is, and a review of projects in which artists use code as a medium.
More info about the workshop at
http://faltastico.tumblr.com/post/97959317872/last-week-i-did-a-two-day-creative-coding
This document contains notes from a coding workshop. It introduces students to Processing, an open-source programming language and environment used for creating visuals and graphics. It provides examples of basic Processing code for shapes, colors, and coordinates. Students are given exercises to practice drawing in Processing, such as creating a face using ellipses and rectangles. The document concludes by assigning homework for students to find patterns in the real world and read an interview about algorithms.
StoryCode DIY Days Presentation - Creative Codingstorycode
Take a deep-dive into Creative Code with Mike Knowlton and Hal Siegel from StoryCode. As storytelling becomes more influenced by software development practices we all need to think, write, and design like creative technologists. Learn how this impacts the process of creating immersive media projects.
This workshop will explore new technologies, trends and projects using code creatively. We will explore off-the-shelf technologies as well as creative coding toolkits. We will also review examples of projects created with these new technologies and share successes and failures with each approach.
In addition to learning about new tools, expect to walk away with a new methodology for creating stories that are conceived and executed in the new model of “story as software”.
This document summarizes Eelco den Heijer's presentation on creative coding. It discusses different forms of creativity such as combinational, exploratory, and transformational creativity. Examples of creative coding projects are presented, including EvoArt which uses genetic programming to create evolutionary art, Arfunkel which uses functional programming to manipulate images, and Dichtfabriek which generates poetry using word sequences. Live coding is also discussed as a way to produce and perform code simultaneously. The presentation concludes that creative coding comes in many forms and is an enjoyable way to be creative with technology.
Creative Coding in Interaction Design with Tim StuttsFITC
Creative Coding in Interaction Design
with Tim Stutts
OVERVIEW
Creative coding is a practice that is infused in everything from programming 3D-printed furniture to generative, motion graphics for a commercial–essentially any place where design and development can overlap into a singular, art-directed process. But what is its place in the interaction design (UI/UX) field within the highly requirement-driven software industry? Can raw programmatic exploration for the sake of ideation amount to great, usable end-products? As interaction design touches on applications with increasingly advanced, off-screen technologies, traditional deliverables such as wireframes and user-flows in themselves can distance the designer from the technology and fail to fully explore the combined potential of the human and the application. On the other extreme, a designer may choose to work directly with API’s, but find themselves in over their head. The solution and middle ground is the creative coding platform.
Presented at FITC Toronto 2014 on April 27-29, 2014
More info at www.FITC.ca
This document provides an introduction to a guide for teaching computational thinking concepts through creative computing with Scratch. The guide is organized as a series of 20 sessions covering 5 topics. It introduces Scratch and design-based learning approaches. The document outlines the structure and content of the guide, as well as its origins from workshops hosted by the Scratch team.
O documento discute a codificação criativa, que envolve usar linguagens de programação para fins expressivos ao invés de funcionais. Apresenta uma breve história da arte gerativa e ferramentas para codificação criativa como Processing e Arduino. Também aborda conceitos como o material digital, níveis de abstração e autoria difusa na arte gerada por computador.
8. “Infinity” by John Maeda’s (1993) 10,000 interconnected loops, generated by algorithm.
9. John Maeda, Design By Numbers, P. 175
» But drawing a stroke with a pen is no different from
drawing a stroke with a mouse.
The real challenge is to discover the intrinsinc properties
of the new medium and to find out how the stroke you
"draw" via computation is one you could never draw,
or even imagine «
27. #Task1
Beschreibt ein Processing Projekt in einem 5 Minütigen
Vortrag.
Titel, Autor(ren), Kurzbeschreibung, Abbildung(en), Quelle
1. Warum habt ihr das Projekt gewählt? (Ästhetische
Gründe, interessiert euch das Thema…)
2. Was passiert im Hintergrund (Techniken), wie würdet ihr
es umsetzen
www.processing.org
http://www.creativeapplications.net
31. Algorithm
A language understood by both sides
(sender and recipient)
Specific, simple instructions.
Split up a problem into smaller ones.
32. Übung
Zeichne zwei 10x10cm Rechtecke auf ein leeres
Blatt. Zeichne ein Bild darauf, sodass niemand
es sehen kann.
Finde einen Partner. Wenn Ihr beide fertig seid,
dann erkläre dem anderen deine Zeichnung und
erzeugt so eine Kopie.
49. all Exercises in 500x500px
E1: Schreibe dein erstes Processing sketch.
Zeichne eine Komposition aus sich kreuzenden Linien und einem
Rechteck auf ein Blattpapier, danach kopiere dies mit Processing.
E2: Zeichne ein Gesicht
Zeichne eine Anordnung verschiedener Kreise auf einfarbigem
Grund.
Verwende nur Graustufen sowie die Befehle:
»size«, »background«, »fill«, »noFill«, »stroke«, »noStroke«,
»strokeWeight«, »ellipseMode« und »ellipse«.
E3: Erzeuge eine Kopie
Du hast alle Werkzeuge die dir Processing bietet.