SlideShare une entreprise Scribd logo
1  sur  19
Télécharger pour lire hors ligne
Crea%ve	
  Coding	
  
Interac%on	
  Design	
  Lab	
  1,	
  IUAV,	
  WS	
  10/11	
  




                                               Till	
  Nagel,	
  FH	
  Potsdam,	
  10/2010	
  
Variables	
  
Variables:	
  Data	
  types	
  




 int	
  count	
  =	
  0;	
  
 float	
  score	
  =	
  43.71;	
  
 char	
  letter	
  =	
  'a';	
  
 boolean	
  niceWeather	
  =	
  true;	
  
Variables:	
  Assign	
  values	
  




 int	
  x	
  =	
  0;	
  
 line(x,	
  10,	
  x,	
  200);	
  
 x	
  =	
  50;	
  
 line(x,	
  10,	
  x,	
  200);	
  
Variables:	
  Assign	
  values	
  




 int	
  x	
  =	
  0;	
  	
  	
  	
  	
  	
  //	
  ok	
  
 int	
  y	
  =	
  0.3;	
  	
  	
  	
  //	
  error:	
  float	
  value	
  
 z	
  =	
  10;	
  	
  	
  	
  	
  	
  	
  	
  	
  //	
  error:	
  not	
  declared	
  
 char	
  c	
  =	
  true;	
  	
  //	
  error:	
  wrong	
  type	
  
1	
  +	
  2	
  +	
  3	
  +	
  4	
  +	
  5	
  =	
  ?	
  
1	
  +	
  2	
  
	
  	
  	
  	
  3	
  +	
  3	
  
	
  	
  	
  	
  	
  	
  	
  	
  6	
  +	
  4	
  
	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  10	
  +	
  5	
  =	
  15	
  
Variables:	
  Usage	
  



 int	
  sum	
  =	
  0;	
  
Variables:	
  Usage	
  



 int	
  sum	
  =	
  0;	
  
 sum	
  =	
  1	
  +	
  2;	
  
Variables:	
  Usage	
  



 int	
  sum	
  =	
  0;	
  
 sum	
  =	
  1	
  +	
  2;	
  
 sum	
  =	
  sum	
  +	
  3;	
  
Variables:	
  Usage	
  



 int	
  sum	
  =	
  0;	
  
 sum	
  =	
  1	
  +	
  2;	
  
 sum	
  =	
  sum	
  +	
  3;	
  
 sum	
  =	
  sum	
  +	
  4;	
  
 sum	
  =	
  sum	
  +	
  5;	
  
Variables:	
  Usage	
  



 int	
  sum	
  =	
  0;	
  
 sum	
  =	
  1	
  +	
  2;	
  
 sum	
  =	
  sum	
  +	
  3;	
  
 sum	
  =	
  sum	
  +	
  4;	
  
 sum	
  =	
  sum	
  +	
  5;	
  
 println(sum);	
  
Expressions	
  



          int	
  a	
  =	
  3;	
  
          int	
  b	
  =	
  5;	
  
          int	
  c	
  =	
  a	
  +	
  b;	
  
          a	
  =	
  b	
  *	
  2;	
  
          c	
  =	
  c	
  +	
  a;	
  
Expressions	
  in	
  statements	
  



           int	
  x	
  =	
  100;	
  
           int	
  y	
  =	
  20;	
  
           fill(x);	
  
           line(x,	
  y,	
  300,	
  y	
  *	
  2);	
  
Special	
  Processing	
  variables	
  
Sta%c	
  sketch	
  

               	
  size(200,	
  200);	
  
               	
  background(0);	
  
               	
  line(100,	
  50,	
  0,	
  0);	
  
               	
  ellipse(100,	
  100,	
  20,	
  20);	
  
Dynamic	
  sketch	
  

       void	
  setup()	
  {	
  
               	
  size(200,	
  200);	
  
               	
  background(0);	
  
       }	
  
       void	
  draw()	
  {	
  
               	
  line(100,	
  50,	
  0,	
  0);	
  
               	
  ellipse(100,	
  100,	
  20,	
  20);	
  
       }	
  
Dynamic	
  sketch	
  

       void	
  setup()	
  {	
  
               	
  size(200,	
  200);	
  
               	
  background(0);	
  
       }	
  
       void	
  draw()	
  {	
  
               	
  line(100,	
  50,	
  mouseX,	
  mouseY);	
  
               	
  ellipse(mouseX,	
  mouseY,	
  20,	
  20);	
  
       }	
  
Excersises	
  

 E4:	
  Create	
  a	
  dynamic	
  interac.ve	
  line	
  composi.on.	
  
Thank	
  you.	
  


                Copyright	
  Till	
  Nagel,	
  FH	
  Potsdam,	
  10/2010	
  

Contenu connexe

Tendances

Processing資料(5) 正弦波と極座標
Processing資料(5) 正弦波と極座標Processing資料(5) 正弦波と極座標
Processing資料(5) 正弦波と極座標reona396
 
Newton cotes method
Newton cotes methodNewton cotes method
Newton cotes methodFaisal Saeed
 
Program to reflecta triangle
Program to reflecta triangleProgram to reflecta triangle
Program to reflecta triangleTanya Makkar
 
Swadeshi Microprocessor Quiz 2020 (Start-up India)
Swadeshi Microprocessor Quiz 2020 (Start-up India)Swadeshi Microprocessor Quiz 2020 (Start-up India)
Swadeshi Microprocessor Quiz 2020 (Start-up India)PARNIKA GUPTA
 
Don’t care contion
Don’t care contionDon’t care contion
Don’t care contionVenkat Raman
 
C programming codes for the class assignment
C programming codes for the class assignmentC programming codes for the class assignment
C programming codes for the class assignmentZenith SVG
 
X2 t07 06 roots of functions (2012)
X2 t07 06 roots of functions (2012)X2 t07 06 roots of functions (2012)
X2 t07 06 roots of functions (2012)Nigel Simmons
 
2 3 graphing in slope-intercept form
2 3 graphing in slope-intercept form2 3 graphing in slope-intercept form
2 3 graphing in slope-intercept formhisema01
 

Tendances (17)

C programming
C programmingC programming
C programming
 
Processing資料(5) 正弦波と極座標
Processing資料(5) 正弦波と極座標Processing資料(5) 正弦波と極座標
Processing資料(5) 正弦波と極座標
 
Calc 3.6b
Calc 3.6bCalc 3.6b
Calc 3.6b
 
MFC Polygon
MFC PolygonMFC Polygon
MFC Polygon
 
Vcs9
Vcs9Vcs9
Vcs9
 
Programa
ProgramaPrograma
Programa
 
Faisal
FaisalFaisal
Faisal
 
Newton cotes method
Newton cotes methodNewton cotes method
Newton cotes method
 
Program to reflecta triangle
Program to reflecta triangleProgram to reflecta triangle
Program to reflecta triangle
 
Swadeshi Microprocessor Quiz 2020 (Start-up India)
Swadeshi Microprocessor Quiz 2020 (Start-up India)Swadeshi Microprocessor Quiz 2020 (Start-up India)
Swadeshi Microprocessor Quiz 2020 (Start-up India)
 
Don’t care contion
Don’t care contionDon’t care contion
Don’t care contion
 
Calc 3.6b
Calc 3.6bCalc 3.6b
Calc 3.6b
 
C programming codes for the class assignment
C programming codes for the class assignmentC programming codes for the class assignment
C programming codes for the class assignment
 
X2 t07 06 roots of functions (2012)
X2 t07 06 roots of functions (2012)X2 t07 06 roots of functions (2012)
X2 t07 06 roots of functions (2012)
 
Working with IDE
Working with IDEWorking with IDE
Working with IDE
 
Python program
Python programPython program
Python program
 
2 3 graphing in slope-intercept form
2 3 graphing in slope-intercept form2 3 graphing in slope-intercept form
2 3 graphing in slope-intercept form
 

En vedette

Unfolding Data - Interaction Design for Visualizations of Geospatial Data
Unfolding Data - Interaction Design for Visualizations of Geospatial DataUnfolding Data - Interaction Design for Visualizations of Geospatial Data
Unfolding Data - Interaction Design for Visualizations of Geospatial DataTill Nagel
 
Inszenierte Analyse - Von attraktiver Visualisierung zu tieferem Verständnis
Inszenierte Analyse - Von attraktiver Visualisierung zu tieferem VerständnisInszenierte Analyse - Von attraktiver Visualisierung zu tieferem Verständnis
Inszenierte Analyse - Von attraktiver Visualisierung zu tieferem VerständnisTill Nagel
 
Meandering - On the design process of visualizations
Meandering - On the design process of visualizationsMeandering - On the design process of visualizations
Meandering - On the design process of visualizationsTill Nagel
 
Unfolding the City - Urban Mobility Visualizations
Unfolding the City - Urban Mobility VisualizationsUnfolding the City - Urban Mobility Visualizations
Unfolding the City - Urban Mobility VisualizationsTill Nagel
 
Data Mining - lecture 1 - 2014
Data Mining - lecture 1 - 2014Data Mining - lecture 1 - 2014
Data Mining - lecture 1 - 2014Andrii Gakhov
 
cf. city flows - A comparative visualization of bike sharing systems
cf. city flows - A comparative visualization of bike sharing systemscf. city flows - A comparative visualization of bike sharing systems
cf. city flows - A comparative visualization of bike sharing systemsTill Nagel
 
Андрей Себрант - Что такое Big data и почему это страшно интересно
Андрей Себрант - Что такое Big data и почему это страшно интересноАндрей Себрант - Что такое Big data и почему это страшно интересно
Андрей Себрант - Что такое Big data и почему это страшно интересноYandex
 
Что такое Big Data ?
Что такое Big Data ?Что такое Big Data ?
Что такое Big Data ?Mikhail Alekseev
 
Предсказание оттока игроков из World of Tanks
Предсказание оттока игроков из World of TanksПредсказание оттока игроков из World of Tanks
Предсказание оттока игроков из World of TanksYandex
 

En vedette (9)

Unfolding Data - Interaction Design for Visualizations of Geospatial Data
Unfolding Data - Interaction Design for Visualizations of Geospatial DataUnfolding Data - Interaction Design for Visualizations of Geospatial Data
Unfolding Data - Interaction Design for Visualizations of Geospatial Data
 
Inszenierte Analyse - Von attraktiver Visualisierung zu tieferem Verständnis
Inszenierte Analyse - Von attraktiver Visualisierung zu tieferem VerständnisInszenierte Analyse - Von attraktiver Visualisierung zu tieferem Verständnis
Inszenierte Analyse - Von attraktiver Visualisierung zu tieferem Verständnis
 
Meandering - On the design process of visualizations
Meandering - On the design process of visualizationsMeandering - On the design process of visualizations
Meandering - On the design process of visualizations
 
Unfolding the City - Urban Mobility Visualizations
Unfolding the City - Urban Mobility VisualizationsUnfolding the City - Urban Mobility Visualizations
Unfolding the City - Urban Mobility Visualizations
 
Data Mining - lecture 1 - 2014
Data Mining - lecture 1 - 2014Data Mining - lecture 1 - 2014
Data Mining - lecture 1 - 2014
 
cf. city flows - A comparative visualization of bike sharing systems
cf. city flows - A comparative visualization of bike sharing systemscf. city flows - A comparative visualization of bike sharing systems
cf. city flows - A comparative visualization of bike sharing systems
 
Андрей Себрант - Что такое Big data и почему это страшно интересно
Андрей Себрант - Что такое Big data и почему это страшно интересноАндрей Себрант - Что такое Big data и почему это страшно интересно
Андрей Себрант - Что такое Big data и почему это страшно интересно
 
Что такое Big Data ?
Что такое Big Data ?Что такое Big Data ?
Что такое Big Data ?
 
Предсказание оттока игроков из World of Tanks
Предсказание оттока игроков из World of TanksПредсказание оттока игроков из World of Tanks
Предсказание оттока игроков из World of Tanks
 

Similaire à Creative Coding 1 - 2 Variables

Creative Coding 1 - 3 Conditions
Creative Coding 1 - 3 ConditionsCreative Coding 1 - 3 Conditions
Creative Coding 1 - 3 ConditionsTill Nagel
 
Creative Coding 1 - 1 Introduction
Creative Coding 1 - 1 IntroductionCreative Coding 1 - 1 Introduction
Creative Coding 1 - 1 IntroductionTill Nagel
 
Computer graphics lab manual
Computer graphics lab manualComputer graphics lab manual
Computer graphics lab manualUma mohan
 
[3] 프로세싱과 아두이노
[3] 프로세싱과 아두이노[3] 프로세싱과 아두이노
[3] 프로세싱과 아두이노Chiwon Song
 
Programa expresiones regulares
Programa expresiones regularesPrograma expresiones regulares
Programa expresiones regularesAnel Sosa
 
Review questions and answers
Review questions and answersReview questions and answers
Review questions and answersIIUM
 
Know more processing
Know more processingKnow more processing
Know more processingYukiAizawa1
 
The java language cheat sheet
The java language cheat sheetThe java language cheat sheet
The java language cheat sheetanand_study
 
Exploring Canvas
Exploring CanvasExploring Canvas
Exploring CanvasKevin Hoyt
 
Lecture 3 and 4.pptx
Lecture 3 and 4.pptxLecture 3 and 4.pptx
Lecture 3 and 4.pptxMAHAMASADIK
 
Python-3-compiled-Cheat-Sheet-version-3.pdf
Python-3-compiled-Cheat-Sheet-version-3.pdfPython-3-compiled-Cheat-Sheet-version-3.pdf
Python-3-compiled-Cheat-Sheet-version-3.pdfletsdism
 
Connect() Mini 2016
Connect() Mini 2016Connect() Mini 2016
Connect() Mini 2016Jeff Chu
 
Floating point basicsThe core idea of floating-point representatio.pdf
Floating point basicsThe core idea of floating-point representatio.pdfFloating point basicsThe core idea of floating-point representatio.pdf
Floating point basicsThe core idea of floating-point representatio.pdfinfo235816
 

Similaire à Creative Coding 1 - 2 Variables (20)

Creative Coding 1 - 3 Conditions
Creative Coding 1 - 3 ConditionsCreative Coding 1 - 3 Conditions
Creative Coding 1 - 3 Conditions
 
Creative Coding 1 - 1 Introduction
Creative Coding 1 - 1 IntroductionCreative Coding 1 - 1 Introduction
Creative Coding 1 - 1 Introduction
 
Computer graphics lab manual
Computer graphics lab manualComputer graphics lab manual
Computer graphics lab manual
 
[3] 프로세싱과 아두이노
[3] 프로세싱과 아두이노[3] 프로세싱과 아두이노
[3] 프로세싱과 아두이노
 
Java cheatsheet
Java cheatsheetJava cheatsheet
Java cheatsheet
 
Programa expresiones regulares
Programa expresiones regularesPrograma expresiones regulares
Programa expresiones regulares
 
Review questions and answers
Review questions and answersReview questions and answers
Review questions and answers
 
program logbook 2
program logbook 2program logbook 2
program logbook 2
 
C tutorial
C tutorialC tutorial
C tutorial
 
Know more processing
Know more processingKnow more processing
Know more processing
 
The java language cheat sheet
The java language cheat sheetThe java language cheat sheet
The java language cheat sheet
 
変数の型 - Java 演習
変数の型 - Java 演習 変数の型 - Java 演習
変数の型 - Java 演習
 
BCSL 058 solved assignment
BCSL 058 solved assignmentBCSL 058 solved assignment
BCSL 058 solved assignment
 
Exploring Canvas
Exploring CanvasExploring Canvas
Exploring Canvas
 
Lecture 3 and 4.pptx
Lecture 3 and 4.pptxLecture 3 and 4.pptx
Lecture 3 and 4.pptx
 
Python-3-compiled-Cheat-Sheet-version-3.pdf
Python-3-compiled-Cheat-Sheet-version-3.pdfPython-3-compiled-Cheat-Sheet-version-3.pdf
Python-3-compiled-Cheat-Sheet-version-3.pdf
 
Connect() Mini 2016
Connect() Mini 2016Connect() Mini 2016
Connect() Mini 2016
 
Floating point basicsThe core idea of floating-point representatio.pdf
Floating point basicsThe core idea of floating-point representatio.pdfFloating point basicsThe core idea of floating-point representatio.pdf
Floating point basicsThe core idea of floating-point representatio.pdf
 
ddd+scala
ddd+scaladdd+scala
ddd+scala
 
Cs580
Cs580Cs580
Cs580
 

Plus de Till Nagel

Visually analyzing urban mobility - Results and insights from three student r...
Visually analyzing urban mobility - Results and insights from three student r...Visually analyzing urban mobility - Results and insights from three student r...
Visually analyzing urban mobility - Results and insights from three student r...Till Nagel
 
GeoVisualisierung in der Lehre - Wie forschendes Lernen zu funktionalen Proto...
GeoVisualisierung in der Lehre - Wie forschendes Lernen zu funktionalen Proto...GeoVisualisierung in der Lehre - Wie forschendes Lernen zu funktionalen Proto...
GeoVisualisierung in der Lehre - Wie forschendes Lernen zu funktionalen Proto...Till Nagel
 
Unfolding Spatial Data
Unfolding Spatial DataUnfolding Spatial Data
Unfolding Spatial DataTill Nagel
 
Human-Data Interaction
Human-Data InteractionHuman-Data Interaction
Human-Data InteractionTill Nagel
 
Einführung in die Datenvisualisierung - Workshop
Einführung in die Datenvisualisierung - WorkshopEinführung in die Datenvisualisierung - Workshop
Einführung in die Datenvisualisierung - WorkshopTill Nagel
 
Touching Transport - A Case Study on Visualizing Metropolitan Public Transit ...
Touching Transport - A Case Study on Visualizing Metropolitan Public Transit ...Touching Transport - A Case Study on Visualizing Metropolitan Public Transit ...
Touching Transport - A Case Study on Visualizing Metropolitan Public Transit ...Till Nagel
 
Unfolding the City
Unfolding the CityUnfolding the City
Unfolding the CityTill Nagel
 
Unfolding - Workshop at RCA
Unfolding - Workshop at RCAUnfolding - Workshop at RCA
Unfolding - Workshop at RCATill Nagel
 
Unfolding - A Library for Interactive Maps and Geovisualizations
Unfolding - A Library for Interactive Maps and GeovisualizationsUnfolding - A Library for Interactive Maps and Geovisualizations
Unfolding - A Library for Interactive Maps and GeovisualizationsTill Nagel
 
Unfolding - A Simple Library for Interactive Maps and Geovisualizations in Pr...
Unfolding - A Simple Library for Interactive Maps and Geovisualizations in Pr...Unfolding - A Simple Library for Interactive Maps and Geovisualizations in Pr...
Unfolding - A Simple Library for Interactive Maps and Geovisualizations in Pr...Till Nagel
 
Multitouch Lab Intro - Urbane Ebenen
Multitouch Lab Intro - Urbane EbenenMultitouch Lab Intro - Urbane Ebenen
Multitouch Lab Intro - Urbane EbenenTill Nagel
 
Sankey Arcs - Visualizing edge weights in path graphs
Sankey Arcs - Visualizing edge weights in path graphsSankey Arcs - Visualizing edge weights in path graphs
Sankey Arcs - Visualizing edge weights in path graphsTill Nagel
 
Interactive Exploration of Geospatial Network Visualization
Interactive Exploration of Geospatial Network Visualization Interactive Exploration of Geospatial Network Visualization
Interactive Exploration of Geospatial Network Visualization Till Nagel
 
Live Singapore - Interaktive Visualisierungen urbaner Daten
Live Singapore - Interaktive Visualisierungen urbaner DatenLive Singapore - Interaktive Visualisierungen urbaner Daten
Live Singapore - Interaktive Visualisierungen urbaner DatenTill Nagel
 
Unfolding Library for Interactive Maps
Unfolding Library for Interactive MapsUnfolding Library for Interactive Maps
Unfolding Library for Interactive MapsTill Nagel
 
GeoVis - More than Zoom and Pan
GeoVis - More than Zoom and PanGeoVis - More than Zoom and Pan
GeoVis - More than Zoom and PanTill Nagel
 
GeoVisualization for Understanding Cities
GeoVisualization for Understanding CitiesGeoVisualization for Understanding Cities
GeoVisualization for Understanding CitiesTill Nagel
 
Creative Coding 2 - TextVis
Creative Coding 2 - TextVisCreative Coding 2 - TextVis
Creative Coding 2 - TextVisTill Nagel
 
KUL Multimedia - Grasping Data
KUL Multimedia - Grasping DataKUL Multimedia - Grasping Data
KUL Multimedia - Grasping DataTill Nagel
 

Plus de Till Nagel (20)

Visually analyzing urban mobility - Results and insights from three student r...
Visually analyzing urban mobility - Results and insights from three student r...Visually analyzing urban mobility - Results and insights from three student r...
Visually analyzing urban mobility - Results and insights from three student r...
 
GeoVisualisierung in der Lehre - Wie forschendes Lernen zu funktionalen Proto...
GeoVisualisierung in der Lehre - Wie forschendes Lernen zu funktionalen Proto...GeoVisualisierung in der Lehre - Wie forschendes Lernen zu funktionalen Proto...
GeoVisualisierung in der Lehre - Wie forschendes Lernen zu funktionalen Proto...
 
Unfolding Spatial Data
Unfolding Spatial DataUnfolding Spatial Data
Unfolding Spatial Data
 
Human-Data Interaction
Human-Data InteractionHuman-Data Interaction
Human-Data Interaction
 
Einführung in die Datenvisualisierung - Workshop
Einführung in die Datenvisualisierung - WorkshopEinführung in die Datenvisualisierung - Workshop
Einführung in die Datenvisualisierung - Workshop
 
Touching Transport - A Case Study on Visualizing Metropolitan Public Transit ...
Touching Transport - A Case Study on Visualizing Metropolitan Public Transit ...Touching Transport - A Case Study on Visualizing Metropolitan Public Transit ...
Touching Transport - A Case Study on Visualizing Metropolitan Public Transit ...
 
Unfolding the City
Unfolding the CityUnfolding the City
Unfolding the City
 
Unfolding - Workshop at RCA
Unfolding - Workshop at RCAUnfolding - Workshop at RCA
Unfolding - Workshop at RCA
 
Unfolding - A Library for Interactive Maps and Geovisualizations
Unfolding - A Library for Interactive Maps and GeovisualizationsUnfolding - A Library for Interactive Maps and Geovisualizations
Unfolding - A Library for Interactive Maps and Geovisualizations
 
Unfolding - A Simple Library for Interactive Maps and Geovisualizations in Pr...
Unfolding - A Simple Library for Interactive Maps and Geovisualizations in Pr...Unfolding - A Simple Library for Interactive Maps and Geovisualizations in Pr...
Unfolding - A Simple Library for Interactive Maps and Geovisualizations in Pr...
 
mæve
mævemæve
mæve
 
Multitouch Lab Intro - Urbane Ebenen
Multitouch Lab Intro - Urbane EbenenMultitouch Lab Intro - Urbane Ebenen
Multitouch Lab Intro - Urbane Ebenen
 
Sankey Arcs - Visualizing edge weights in path graphs
Sankey Arcs - Visualizing edge weights in path graphsSankey Arcs - Visualizing edge weights in path graphs
Sankey Arcs - Visualizing edge weights in path graphs
 
Interactive Exploration of Geospatial Network Visualization
Interactive Exploration of Geospatial Network Visualization Interactive Exploration of Geospatial Network Visualization
Interactive Exploration of Geospatial Network Visualization
 
Live Singapore - Interaktive Visualisierungen urbaner Daten
Live Singapore - Interaktive Visualisierungen urbaner DatenLive Singapore - Interaktive Visualisierungen urbaner Daten
Live Singapore - Interaktive Visualisierungen urbaner Daten
 
Unfolding Library for Interactive Maps
Unfolding Library for Interactive MapsUnfolding Library for Interactive Maps
Unfolding Library for Interactive Maps
 
GeoVis - More than Zoom and Pan
GeoVis - More than Zoom and PanGeoVis - More than Zoom and Pan
GeoVis - More than Zoom and Pan
 
GeoVisualization for Understanding Cities
GeoVisualization for Understanding CitiesGeoVisualization for Understanding Cities
GeoVisualization for Understanding Cities
 
Creative Coding 2 - TextVis
Creative Coding 2 - TextVisCreative Coding 2 - TextVis
Creative Coding 2 - TextVis
 
KUL Multimedia - Grasping Data
KUL Multimedia - Grasping DataKUL Multimedia - Grasping Data
KUL Multimedia - Grasping Data
 

Dernier

原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档208367051
 
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一Fi sss
 
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,Aginakm1
 
3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdf3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdfSwaraliBorhade
 
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services DubaiDubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubaikojalkojal131
 
ARt app | UX Case Study
ARt app | UX Case StudyARt app | UX Case Study
ARt app | UX Case StudySophia Viganò
 
Mookuthi is an artisanal nose ornament brand based in Madras.
Mookuthi is an artisanal nose ornament brand based in Madras.Mookuthi is an artisanal nose ornament brand based in Madras.
Mookuthi is an artisanal nose ornament brand based in Madras.Mookuthi
 
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)jennyeacort
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Rndexperts
 
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书zdzoqco
 
Design principles on typography in design
Design principles on typography in designDesign principles on typography in design
Design principles on typography in designnooreen17
 
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024CristobalHeraud
 
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfneelspinoy
 
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfFiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfShivakumar Viswanathan
 
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree 毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree ttt fff
 
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCRdollysharma2066
 
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
PORTAFOLIO   2024_  ANASTASIYA  KUDINOVAPORTAFOLIO   2024_  ANASTASIYA  KUDINOVA
PORTAFOLIO 2024_ ANASTASIYA KUDINOVAAnastasiya Kudinova
 
How to Be Famous in your Field just visit our Site
How to Be Famous in your Field just visit our SiteHow to Be Famous in your Field just visit our Site
How to Be Famous in your Field just visit our Sitegalleryaagency
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Rndexperts
 

Dernier (20)

原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
 
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
 
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
 
3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdf3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdf
 
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services DubaiDubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
 
ARt app | UX Case Study
ARt app | UX Case StudyARt app | UX Case Study
ARt app | UX Case Study
 
Mookuthi is an artisanal nose ornament brand based in Madras.
Mookuthi is an artisanal nose ornament brand based in Madras.Mookuthi is an artisanal nose ornament brand based in Madras.
Mookuthi is an artisanal nose ornament brand based in Madras.
 
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025
 
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
 
Design principles on typography in design
Design principles on typography in designDesign principles on typography in design
Design principles on typography in design
 
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
 
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdf
 
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfFiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdf
 
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree 毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
 
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
PORTAFOLIO   2024_  ANASTASIYA  KUDINOVAPORTAFOLIO   2024_  ANASTASIYA  KUDINOVA
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
 
Call Girls in Pratap Nagar, 9953056974 Escort Service
Call Girls in Pratap Nagar,  9953056974 Escort ServiceCall Girls in Pratap Nagar,  9953056974 Escort Service
Call Girls in Pratap Nagar, 9953056974 Escort Service
 
How to Be Famous in your Field just visit our Site
How to Be Famous in your Field just visit our SiteHow to Be Famous in your Field just visit our Site
How to Be Famous in your Field just visit our Site
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025
 

Creative Coding 1 - 2 Variables

  • 1. Crea%ve  Coding   Interac%on  Design  Lab  1,  IUAV,  WS  10/11   Till  Nagel,  FH  Potsdam,  10/2010  
  • 3. Variables:  Data  types   int  count  =  0;   float  score  =  43.71;   char  letter  =  'a';   boolean  niceWeather  =  true;  
  • 4. Variables:  Assign  values   int  x  =  0;   line(x,  10,  x,  200);   x  =  50;   line(x,  10,  x,  200);  
  • 5. Variables:  Assign  values   int  x  =  0;            //  ok   int  y  =  0.3;        //  error:  float  value   z  =  10;                  //  error:  not  declared   char  c  =  true;    //  error:  wrong  type  
  • 6. 1  +  2  +  3  +  4  +  5  =  ?   1  +  2          3  +  3                  6  +  4                        10  +  5  =  15  
  • 7. Variables:  Usage   int  sum  =  0;  
  • 8. Variables:  Usage   int  sum  =  0;   sum  =  1  +  2;  
  • 9. Variables:  Usage   int  sum  =  0;   sum  =  1  +  2;   sum  =  sum  +  3;  
  • 10. Variables:  Usage   int  sum  =  0;   sum  =  1  +  2;   sum  =  sum  +  3;   sum  =  sum  +  4;   sum  =  sum  +  5;  
  • 11. Variables:  Usage   int  sum  =  0;   sum  =  1  +  2;   sum  =  sum  +  3;   sum  =  sum  +  4;   sum  =  sum  +  5;   println(sum);  
  • 12. Expressions   int  a  =  3;   int  b  =  5;   int  c  =  a  +  b;   a  =  b  *  2;   c  =  c  +  a;  
  • 13. Expressions  in  statements   int  x  =  100;   int  y  =  20;   fill(x);   line(x,  y,  300,  y  *  2);  
  • 15. Sta%c  sketch    size(200,  200);    background(0);    line(100,  50,  0,  0);    ellipse(100,  100,  20,  20);  
  • 16. Dynamic  sketch   void  setup()  {    size(200,  200);    background(0);   }   void  draw()  {    line(100,  50,  0,  0);    ellipse(100,  100,  20,  20);   }  
  • 17. Dynamic  sketch   void  setup()  {    size(200,  200);    background(0);   }   void  draw()  {    line(100,  50,  mouseX,  mouseY);    ellipse(mouseX,  mouseY,  20,  20);   }  
  • 18. Excersises   E4:  Create  a  dynamic  interac.ve  line  composi.on.  
  • 19. Thank  you.   Copyright  Till  Nagel,  FH  Potsdam,  10/2010