<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en">
	<id>https://www.uni-weimar.de/kunst-und-gestaltung/wiki/api.php?action=feedcontributions&amp;feedformat=atom&amp;user=Tr3ntlane</id>
	<title>Medien Wiki - User contributions [en]</title>
	<link rel="self" type="application/atom+xml" href="https://www.uni-weimar.de/kunst-und-gestaltung/wiki/api.php?action=feedcontributions&amp;feedformat=atom&amp;user=Tr3ntlane"/>
	<link rel="alternate" type="text/html" href="https://www.uni-weimar.de/kunst-und-gestaltung/wiki/Special:Contributions/Tr3ntlane"/>
	<updated>2026-04-18T13:58:21Z</updated>
	<subtitle>User contributions</subtitle>
	<generator>MediaWiki 1.39.6</generator>
	<entry>
		<id>https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=IFD:Kolloq_WS12&amp;diff=49278</id>
		<title>IFD:Kolloq WS12</title>
		<link rel="alternate" type="text/html" href="https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=IFD:Kolloq_WS12&amp;diff=49278"/>
		<updated>2012-12-08T13:41:51Z</updated>

		<summary type="html">&lt;p&gt;Tr3ntlane: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;[[:Category:Kolloquium|Kolloquium]] &amp;lt;br/&amp;gt;&lt;br /&gt;
&#039;&#039;Lehrperson:&#039;&#039; [[Jens Geelhaar]], [[Michael Markert]], [[Gabriel Rausch]], [[Martin Schied]], [[User:Joatan|Joatan Preis Dutra]], [[Johannes Deich]]&amp;lt;br/&amp;gt;&lt;br /&gt;
&#039;&#039;Bewertung:&#039;&#039; 0 [[ECTS]], ca. 3 [[SWS]]&amp;lt;br/&amp;gt;&lt;br /&gt;
&#039;&#039;Termin:&#039;&#039; Mittwochs, 10.15 Uhr&amp;lt;br/&amp;gt;&lt;br /&gt;
&#039;&#039;Ort:&#039;&#039; Marienstraße 7b, Raum 105&amp;lt;br/&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;Erster Termin:&#039;&#039; Mittwoch, 17. Oktober 2012, 10:15 Uhr&lt;br /&gt;
&lt;br /&gt;
==Beschreibung==&lt;br /&gt;
Das Interface-Design Kolloquium lädt jeden Mittwoch zu einem kleinen Vortrag aus der Praxis (von Studierenden, Gästen oder Mitarbeitern) ein. Im Anschluss wird über das Thema des Vortrags diskutiert.&lt;br /&gt;
&lt;br /&gt;
==English description==&lt;br /&gt;
We are inviting students, guests and lecturers to present their works. There will be a brief discussion afterwards.&lt;br /&gt;
&lt;br /&gt;
== Anmeldung ==&lt;br /&gt;
Der Besuch ist offen für alle und erfordert keine Anmeldung&lt;br /&gt;
&lt;br /&gt;
==Zielgruppe==&lt;br /&gt;
Alle Bachelor- und Master-Studenten, Absolventen und Mitarbeiter der Professur Interface-Design.&lt;br /&gt;
&lt;br /&gt;
== Hinweise für Vortragende ==&lt;br /&gt;
&lt;br /&gt;
Übrigens: Wir freuen uns über Hinweise für interessante Vorträge!&lt;br /&gt;
&lt;br /&gt;
Normalerweise gibt es zwei Redner pro Termin. Es gibt einen Beamer (VGA-Connector!), wenn Sie Sound oder einen Computer benötigen, melden Sie sich bitte bei [[User:Mm|Michael]]. Falls Sie die Präsentation auf einem USB-Stick mitbringen, dann bitte entweder als Mac-Keynote oder als PDF. Wir haben nur eventuell Zugriff auf einen Windows-PC mit Powerpoint.&lt;br /&gt;
&lt;br /&gt;
Sie können Ihre Vortragssprache (Deutsch/Englisch) frei wählen. Es sind jedoch üblicherweise 5 bis 10% fremdsprachige Teilnehmer anwesend, die i.d.R. besser Englisch als Deutsch verstehen.&lt;br /&gt;
&lt;br /&gt;
Die Präsentation sollte eine Dauer von etwa ~20 Minuten haben. Bitte haben Sie Verständnis dafür, wenn wir nach spätestens 30 Minuten abbrechen, denn wir möchten noch genügend Zeit für Feedback, Fragen und kurze Anschlussdiskussionen haben.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
== Notes for Speakers ==&lt;br /&gt;
&lt;br /&gt;
If you feel, you have something interesting to share, please contact us. We are always looking for interesting things to share and talk about.&lt;br /&gt;
&lt;br /&gt;
Typically, we have two presentations per meeting. There is a projector with VGA Connector. If you need Sound or a Computer, please contact [[User:Mm|Michael]]. If you bring your presentation on a USB-Stick, please use either Mac-Keynote or PDF, because we may or may not find a Windows-PC with Powerpoint.&lt;br /&gt;
&lt;br /&gt;
The language of your talk (German/English) is up to you to decide. Usually, there are about 5 to 10% Students that understand English better than German.&lt;br /&gt;
&lt;br /&gt;
The presentation should have a duration of about ~ 20 minutes. Please understand that we need to stop the talk after 30 minutes latest, because there should be time for feedback, questions and short discussions.&lt;br /&gt;
&lt;br /&gt;
==Syllabus==&lt;br /&gt;
Vorläufiger Semesterplan:&lt;br /&gt;
  BITTE MAXIMAL ZWEI VORTRÄGE PRO TERMIN!&lt;br /&gt;
  ONLY TWO PRESENTATIONS PER DAY PLEASE!&lt;br /&gt;
# &amp;lt;del&amp;gt;17.10.&amp;lt;/del&amp;gt; no meeting yet…&lt;br /&gt;
# &amp;lt;del&amp;gt;24.10.&amp;lt;/del&amp;gt; no meeting yet…&lt;br /&gt;
# &amp;lt;del&amp;gt;31.10.&amp;lt;/del&amp;gt; no meeting! (Public Holiday)&lt;br /&gt;
# 07.11. Jan: Interfaces, Martin: ARS-Project&lt;br /&gt;
# 14.11. Matthias + Miriam (Exposé Masterarbeit - Bürgerbeteiligung, Stadtentwicklung, Medien), Jason (If You Have To Ask You Can&#039;t Afford It)&lt;br /&gt;
# 21.11. Marcel K. (HCI for Cultural Heritage Research and Museums), Patawhat?. P (IVIN)&lt;br /&gt;
# 28.11. Adriana (Interaktive Oberflächen), Max Albrecht ([https://github.com/papermill/documentation papermill])&lt;br /&gt;
# 05.12. Augusto Gandia(Collaborative interface for modular architecture), Carlo Enke (Uninizer - Analyse von Kalendersystemen, deren Aufgabenverwaltungssysteme)&lt;br /&gt;
# 12.12. Fabian Vogelsteller: [http://feindura.org feindura - Flat File CMS], Martin Kohlstedt: [Interaktive Lampe]&lt;br /&gt;
# 09.01. Adrian (Vereinte Kreative), Gabriel Rausch (Potentials Of Three-Dimensional Web-Applications)&lt;br /&gt;
# 16.01. tba&lt;br /&gt;
# 23.01. tba&lt;br /&gt;
# 30.01. IFD:Showreel (keine Vorträge mehr)&lt;br /&gt;
  BITTE MAXIMAL ZWEI VORTRÄGE PRO TERMIN!&lt;br /&gt;
  ONLY TWO PRESENTATIONS PER DAY PLEASE!&lt;br /&gt;
&lt;br /&gt;
== Siehe auch ==&lt;br /&gt;
*tba&lt;br /&gt;
&lt;br /&gt;
[[Category:WS12]]&lt;br /&gt;
[[Category:Kollogium]]&lt;br /&gt;
[[Category:Interaktion]]&lt;br /&gt;
[[Category:Interface-Design]]&lt;br /&gt;
[[Category:Jens Geelhaar]]&lt;br /&gt;
[[Category:WS12]]&lt;br /&gt;
[[Category:Kollogium]]&lt;br /&gt;
[[Category:Interaktion]]&lt;br /&gt;
[[Category:Interface-Design]]&lt;br /&gt;
[[Category:Jens Geelhaar]]&lt;/div&gt;</summary>
		<author><name>Tr3ntlane</name></author>
	</entry>
	<entry>
		<id>https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=IFD:Kolloq_WS12&amp;diff=48552</id>
		<title>IFD:Kolloq WS12</title>
		<link rel="alternate" type="text/html" href="https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=IFD:Kolloq_WS12&amp;diff=48552"/>
		<updated>2012-11-29T20:05:20Z</updated>

		<summary type="html">&lt;p&gt;Tr3ntlane: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;[[:Category:Kolloquium|Kolloquium]] &amp;lt;br/&amp;gt;&lt;br /&gt;
&#039;&#039;Lehrperson:&#039;&#039; [[Jens Geelhaar]], [[Michael Markert]], [[Gabriel Rausch]], [[Martin Schied]], [[User:Joatan|Joatan Preis Dutra]], [[Johannes Deich]]&amp;lt;br/&amp;gt;&lt;br /&gt;
&#039;&#039;Bewertung:&#039;&#039; 0 [[ECTS]], ca. 3 [[SWS]]&amp;lt;br/&amp;gt;&lt;br /&gt;
&#039;&#039;Termin:&#039;&#039; Mittwochs, 10.15 Uhr&amp;lt;br/&amp;gt;&lt;br /&gt;
&#039;&#039;Ort:&#039;&#039; Marienstraße 7b, Raum 105&amp;lt;br/&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;Erster Termin:&#039;&#039; Mittwoch, 17. Oktober 2012, 10:15 Uhr&lt;br /&gt;
&lt;br /&gt;
==Beschreibung==&lt;br /&gt;
Das Interface-Design Kolloquium lädt jeden Mittwoch zu einem kleinen Vortrag aus der Praxis (von Studierenden, Gästen oder Mitarbeitern) ein. Im Anschluss wird über das Thema des Vortrags diskutiert.&lt;br /&gt;
&lt;br /&gt;
==English description==&lt;br /&gt;
We are inviting students, guests and lecturers to present their works. There will be a brief discussion afterwards.&lt;br /&gt;
&lt;br /&gt;
== Anmeldung ==&lt;br /&gt;
Der Besuch ist offen für alle und erfordert keine Anmeldung&lt;br /&gt;
&lt;br /&gt;
==Zielgruppe==&lt;br /&gt;
Alle Bachelor- und Master-Studenten, Absolventen und Mitarbeiter der Professur Interface-Design.&lt;br /&gt;
&lt;br /&gt;
== Hinweise für Vortragende ==&lt;br /&gt;
&lt;br /&gt;
Übrigens: Wir freuen uns über Hinweise für interessante Vorträge!&lt;br /&gt;
&lt;br /&gt;
Normalerweise gibt es zwei Redner pro Termin. Es gibt einen Beamer (VGA-Connector!), wenn Sie Sound oder einen Computer benötigen, melden Sie sich bitte bei [[User:Mm|Michael]]. Falls Sie die Präsentation auf einem USB-Stick mitbringen, dann bitte entweder als Mac-Keynote oder als PDF. Wir haben nur eventuell Zugriff auf einen Windows-PC mit Powerpoint.&lt;br /&gt;
&lt;br /&gt;
Sie können Ihre Vortragssprache (Deutsch/Englisch) frei wählen. Es sind jedoch üblicherweise 5 bis 10% fremdsprachige Teilnehmer anwesend, die i.d.R. besser Englisch als Deutsch verstehen.&lt;br /&gt;
&lt;br /&gt;
Die Präsentation sollte eine Dauer von etwa ~20 Minuten haben. Bitte haben Sie Verständnis dafür, wenn wir nach spätestens 30 Minuten abbrechen, denn wir möchten noch genügend Zeit für Feedback, Fragen und kurze Anschlussdiskussionen haben.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
== Notes for Speakers ==&lt;br /&gt;
&lt;br /&gt;
If you feel, you have something interesting to share, please contact us. We are always looking for interesting things to share and talk about.&lt;br /&gt;
&lt;br /&gt;
Typically, we have two presentations per meeting. There is a projector with VGA Connector. If you need Sound or a Computer, please contact [[User:Mm|Michael]]. If you bring your presentation on a USB-Stick, please use either Mac-Keynote or PDF, because we may or may not find a Windows-PC with Powerpoint.&lt;br /&gt;
&lt;br /&gt;
The language of your talk (German/English) is up to you to decide. Usually, there are about 5 to 10% Students that understand English better than German.&lt;br /&gt;
&lt;br /&gt;
The presentation should have a duration of about ~ 20 minutes. Please understand that we need to stop the talk after 30 minutes latest, because there should be time for feedback, questions and short discussions.&lt;br /&gt;
&lt;br /&gt;
==Syllabus==&lt;br /&gt;
Vorläufiger Semesterplan:&lt;br /&gt;
  BITTE MAXIMAL ZWEI VORTRÄGE PRO TERMIN!&lt;br /&gt;
  ONLY TWO PRESENTATIONS PER DAY PLEASE!&lt;br /&gt;
# &amp;lt;del&amp;gt;17.10.&amp;lt;/del&amp;gt; no meeting yet…&lt;br /&gt;
# &amp;lt;del&amp;gt;24.10.&amp;lt;/del&amp;gt; no meeting yet…&lt;br /&gt;
# &amp;lt;del&amp;gt;31.10.&amp;lt;/del&amp;gt; no meeting! (Public Holiday)&lt;br /&gt;
# 07.11. Jan: Interfaces, Martin: ARS-Project&lt;br /&gt;
# 14.11. Matthias + Miriam (Exposé Masterarbeit - Bürgerbeteiligung, Stadtentwicklung, Medien), Jason (If You Have To Ask You Can&#039;t Afford It)&lt;br /&gt;
# 21.11. Marcel K. (HCI for Cultural Heritage Research and Museums), Patawat. P (IVIN)&lt;br /&gt;
# 28.11. Adriana (Interaktive Oberflächen), Max Albrecht ([https://github.com/papermill/documentation papermill])&lt;br /&gt;
# 05.12. Augusto Gandia(Collaborative interface for modular architecture), Carlo Enke (Uninizer - Analyse von Kalendersystemen, deren Aufgabenverwaltungssysteme)&lt;br /&gt;
# 12.12. Fabian Vogelsteller: [http://feindura.org feindura - Flat File CMS], Martin Kohlstedt: [Interaktive Lampe]&lt;br /&gt;
# 09.01. Dianna (app), Adrian (Vereinte Kreative)&lt;br /&gt;
# 16.01. tba&lt;br /&gt;
# 23.01. tba&lt;br /&gt;
# 30.01. IFD:Showreel (keine Vorträge mehr)&lt;br /&gt;
  BITTE MAXIMAL ZWEI VORTRÄGE PRO TERMIN!&lt;br /&gt;
  ONLY TWO PRESENTATIONS PER DAY PLEASE!&lt;br /&gt;
&lt;br /&gt;
== Siehe auch ==&lt;br /&gt;
*tba&lt;br /&gt;
&lt;br /&gt;
[[Category:WS12]]&lt;br /&gt;
[[Category:Kollogium]]&lt;br /&gt;
[[Category:Interaktion]]&lt;br /&gt;
[[Category:Interface-Design]]&lt;br /&gt;
[[Category:Jens Geelhaar]]&lt;br /&gt;
[[Category:WS12]]&lt;br /&gt;
[[Category:Kollogium]]&lt;br /&gt;
[[Category:Interaktion]]&lt;br /&gt;
[[Category:Interface-Design]]&lt;br /&gt;
[[Category:Jens Geelhaar]]&lt;/div&gt;</summary>
		<author><name>Tr3ntlane</name></author>
	</entry>
	<entry>
		<id>https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=IFD:Kolloq_WS12&amp;diff=47415</id>
		<title>IFD:Kolloq WS12</title>
		<link rel="alternate" type="text/html" href="https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=IFD:Kolloq_WS12&amp;diff=47415"/>
		<updated>2012-11-15T14:30:09Z</updated>

		<summary type="html">&lt;p&gt;Tr3ntlane: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;[[:Category:Kolloquium|Kolloquium]] &amp;lt;br/&amp;gt;&lt;br /&gt;
&#039;&#039;Lehrperson:&#039;&#039; [[Jens Geelhaar]], [[Michael Markert]], [[Gabriel Rausch]], [[Martin Schied]], [[User:Joatan|Joatan Preis Dutra]], [[Johannes Deich]]&amp;lt;br/&amp;gt;&lt;br /&gt;
&#039;&#039;Bewertung:&#039;&#039; 0 [[ECTS]], ca. 3 [[SWS]]&amp;lt;br/&amp;gt;&lt;br /&gt;
&#039;&#039;Termin:&#039;&#039; Mittwochs, 10.15 Uhr&amp;lt;br/&amp;gt;&lt;br /&gt;
&#039;&#039;Ort:&#039;&#039; Marienstraße 7b, Raum 105&amp;lt;br/&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;Erster Termin:&#039;&#039; Mittwoch, 17. Oktober 2012, 10:15 Uhr&lt;br /&gt;
&lt;br /&gt;
==Beschreibung==&lt;br /&gt;
Das Interface-Design Kolloquium lädt jeden Mittwoch zu einem kleinen Vortrag aus der Praxis (von Studierenden, Gästen oder Mitarbeitern) ein. Im Anschluss wird über das Thema des Vortrags diskutiert.&lt;br /&gt;
&lt;br /&gt;
==English description==&lt;br /&gt;
We are inviting students, guests and lecturers to present their works. There will be a brief discussion afterwards.&lt;br /&gt;
&lt;br /&gt;
== Anmeldung ==&lt;br /&gt;
Der Besuch ist offen für alle und erfordert keine Anmeldung&lt;br /&gt;
&lt;br /&gt;
==Zielgruppe==&lt;br /&gt;
Alle Bachelor- und Master-Studenten, Absolventen und Mitarbeiter der Professur Interface-Design.&lt;br /&gt;
&lt;br /&gt;
== Hinweise für Vortragende ==&lt;br /&gt;
&lt;br /&gt;
Übrigens: Wir freuen uns über Hinweise für interessante Vorträge!&lt;br /&gt;
&lt;br /&gt;
Normalerweise gibt es zwei Redner pro Termin. Es gibt einen Beamer (VGA-Connector!), wenn Sie Sound oder einen Computer benötigen, melden Sie sich bitte bei [[User:Mm|Michael]]. Falls Sie die Präsentation auf einem USB-Stick mitbringen, dann bitte entweder als Mac-Keynote oder als PDF. Wir haben nur eventuell Zugriff auf einen Windows-PC mit Powerpoint.&lt;br /&gt;
&lt;br /&gt;
Sie können Ihre Vortragssprache (Deutsch/Englisch) frei wählen. Es sind jedoch üblicherweise 5 bis 10% fremdsprachige Teilnehmer anwesend, die i.d.R. besser Englisch als Deutsch verstehen.&lt;br /&gt;
&lt;br /&gt;
Die Präsentation sollte eine Dauer von etwa ~20 Minuten haben. Bitte haben Sie Verständnis dafür, wenn wir nach spätestens 30 Minuten abbrechen, denn wir möchten noch genügend Zeit für Feedback, Fragen und kurze Anschlussdiskussionen haben.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
== Notes for Speakers ==&lt;br /&gt;
&lt;br /&gt;
If you feel, you have something interesting to share, please contact us. We are always looking for interesting things to share and talk about.&lt;br /&gt;
&lt;br /&gt;
Typically, we have two presentations per meeting. There is a projector with VGA Connector. If you need Sound or a Computer, please contact [[User:Mm|Michael]]. If you bring your presentation on a USB-Stick, please use either Mac-Keynote or PDF, because we may or may not find a Windows-PC with Powerpoint.&lt;br /&gt;
&lt;br /&gt;
The language of your talk (German/English) is up to you to decide. Usually, there are about 5 to 10% Students that understand English better than German.&lt;br /&gt;
&lt;br /&gt;
The presentation should have a duration of about ~ 20 minutes. Please understand that we need to stop the talk after 30 minutes latest, because there should be time for feedback, questions and short discussions.&lt;br /&gt;
&lt;br /&gt;
==Syllabus==&lt;br /&gt;
Vorläufiger Semesterplan:&lt;br /&gt;
# &amp;lt;del&amp;gt;17.10.&amp;lt;/del&amp;gt; no meeting yet…&lt;br /&gt;
# &amp;lt;del&amp;gt;24.10.&amp;lt;/del&amp;gt; no meeting yet…&lt;br /&gt;
# &amp;lt;del&amp;gt;31.10.&amp;lt;/del&amp;gt; no meeting! (Public Holiday)&lt;br /&gt;
# 07.11. Jan: Interfaces, Martin: ARS-Project&lt;br /&gt;
# 14.11. Matthias + Miriam (Exposé Masterarbeit - Bürgerbeteiligung, Stadtentwicklung, Medien), Jason (If You Have To Ask You Can&#039;t Afford It)&lt;br /&gt;
# 21.11. Marcel K. (HCI for Cultural Heritage Research and Museums, Patawhat.P (IVIN)&lt;br /&gt;
# 28.11. Adriana (Interaktive Oberflächen), Max Albrecht ([https://github.com/papermill/documentation papermill])&lt;br /&gt;
# 05.12. Augusto(ensemble)&lt;br /&gt;
# 12.12. tba&lt;br /&gt;
# 09.01. tba&lt;br /&gt;
# 16.01. tba&lt;br /&gt;
# 23.01. tba&lt;br /&gt;
# 30.01. tba&lt;br /&gt;
&lt;br /&gt;
== Siehe auch ==&lt;br /&gt;
*tba&lt;br /&gt;
&lt;br /&gt;
[[Category:WS12]]&lt;br /&gt;
[[Category:Kollogium]]&lt;br /&gt;
[[Category:Interaktion]]&lt;br /&gt;
[[Category:Interface-Design]]&lt;br /&gt;
[[Category:Jens Geelhaar]]&lt;/div&gt;</summary>
		<author><name>Tr3ntlane</name></author>
	</entry>
	<entry>
		<id>https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=IFD:WebBasicsII/Kursplan_Web_Basic_II/Zwischenpraesentation/Augusto_Gand%C3%ADa&amp;diff=42278</id>
		<title>IFD:WebBasicsII/Kursplan Web Basic II/Zwischenpraesentation/Augusto Gandía</title>
		<link rel="alternate" type="text/html" href="https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=IFD:WebBasicsII/Kursplan_Web_Basic_II/Zwischenpraesentation/Augusto_Gand%C3%ADa&amp;diff=42278"/>
		<updated>2012-06-11T10:13:25Z</updated>

		<summary type="html">&lt;p&gt;Tr3ntlane: Created page with &amp;quot;&amp;lt;gallery&amp;gt; File:Tripbook.jpg &amp;lt;/gallery&amp;gt;&amp;quot;&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&amp;lt;gallery&amp;gt;&lt;br /&gt;
File:Tripbook.jpg&lt;br /&gt;
&amp;lt;/gallery&amp;gt;&lt;/div&gt;</summary>
		<author><name>Tr3ntlane</name></author>
	</entry>
	<entry>
		<id>https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=File:Tripbook.jpg&amp;diff=42277</id>
		<title>File:Tripbook.jpg</title>
		<link rel="alternate" type="text/html" href="https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=File:Tripbook.jpg&amp;diff=42277"/>
		<updated>2012-06-11T10:07:47Z</updated>

		<summary type="html">&lt;p&gt;Tr3ntlane: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;== Summary ==&lt;br /&gt;
&lt;br /&gt;
== Copyright status: ==&lt;br /&gt;
&lt;br /&gt;
== Source: ==&lt;/div&gt;</summary>
		<author><name>Tr3ntlane</name></author>
	</entry>
	<entry>
		<id>https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=IFD:WebBasicsII/Kursplan_Web_Basic_II/Zwischenpraesentation&amp;diff=42276</id>
		<title>IFD:WebBasicsII/Kursplan Web Basic II/Zwischenpraesentation</title>
		<link rel="alternate" type="text/html" href="https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=IFD:WebBasicsII/Kursplan_Web_Basic_II/Zwischenpraesentation&amp;diff=42276"/>
		<updated>2012-06-11T10:06:34Z</updated>

		<summary type="html">&lt;p&gt;Tr3ntlane: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;[[/Anastasiya Pavelchuk/]]&lt;br /&gt;
&lt;br /&gt;
[[/Anja Werner/]]&lt;br /&gt;
&lt;br /&gt;
[[/Augusto Gandía/]]&lt;br /&gt;
&lt;br /&gt;
[[/Constantin Oestreich/]]&lt;br /&gt;
&lt;br /&gt;
[[/Eleni Digidiki/]]&lt;br /&gt;
&lt;br /&gt;
[[/Florian Froger/]]&lt;br /&gt;
&lt;br /&gt;
[[/Hannes Wünsche/]]&lt;br /&gt;
&lt;br /&gt;
[[/Ingo Schäfer/]]&lt;br /&gt;
&lt;br /&gt;
[[/Joatan Preis Dutra/]]&lt;br /&gt;
&lt;br /&gt;
[[/Julia Wagner/]]&lt;br /&gt;
&lt;br /&gt;
[[/Laura Jozefini/]]&lt;br /&gt;
&lt;br /&gt;
[[/Lukas Krause/]]&lt;br /&gt;
&lt;br /&gt;
[[/Lydia Kluge/]]&lt;br /&gt;
&lt;br /&gt;
[[/Marcus Glahn/]]&lt;br /&gt;
&lt;br /&gt;
[[/Martin Pabsdorf/]]&lt;br /&gt;
&lt;br /&gt;
[[/Matias Garcia/]]&lt;br /&gt;
&lt;br /&gt;
[[/Monika Schwarz/]]&lt;br /&gt;
&lt;br /&gt;
[[/Paul Götze/]]&lt;br /&gt;
&lt;br /&gt;
[[/Shayna Lauer/]]&lt;br /&gt;
&lt;br /&gt;
[[/Stepan Boldt/]]&lt;br /&gt;
&lt;br /&gt;
[[/Theresa Tschenker/]]&lt;br /&gt;
&lt;br /&gt;
[[/Tobias Westphal/]]&lt;br /&gt;
&lt;br /&gt;
[[/Diana Cano/]]&lt;/div&gt;</summary>
		<author><name>Tr3ntlane</name></author>
	</entry>
	<entry>
		<id>https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=IFD:PhysicalComp2011/Augusto_Gandia&amp;diff=40626</id>
		<title>IFD:PhysicalComp2011/Augusto Gandia</title>
		<link rel="alternate" type="text/html" href="https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=IFD:PhysicalComp2011/Augusto_Gandia&amp;diff=40626"/>
		<updated>2012-04-02T17:39:31Z</updated>

		<summary type="html">&lt;p&gt;Tr3ntlane: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;==Trip Book - digital and physical combination==&lt;br /&gt;
&lt;br /&gt;
===First ideas===&lt;br /&gt;
&lt;br /&gt;
Despite the differences from this concept of the 80&#039;, &amp;quot;teleportation&amp;quot; is real &lt;br /&gt;
nowadays. Last year I came from the other corner of the earth to Germany and after some hours the only perception which makes me understand the distance was the view through planes and trains windows. I arrived to Weimar and I could, like many other students, leave this place without seen more than the facilities of the University, the supermarkets and the down town streets. In the past, the communication between neighbor cities was through unclear paths across the outskirts. In the current way of living these are residual areas but it doesn&#039;t mean that are no interesting. I decide to take a map from Weimar and randomly visit different points of these undervalued zones and pick up an element which then reminds me that place. One leaf was the object that made that connection between my mind and the place and also a time connection due to the fact that leaves mutate when the times goes by.  &lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;&lt;br /&gt;
File:2tabla.jpg&lt;br /&gt;
&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===Digital collected data===&lt;br /&gt;
&lt;br /&gt;
Digital let us made things simple. By creating an small program in Processing we can access information like names of streets, distances and paths to reach every leaf. Also digital data like pictures doesn&#039;t change throw time so that phenomenon gives us the chance to compare, for example physical leaves with digital ones and see how they have changed. &lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;&lt;br /&gt;
File:3paths.jpg&lt;br /&gt;
&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===Physical collected data===&lt;br /&gt;
&lt;br /&gt;
Physical let us have a Book (object). An object is something ephemeral that show us how the time modifies it and let us compare digital data and physical data. It is the old school way of storing data but it&#039;s not fact to argue that it&#039;s not a contemporary wonderful tool.    &lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;&lt;br /&gt;
File:4hojas.jpg&lt;br /&gt;
&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===Demo Video===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;videoflash type=vimeo&amp;gt;36111919&amp;lt;/videoflash&amp;gt;&lt;br /&gt;
&amp;lt;br&amp;gt;&amp;lt;br&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===Places photographs===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;&lt;br /&gt;
File: imagen1.JPG&lt;br /&gt;
File: imagen2.JPG&lt;br /&gt;
File: imagen3.JPG&lt;br /&gt;
File: imagen4.JPG&lt;br /&gt;
File: imagen5.JPG&lt;br /&gt;
File: imagen6.JPG&lt;br /&gt;
File: imagen7.JPG&lt;br /&gt;
File: imagen8.JPG&lt;br /&gt;
File: imagen9.JPG&lt;br /&gt;
File: imagen10.JPG&lt;br /&gt;
File: imagen11.JPG&lt;br /&gt;
File: imagen12.JPG&lt;br /&gt;
&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===Leaves photographs===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;&lt;br /&gt;
File:hojitas1.jpg&lt;br /&gt;
File:hojitas2.jpg&lt;br /&gt;
File:hojitas3.jpg&lt;br /&gt;
File:hojitas4.jpg&lt;br /&gt;
File:hojitas5.jpg&lt;br /&gt;
File:hojitas6.jpg&lt;br /&gt;
File:hojitas7.jpg&lt;br /&gt;
File:hojitas8.jpg&lt;br /&gt;
File:hojitas9.jpg&lt;br /&gt;
File:hojitas10.jpg&lt;br /&gt;
File:hojitas11.jpg&lt;br /&gt;
&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===Book photographs===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;&lt;br /&gt;
File:Primero.jpg&lt;br /&gt;
File:Segundo.jpg&lt;br /&gt;
File:Tercero.jpg&lt;br /&gt;
File:Cuarta.jpg&lt;br /&gt;
&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===Some Links===&lt;br /&gt;
*[http://keiichimatsuda.com/]|AR cities.&lt;br /&gt;
*[http://postpolitical.us/blog/alternatives/tools_and_technology/social-bicycles-bikeshare-everywhere/]|Social Bikes Tracking System&lt;br /&gt;
*[http://www.discomole.com/2009/06/augmented-reality-book/]|AR Book&lt;br /&gt;
*[http://books.google.de/books?hl=de&amp;amp;lr=&amp;amp;id=6zjOeMKcYTsC&amp;amp;oi=fnd&amp;amp;pg=PA278&amp;amp;dq=outskirts+urbanism&amp;amp;ots=8NvhGD01hE&amp;amp;sig=EAFzGdJDQcd5-xLLvlpuwtraa8s#v=onepage&amp;amp;q=outskirts%20urbanism&amp;amp;f=false]|Urbanism&lt;br /&gt;
&lt;br /&gt;
===Code===&lt;br /&gt;
&lt;br /&gt;
boolean overPoint1 = false;&lt;br /&gt;
boolean overPoint2 = false;&lt;br /&gt;
boolean overPoint3 = false;&lt;br /&gt;
boolean overPoint4 = false;&lt;br /&gt;
boolean overPoint5 = false;&lt;br /&gt;
boolean overPoint6 = false;&lt;br /&gt;
boolean overPoint7 = false;&lt;br /&gt;
boolean overPoint8 = false;&lt;br /&gt;
boolean overPoint9 = false;&lt;br /&gt;
boolean overPoint10 = false;&lt;br /&gt;
boolean overPoint11 = false;&lt;br /&gt;
boolean overPoint12 = false;&lt;br /&gt;
&lt;br /&gt;
int[] line1xa = {&lt;br /&gt;
  (800+2), (800-7), (800-40), (800-90), (800-130), (800-155), (800-185), (800-213), (800-245), (800-282), (800-285)&lt;br /&gt;
    , (800-380), (800-380), (800-490)&lt;br /&gt;
    };&lt;br /&gt;
  int[] line1ya = {&lt;br /&gt;
    (450-2), (450+17),(450+9), (450+98), (450+95), (450+68), (450+47), (450+34), (450+25), (450+25), (450+30)&lt;br /&gt;
      , (450+24), (450-2), (450+30)&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
    int[] line1x = {&lt;br /&gt;
      (800+2), (800-7), (800+46), (800+38), (800-62)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1y = {&lt;br /&gt;
      (450-2), (450+17), (450+33), (450+65), (450+140)&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
    int[] line1xb = {&lt;br /&gt;
      (800+2), (800-75), (800-105), (800-138), (800-149), (800-230), (800-390)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yb = {&lt;br /&gt;
      (450-2), (450-28),(450-128), (450-129), (450-122), (450-118), (450-86)&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
    int[] line1xc = {&lt;br /&gt;
      (800+2), (800-75), (800-105), (800-131), (800-175), (800-239), (800-259), (800-257), (800-240)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yc = {&lt;br /&gt;
      (450-2), (450-28),(450-128), (450-218), (450-226), (450-210), (450-250), (450-262), (450-290)&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
    int[] line1xd = {&lt;br /&gt;
      (800+2), (800-75), (800-105), (800-131), (800-175), (800-239), (800-259), (800-257), (800-332), (800-375), (800-424)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yd = {&lt;br /&gt;
      (450-2), (450-28),(450-128), (450-218), (450-226), (450-210),  (450-250), (450-262), (450-257), (450-272), (450-271)&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    int[] line1xe = {&lt;br /&gt;
      (800+2), (800+18), (800+144), (800+163), (800+182), (800+202), (800+214), (800+209), (800+241), (800+263), (800+301), (800+301), (800+510)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1ye = {&lt;br /&gt;
      (450-2), (450-34), (450-4),  (450-33),  (450-31), (450-55), (450-90),  (450-109), (450-121), (450-151), (450-143), (450-128), (450-95)&lt;br /&gt;
      };&lt;br /&gt;
      &lt;br /&gt;
    int[] line1xf = {&lt;br /&gt;
      (800+2), (800+18), (800+33), (800+6), (800+12), (800+60), (800+68), (800+29), (800+8), (800+3), (800-49)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yf = {&lt;br /&gt;
      (450-2), (450-34), (450-64),  (450-73), (450-82), (450-95),  (450-102), (450-188), (450-195), (450-250), (450-255) &lt;br /&gt;
      };&lt;br /&gt;
      &lt;br /&gt;
    int[] line1xg = {&lt;br /&gt;
      (800+2), (800+18), (800+33), (800+6), (800+12), (800+60), (800+68), (800+98), (800+110), (800+123), (800+123), (800+101)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yg = {&lt;br /&gt;
      (450-2), (450-34), (450-64),  (450-73), (450-82), (450-95),  (450-102), (450-127), (450-173), (450-230), (450-270), (450-345) &lt;br /&gt;
      };&lt;br /&gt;
      &lt;br /&gt;
     int[] line1xh = {&lt;br /&gt;
      (800+2), (800+18), (800+33), (800+6), (800+12), (800+60), (800+68), (800+98), (800+110), (800+169), (800+205), (800+189), (800+184), (800+240), (800+352)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yh = {&lt;br /&gt;
      (450-2), (450-34), (450-64),  (450-73), (450-82), (450-95),  (450-102), (450-127), (450-173), (450-176), (450-189), (450-202), (450-236), (450-253), (450-339) &lt;br /&gt;
      };&lt;br /&gt;
      &lt;br /&gt;
      int[] line1xi = {&lt;br /&gt;
      (800+2), (800+90), (800+115), (800+166), (800+120), (800+95)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yi = {&lt;br /&gt;
      (450-2), (450+20), (450+32),  (450+38), (450+220), (450+255)&lt;br /&gt;
      };&lt;br /&gt;
      &lt;br /&gt;
      int[] line1xj = {&lt;br /&gt;
      (800+2), (800+90), (800+115), (800+166), (800+171), (800+227), (800+400)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yj = {&lt;br /&gt;
      (450-2), (450+20), (450+32),  (450+38), (450+44), (450+27), (450+207)&lt;br /&gt;
      };&lt;br /&gt;
      &lt;br /&gt;
      int[] line1xk = {&lt;br /&gt;
      (800+2), (800+90), (800+115), (800+166), (800+171), (800+227), (800+250), (800+278), (800+315), (800+348), (800+350), (800+390), (800+457)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yk = {&lt;br /&gt;
      (450-2), (450+20), (450+32),  (450+38), (450+44), (450+27), (450+25), (450+27), (450+45), (450+62), (450+67), (450+60), (450+63), (450+62)&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
    float pos =0;&lt;br /&gt;
    float pos2 =0;&lt;br /&gt;
    float pos3 =0;&lt;br /&gt;
    float pos4 =0;&lt;br /&gt;
    float pos5 =0;&lt;br /&gt;
    float pos6 =0;&lt;br /&gt;
    float pos7 =0;&lt;br /&gt;
    float pos8 =0;&lt;br /&gt;
    float pos9 =0;&lt;br /&gt;
    float pos10 =0;&lt;br /&gt;
    float pos11 =0;&lt;br /&gt;
    float pos12 =0;&lt;br /&gt;
&lt;br /&gt;
    void setup() {&lt;br /&gt;
      size(1600,900);&lt;br /&gt;
      background(255);&lt;br /&gt;
      imageMode(CENTER);&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    void draw() {&lt;br /&gt;
           &lt;br /&gt;
      noStroke();&lt;br /&gt;
      background(255);&lt;br /&gt;
      //a=(width/2)+11;&lt;br /&gt;
      //b=(height/2)-45;&lt;br /&gt;
      smooth();&lt;br /&gt;
      // myImage=loadImage(&amp;quot;mapa.jpg&amp;quot;);&lt;br /&gt;
      // image(myImage,a,b,1000,600);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
      //1 Drawing the points:&lt;br /&gt;
      &lt;br /&gt;
      for(int i=0; i&amp;lt;line1xa.length; i++) {&lt;br /&gt;
        &lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xa.length -1 ) {&lt;br /&gt;
          rad=12;&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          if(overPoint1 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xa[i],line1ya[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //1 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xa[line1xa.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xa[line1xa.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1ya[line1ya.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1ya[line1ya.length-1] -50 ) {&lt;br /&gt;
        overPoint1 = true;&lt;br /&gt;
        if(pos &amp;lt; line1xa.length-1) {&lt;br /&gt;
          pos += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint1 = false;&lt;br /&gt;
        if(pos &amp;gt; 0) {&lt;br /&gt;
          pos -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //1 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line(line1xa, line1ya, pos);&lt;br /&gt;
&lt;br /&gt;
      //2 Drawing the points:&lt;br /&gt;
      noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1x.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1x.length -1 ) {&lt;br /&gt;
          rad=12;&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          if(overPoint2 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1x[i],line1y[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //2 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1x[line1x.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1x[line1x.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1y[line1y.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1y[line1y.length-1] -50 ) {&lt;br /&gt;
        overPoint2 = true;&lt;br /&gt;
        if(pos2 &amp;lt; line1x.length-1) {&lt;br /&gt;
          pos2 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint2 = false;&lt;br /&gt;
        if(pos2 &amp;gt; 0) {&lt;br /&gt;
          pos2 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //2 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      &lt;br /&gt;
      connect_line2(line1x, line1y, pos2);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
      //3 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xb.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xb.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint3 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xb[i],line1yb[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //3 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xb[line1xb.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xb[line1xb.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yb[line1yb.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yb[line1yb.length-1] -50 ) {&lt;br /&gt;
        overPoint3 = true;&lt;br /&gt;
        if(pos3 &amp;lt; line1xb.length-1) {&lt;br /&gt;
          pos3 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint3 = false;&lt;br /&gt;
        if(pos3 &amp;gt; 0) {&lt;br /&gt;
          pos3 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //3 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line3(line1xb, line1yb, pos3);&lt;br /&gt;
&lt;br /&gt;
      //4 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xc.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xc.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint4 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xc[i],line1yc[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //4 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xc[line1xc.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xc[line1xc.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yc[line1yc.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yc[line1yc.length-1] -50 ) {&lt;br /&gt;
        overPoint4 = true;&lt;br /&gt;
        if(pos4 &amp;lt; line1xc.length-1) {&lt;br /&gt;
          pos4 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint4 = false;&lt;br /&gt;
        if(pos4 &amp;gt; 0) {&lt;br /&gt;
          pos4 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //4 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line4(line1xc, line1yc, pos4);&lt;br /&gt;
&lt;br /&gt;
      //5 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xd.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xd.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint5 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xd[i],line1yd[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //5 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xd[line1xd.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xd[line1xd.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yd[line1yd.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yd[line1yd.length-1] -50 ) {&lt;br /&gt;
        overPoint5 = true;&lt;br /&gt;
        if(pos5 &amp;lt; line1xd.length-1) {&lt;br /&gt;
          pos5 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint5 = false;&lt;br /&gt;
        if(pos5 &amp;gt; 0) {&lt;br /&gt;
          pos5 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //5 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line5(line1xd, line1yd, pos5);&lt;br /&gt;
&lt;br /&gt;
      //6 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xe.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xe.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint6 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xe[i],line1ye[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //6 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xe[line1xe.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xe[line1xe.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1ye[line1ye.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1ye[line1ye.length-1] -50 ) {&lt;br /&gt;
        overPoint6 = true;&lt;br /&gt;
        if(pos6 &amp;lt; line1xe.length-1) {&lt;br /&gt;
          pos6 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint6 = false;&lt;br /&gt;
        if(pos6 &amp;gt; 0) {&lt;br /&gt;
          pos6 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //6 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line6(line1xe, line1ye, pos6);&lt;br /&gt;
      &lt;br /&gt;
       //7 Drawing the points:&lt;br /&gt;
        noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xf.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xf.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint7 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xf[i],line1yf[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //7 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xf[line1xf.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xf[line1xf.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yf[line1yf.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yf[line1yf.length-1] -50 ) {&lt;br /&gt;
        overPoint7 = true;&lt;br /&gt;
        if(pos7 &amp;lt; line1xf.length-1) {&lt;br /&gt;
          pos7 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint7 = false;&lt;br /&gt;
        if(pos7 &amp;gt; 0) {&lt;br /&gt;
          pos7 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //7 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line7(line1xf, line1yf, pos7);&lt;br /&gt;
      &lt;br /&gt;
      //8 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xg.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xg.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint8 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xg[i],line1yg[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //8 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xg[line1xg.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xg[line1xg.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yg[line1yg.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yg[line1yg.length-1] -50 ) {&lt;br /&gt;
        overPoint8 = true;&lt;br /&gt;
        if(pos8 &amp;lt; line1xg.length-1) {&lt;br /&gt;
          pos8 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint8 = false;&lt;br /&gt;
        if(pos8 &amp;gt; 0) {&lt;br /&gt;
          pos8 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //8 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line8(line1xg, line1yg, pos8);&lt;br /&gt;
      &lt;br /&gt;
      //9 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xh.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xh.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint9 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xh[i],line1yh[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //9 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xh[line1xh.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xh[line1xh.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yh[line1yh.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yh[line1yh.length-1] -50 ) {&lt;br /&gt;
        overPoint9 = true;&lt;br /&gt;
        if(pos9 &amp;lt; line1xh.length-1) {&lt;br /&gt;
          pos9 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint9 = false;&lt;br /&gt;
        if(pos9 &amp;gt; 0) {&lt;br /&gt;
          pos9 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //9 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line9(line1xh, line1yh, pos9);&lt;br /&gt;
      &lt;br /&gt;
      //10 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xi.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xi.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint10 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xi[i],line1yi[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //10 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xi[line1xi.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xi[line1xi.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yi[line1yi.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yi[line1yi.length-1] -50 ) {&lt;br /&gt;
        overPoint10 = true;&lt;br /&gt;
        if(pos10 &amp;lt; line1xi.length-1) {&lt;br /&gt;
          pos10 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint10 = false;&lt;br /&gt;
        if(pos10 &amp;gt; 0) {&lt;br /&gt;
          pos10 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //10 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line10(line1xi, line1yi, pos10);&lt;br /&gt;
      &lt;br /&gt;
       //11 Drawing the points:&lt;br /&gt;
        noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xj.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xj.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint11 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xj[i],line1yj[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //11 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xj[line1xj.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xj[line1xj.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yj[line1yj.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yj[line1yj.length-1] -50 ) {&lt;br /&gt;
        overPoint11 = true;&lt;br /&gt;
        if(pos11 &amp;lt; line1xj.length-1) {&lt;br /&gt;
          pos11 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint11 = false;&lt;br /&gt;
        if(pos11 &amp;gt; 0) {&lt;br /&gt;
          pos11 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //11 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line11(line1xj, line1yj, pos11);&lt;br /&gt;
    &lt;br /&gt;
    &lt;br /&gt;
     //12 Drawing the points:&lt;br /&gt;
      noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xk.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xk.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint12 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xk[i],line1yk[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
      //12 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xk[line1xk.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xk[line1xk.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yk[line1yk.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yk[line1yk.length-1] -50 ) {&lt;br /&gt;
        overPoint12 = true;&lt;br /&gt;
        if(pos12 &amp;lt; line1xk.length-1) {&lt;br /&gt;
          pos12 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint12 = false;&lt;br /&gt;
        if(pos12 &amp;gt; 0) {&lt;br /&gt;
          pos12 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //12 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line12(line1xk, line1yk, pos12);&lt;br /&gt;
    }&lt;br /&gt;
    void connect_line(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    void connect_line2(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    void connect_line3(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    void connect_line4(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    void connect_line5(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    void connect_line6(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
     void connect_line7(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    void connect_line8(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    void connect_line9(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    &lt;br /&gt;
     void connect_line10(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    &lt;br /&gt;
    void connect_line11(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    &lt;br /&gt;
        void connect_line12(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;/div&gt;</summary>
		<author><name>Tr3ntlane</name></author>
	</entry>
	<entry>
		<id>https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=File:Primero.jpg&amp;diff=40625</id>
		<title>File:Primero.jpg</title>
		<link rel="alternate" type="text/html" href="https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=File:Primero.jpg&amp;diff=40625"/>
		<updated>2012-04-02T17:38:59Z</updated>

		<summary type="html">&lt;p&gt;Tr3ntlane: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;== Summary ==&lt;br /&gt;
&lt;br /&gt;
== Copyright status: ==&lt;br /&gt;
&lt;br /&gt;
== Source: ==&lt;/div&gt;</summary>
		<author><name>Tr3ntlane</name></author>
	</entry>
	<entry>
		<id>https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=File:Segundo.jpg&amp;diff=40624</id>
		<title>File:Segundo.jpg</title>
		<link rel="alternate" type="text/html" href="https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=File:Segundo.jpg&amp;diff=40624"/>
		<updated>2012-04-02T17:38:14Z</updated>

		<summary type="html">&lt;p&gt;Tr3ntlane: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;== Summary ==&lt;br /&gt;
&lt;br /&gt;
== Copyright status: ==&lt;br /&gt;
&lt;br /&gt;
== Source: ==&lt;/div&gt;</summary>
		<author><name>Tr3ntlane</name></author>
	</entry>
	<entry>
		<id>https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=File:Tercero.jpg&amp;diff=40623</id>
		<title>File:Tercero.jpg</title>
		<link rel="alternate" type="text/html" href="https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=File:Tercero.jpg&amp;diff=40623"/>
		<updated>2012-04-02T17:37:30Z</updated>

		<summary type="html">&lt;p&gt;Tr3ntlane: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;== Summary ==&lt;br /&gt;
&lt;br /&gt;
== Copyright status: ==&lt;br /&gt;
&lt;br /&gt;
== Source: ==&lt;/div&gt;</summary>
		<author><name>Tr3ntlane</name></author>
	</entry>
	<entry>
		<id>https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=File:Cuarta.jpg&amp;diff=40622</id>
		<title>File:Cuarta.jpg</title>
		<link rel="alternate" type="text/html" href="https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=File:Cuarta.jpg&amp;diff=40622"/>
		<updated>2012-04-02T17:35:33Z</updated>

		<summary type="html">&lt;p&gt;Tr3ntlane: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;== Summary ==&lt;br /&gt;
&lt;br /&gt;
== Copyright status: ==&lt;br /&gt;
&lt;br /&gt;
== Source: ==&lt;/div&gt;</summary>
		<author><name>Tr3ntlane</name></author>
	</entry>
	<entry>
		<id>https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=IFD:PhysicalComp2011/Augusto_Gandia&amp;diff=40314</id>
		<title>IFD:PhysicalComp2011/Augusto Gandia</title>
		<link rel="alternate" type="text/html" href="https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=IFD:PhysicalComp2011/Augusto_Gandia&amp;diff=40314"/>
		<updated>2012-03-30T16:14:37Z</updated>

		<summary type="html">&lt;p&gt;Tr3ntlane: /* Leaves photographs */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;==Trip Book - digital and physical combination==&lt;br /&gt;
&lt;br /&gt;
===First ideas===&lt;br /&gt;
&lt;br /&gt;
Despite the differences from this concept of the 80&#039;, &amp;quot;teleportation&amp;quot; is real &lt;br /&gt;
nowadays. Last year I came from the other corner of the earth to Germany and after some hours the only perception which makes me understand the distance was the view through planes and trains windows. I arrived to Weimar and I could, like many other students, leave this place without seen more than the facilities of the University, the supermarkets and the down town streets. In the past, the communication between neighbor cities was through unclear paths across the outskirts. In the current way of living these are residual areas but it doesn&#039;t mean that are no interesting. I decide to take a map from Weimar and randomly visit different points of these undervalued zones and pick up an element which then reminds me that place. One leaf was the object that made that connection between my mind and the place and also a time connection due to the fact that leaves mutate when the times goes by.  &lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;&lt;br /&gt;
File:2tabla.jpg&lt;br /&gt;
&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===Digital collected data===&lt;br /&gt;
&lt;br /&gt;
Digital let us made things simple. By creating an small program in Processing we can access information like names of streets, distances and paths to reach every leaf. Also digital data like pictures doesn&#039;t change throw time so that phenomenon gives us the chance to compare, for example physical leaves with digital ones and see how they have changed. &lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;&lt;br /&gt;
File:3paths.jpg&lt;br /&gt;
&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===Physical collected data===&lt;br /&gt;
&lt;br /&gt;
Physical let us have a Book (object). An object is something ephemeral that show us how the time modifies it and let us compare digital data and physical data. It is the old school way of storing data but it&#039;s not fact to argue that it&#039;s not a contemporary wonderful tool.    &lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;&lt;br /&gt;
File:4hojas.jpg&lt;br /&gt;
&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===Demo Video===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;videoflash type=vimeo&amp;gt;36111919&amp;lt;/videoflash&amp;gt;&lt;br /&gt;
&amp;lt;br&amp;gt;&amp;lt;br&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===Places photographs===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;&lt;br /&gt;
File: imagen1.JPG&lt;br /&gt;
File: imagen2.JPG&lt;br /&gt;
File: imagen3.JPG&lt;br /&gt;
File: imagen4.JPG&lt;br /&gt;
File: imagen5.JPG&lt;br /&gt;
File: imagen6.JPG&lt;br /&gt;
File: imagen7.JPG&lt;br /&gt;
File: imagen8.JPG&lt;br /&gt;
File: imagen9.JPG&lt;br /&gt;
File: imagen10.JPG&lt;br /&gt;
File: imagen11.JPG&lt;br /&gt;
File: imagen12.JPG&lt;br /&gt;
&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===Leaves photographs===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;&lt;br /&gt;
File:hojitas1.jpg&lt;br /&gt;
File:hojitas2.jpg&lt;br /&gt;
File:hojitas3.jpg&lt;br /&gt;
File:hojitas4.jpg&lt;br /&gt;
File:hojitas5.jpg&lt;br /&gt;
File:hojitas6.jpg&lt;br /&gt;
File:hojitas7.jpg&lt;br /&gt;
File:hojitas8.jpg&lt;br /&gt;
File:hojitas9.jpg&lt;br /&gt;
File:hojitas10.jpg&lt;br /&gt;
File:hojitas11.jpg&lt;br /&gt;
&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===Some Links===&lt;br /&gt;
*[http://keiichimatsuda.com/]|AR cities.&lt;br /&gt;
*[http://postpolitical.us/blog/alternatives/tools_and_technology/social-bicycles-bikeshare-everywhere/]|Social Bikes Tracking System&lt;br /&gt;
*[http://www.discomole.com/2009/06/augmented-reality-book/]|AR Book&lt;br /&gt;
*[http://books.google.de/books?hl=de&amp;amp;lr=&amp;amp;id=6zjOeMKcYTsC&amp;amp;oi=fnd&amp;amp;pg=PA278&amp;amp;dq=outskirts+urbanism&amp;amp;ots=8NvhGD01hE&amp;amp;sig=EAFzGdJDQcd5-xLLvlpuwtraa8s#v=onepage&amp;amp;q=outskirts%20urbanism&amp;amp;f=false]|Urbanism&lt;br /&gt;
&lt;br /&gt;
===Code===&lt;br /&gt;
&lt;br /&gt;
boolean overPoint1 = false;&lt;br /&gt;
boolean overPoint2 = false;&lt;br /&gt;
boolean overPoint3 = false;&lt;br /&gt;
boolean overPoint4 = false;&lt;br /&gt;
boolean overPoint5 = false;&lt;br /&gt;
boolean overPoint6 = false;&lt;br /&gt;
boolean overPoint7 = false;&lt;br /&gt;
boolean overPoint8 = false;&lt;br /&gt;
boolean overPoint9 = false;&lt;br /&gt;
boolean overPoint10 = false;&lt;br /&gt;
boolean overPoint11 = false;&lt;br /&gt;
boolean overPoint12 = false;&lt;br /&gt;
&lt;br /&gt;
int[] line1xa = {&lt;br /&gt;
  (800+2), (800-7), (800-40), (800-90), (800-130), (800-155), (800-185), (800-213), (800-245), (800-282), (800-285)&lt;br /&gt;
    , (800-380), (800-380), (800-490)&lt;br /&gt;
    };&lt;br /&gt;
  int[] line1ya = {&lt;br /&gt;
    (450-2), (450+17),(450+9), (450+98), (450+95), (450+68), (450+47), (450+34), (450+25), (450+25), (450+30)&lt;br /&gt;
      , (450+24), (450-2), (450+30)&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
    int[] line1x = {&lt;br /&gt;
      (800+2), (800-7), (800+46), (800+38), (800-62)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1y = {&lt;br /&gt;
      (450-2), (450+17), (450+33), (450+65), (450+140)&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
    int[] line1xb = {&lt;br /&gt;
      (800+2), (800-75), (800-105), (800-138), (800-149), (800-230), (800-390)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yb = {&lt;br /&gt;
      (450-2), (450-28),(450-128), (450-129), (450-122), (450-118), (450-86)&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
    int[] line1xc = {&lt;br /&gt;
      (800+2), (800-75), (800-105), (800-131), (800-175), (800-239), (800-259), (800-257), (800-240)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yc = {&lt;br /&gt;
      (450-2), (450-28),(450-128), (450-218), (450-226), (450-210), (450-250), (450-262), (450-290)&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
    int[] line1xd = {&lt;br /&gt;
      (800+2), (800-75), (800-105), (800-131), (800-175), (800-239), (800-259), (800-257), (800-332), (800-375), (800-424)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yd = {&lt;br /&gt;
      (450-2), (450-28),(450-128), (450-218), (450-226), (450-210),  (450-250), (450-262), (450-257), (450-272), (450-271)&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    int[] line1xe = {&lt;br /&gt;
      (800+2), (800+18), (800+144), (800+163), (800+182), (800+202), (800+214), (800+209), (800+241), (800+263), (800+301), (800+301), (800+510)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1ye = {&lt;br /&gt;
      (450-2), (450-34), (450-4),  (450-33),  (450-31), (450-55), (450-90),  (450-109), (450-121), (450-151), (450-143), (450-128), (450-95)&lt;br /&gt;
      };&lt;br /&gt;
      &lt;br /&gt;
    int[] line1xf = {&lt;br /&gt;
      (800+2), (800+18), (800+33), (800+6), (800+12), (800+60), (800+68), (800+29), (800+8), (800+3), (800-49)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yf = {&lt;br /&gt;
      (450-2), (450-34), (450-64),  (450-73), (450-82), (450-95),  (450-102), (450-188), (450-195), (450-250), (450-255) &lt;br /&gt;
      };&lt;br /&gt;
      &lt;br /&gt;
    int[] line1xg = {&lt;br /&gt;
      (800+2), (800+18), (800+33), (800+6), (800+12), (800+60), (800+68), (800+98), (800+110), (800+123), (800+123), (800+101)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yg = {&lt;br /&gt;
      (450-2), (450-34), (450-64),  (450-73), (450-82), (450-95),  (450-102), (450-127), (450-173), (450-230), (450-270), (450-345) &lt;br /&gt;
      };&lt;br /&gt;
      &lt;br /&gt;
     int[] line1xh = {&lt;br /&gt;
      (800+2), (800+18), (800+33), (800+6), (800+12), (800+60), (800+68), (800+98), (800+110), (800+169), (800+205), (800+189), (800+184), (800+240), (800+352)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yh = {&lt;br /&gt;
      (450-2), (450-34), (450-64),  (450-73), (450-82), (450-95),  (450-102), (450-127), (450-173), (450-176), (450-189), (450-202), (450-236), (450-253), (450-339) &lt;br /&gt;
      };&lt;br /&gt;
      &lt;br /&gt;
      int[] line1xi = {&lt;br /&gt;
      (800+2), (800+90), (800+115), (800+166), (800+120), (800+95)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yi = {&lt;br /&gt;
      (450-2), (450+20), (450+32),  (450+38), (450+220), (450+255)&lt;br /&gt;
      };&lt;br /&gt;
      &lt;br /&gt;
      int[] line1xj = {&lt;br /&gt;
      (800+2), (800+90), (800+115), (800+166), (800+171), (800+227), (800+400)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yj = {&lt;br /&gt;
      (450-2), (450+20), (450+32),  (450+38), (450+44), (450+27), (450+207)&lt;br /&gt;
      };&lt;br /&gt;
      &lt;br /&gt;
      int[] line1xk = {&lt;br /&gt;
      (800+2), (800+90), (800+115), (800+166), (800+171), (800+227), (800+250), (800+278), (800+315), (800+348), (800+350), (800+390), (800+457)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yk = {&lt;br /&gt;
      (450-2), (450+20), (450+32),  (450+38), (450+44), (450+27), (450+25), (450+27), (450+45), (450+62), (450+67), (450+60), (450+63), (450+62)&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
    float pos =0;&lt;br /&gt;
    float pos2 =0;&lt;br /&gt;
    float pos3 =0;&lt;br /&gt;
    float pos4 =0;&lt;br /&gt;
    float pos5 =0;&lt;br /&gt;
    float pos6 =0;&lt;br /&gt;
    float pos7 =0;&lt;br /&gt;
    float pos8 =0;&lt;br /&gt;
    float pos9 =0;&lt;br /&gt;
    float pos10 =0;&lt;br /&gt;
    float pos11 =0;&lt;br /&gt;
    float pos12 =0;&lt;br /&gt;
&lt;br /&gt;
    void setup() {&lt;br /&gt;
      size(1600,900);&lt;br /&gt;
      background(255);&lt;br /&gt;
      imageMode(CENTER);&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    void draw() {&lt;br /&gt;
           &lt;br /&gt;
      noStroke();&lt;br /&gt;
      background(255);&lt;br /&gt;
      //a=(width/2)+11;&lt;br /&gt;
      //b=(height/2)-45;&lt;br /&gt;
      smooth();&lt;br /&gt;
      // myImage=loadImage(&amp;quot;mapa.jpg&amp;quot;);&lt;br /&gt;
      // image(myImage,a,b,1000,600);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
      //1 Drawing the points:&lt;br /&gt;
      &lt;br /&gt;
      for(int i=0; i&amp;lt;line1xa.length; i++) {&lt;br /&gt;
        &lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xa.length -1 ) {&lt;br /&gt;
          rad=12;&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          if(overPoint1 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xa[i],line1ya[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //1 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xa[line1xa.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xa[line1xa.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1ya[line1ya.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1ya[line1ya.length-1] -50 ) {&lt;br /&gt;
        overPoint1 = true;&lt;br /&gt;
        if(pos &amp;lt; line1xa.length-1) {&lt;br /&gt;
          pos += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint1 = false;&lt;br /&gt;
        if(pos &amp;gt; 0) {&lt;br /&gt;
          pos -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //1 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line(line1xa, line1ya, pos);&lt;br /&gt;
&lt;br /&gt;
      //2 Drawing the points:&lt;br /&gt;
      noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1x.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1x.length -1 ) {&lt;br /&gt;
          rad=12;&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          if(overPoint2 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1x[i],line1y[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //2 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1x[line1x.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1x[line1x.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1y[line1y.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1y[line1y.length-1] -50 ) {&lt;br /&gt;
        overPoint2 = true;&lt;br /&gt;
        if(pos2 &amp;lt; line1x.length-1) {&lt;br /&gt;
          pos2 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint2 = false;&lt;br /&gt;
        if(pos2 &amp;gt; 0) {&lt;br /&gt;
          pos2 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //2 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      &lt;br /&gt;
      connect_line2(line1x, line1y, pos2);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
      //3 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xb.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xb.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint3 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xb[i],line1yb[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //3 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xb[line1xb.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xb[line1xb.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yb[line1yb.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yb[line1yb.length-1] -50 ) {&lt;br /&gt;
        overPoint3 = true;&lt;br /&gt;
        if(pos3 &amp;lt; line1xb.length-1) {&lt;br /&gt;
          pos3 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint3 = false;&lt;br /&gt;
        if(pos3 &amp;gt; 0) {&lt;br /&gt;
          pos3 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //3 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line3(line1xb, line1yb, pos3);&lt;br /&gt;
&lt;br /&gt;
      //4 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xc.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xc.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint4 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xc[i],line1yc[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //4 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xc[line1xc.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xc[line1xc.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yc[line1yc.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yc[line1yc.length-1] -50 ) {&lt;br /&gt;
        overPoint4 = true;&lt;br /&gt;
        if(pos4 &amp;lt; line1xc.length-1) {&lt;br /&gt;
          pos4 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint4 = false;&lt;br /&gt;
        if(pos4 &amp;gt; 0) {&lt;br /&gt;
          pos4 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //4 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line4(line1xc, line1yc, pos4);&lt;br /&gt;
&lt;br /&gt;
      //5 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xd.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xd.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint5 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xd[i],line1yd[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //5 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xd[line1xd.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xd[line1xd.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yd[line1yd.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yd[line1yd.length-1] -50 ) {&lt;br /&gt;
        overPoint5 = true;&lt;br /&gt;
        if(pos5 &amp;lt; line1xd.length-1) {&lt;br /&gt;
          pos5 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint5 = false;&lt;br /&gt;
        if(pos5 &amp;gt; 0) {&lt;br /&gt;
          pos5 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //5 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line5(line1xd, line1yd, pos5);&lt;br /&gt;
&lt;br /&gt;
      //6 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xe.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xe.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint6 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xe[i],line1ye[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //6 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xe[line1xe.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xe[line1xe.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1ye[line1ye.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1ye[line1ye.length-1] -50 ) {&lt;br /&gt;
        overPoint6 = true;&lt;br /&gt;
        if(pos6 &amp;lt; line1xe.length-1) {&lt;br /&gt;
          pos6 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint6 = false;&lt;br /&gt;
        if(pos6 &amp;gt; 0) {&lt;br /&gt;
          pos6 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //6 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line6(line1xe, line1ye, pos6);&lt;br /&gt;
      &lt;br /&gt;
       //7 Drawing the points:&lt;br /&gt;
        noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xf.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xf.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint7 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xf[i],line1yf[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //7 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xf[line1xf.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xf[line1xf.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yf[line1yf.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yf[line1yf.length-1] -50 ) {&lt;br /&gt;
        overPoint7 = true;&lt;br /&gt;
        if(pos7 &amp;lt; line1xf.length-1) {&lt;br /&gt;
          pos7 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint7 = false;&lt;br /&gt;
        if(pos7 &amp;gt; 0) {&lt;br /&gt;
          pos7 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //7 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line7(line1xf, line1yf, pos7);&lt;br /&gt;
      &lt;br /&gt;
      //8 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xg.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xg.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint8 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xg[i],line1yg[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //8 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xg[line1xg.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xg[line1xg.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yg[line1yg.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yg[line1yg.length-1] -50 ) {&lt;br /&gt;
        overPoint8 = true;&lt;br /&gt;
        if(pos8 &amp;lt; line1xg.length-1) {&lt;br /&gt;
          pos8 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint8 = false;&lt;br /&gt;
        if(pos8 &amp;gt; 0) {&lt;br /&gt;
          pos8 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //8 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line8(line1xg, line1yg, pos8);&lt;br /&gt;
      &lt;br /&gt;
      //9 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xh.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xh.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint9 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xh[i],line1yh[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //9 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xh[line1xh.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xh[line1xh.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yh[line1yh.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yh[line1yh.length-1] -50 ) {&lt;br /&gt;
        overPoint9 = true;&lt;br /&gt;
        if(pos9 &amp;lt; line1xh.length-1) {&lt;br /&gt;
          pos9 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint9 = false;&lt;br /&gt;
        if(pos9 &amp;gt; 0) {&lt;br /&gt;
          pos9 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //9 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line9(line1xh, line1yh, pos9);&lt;br /&gt;
      &lt;br /&gt;
      //10 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xi.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xi.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint10 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xi[i],line1yi[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //10 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xi[line1xi.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xi[line1xi.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yi[line1yi.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yi[line1yi.length-1] -50 ) {&lt;br /&gt;
        overPoint10 = true;&lt;br /&gt;
        if(pos10 &amp;lt; line1xi.length-1) {&lt;br /&gt;
          pos10 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint10 = false;&lt;br /&gt;
        if(pos10 &amp;gt; 0) {&lt;br /&gt;
          pos10 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //10 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line10(line1xi, line1yi, pos10);&lt;br /&gt;
      &lt;br /&gt;
       //11 Drawing the points:&lt;br /&gt;
        noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xj.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xj.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint11 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xj[i],line1yj[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //11 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xj[line1xj.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xj[line1xj.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yj[line1yj.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yj[line1yj.length-1] -50 ) {&lt;br /&gt;
        overPoint11 = true;&lt;br /&gt;
        if(pos11 &amp;lt; line1xj.length-1) {&lt;br /&gt;
          pos11 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint11 = false;&lt;br /&gt;
        if(pos11 &amp;gt; 0) {&lt;br /&gt;
          pos11 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //11 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line11(line1xj, line1yj, pos11);&lt;br /&gt;
    &lt;br /&gt;
    &lt;br /&gt;
     //12 Drawing the points:&lt;br /&gt;
      noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xk.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xk.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint12 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xk[i],line1yk[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
      //12 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xk[line1xk.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xk[line1xk.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yk[line1yk.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yk[line1yk.length-1] -50 ) {&lt;br /&gt;
        overPoint12 = true;&lt;br /&gt;
        if(pos12 &amp;lt; line1xk.length-1) {&lt;br /&gt;
          pos12 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint12 = false;&lt;br /&gt;
        if(pos12 &amp;gt; 0) {&lt;br /&gt;
          pos12 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //12 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line12(line1xk, line1yk, pos12);&lt;br /&gt;
    }&lt;br /&gt;
    void connect_line(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    void connect_line2(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    void connect_line3(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    void connect_line4(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    void connect_line5(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    void connect_line6(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
     void connect_line7(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    void connect_line8(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    void connect_line9(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    &lt;br /&gt;
     void connect_line10(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    &lt;br /&gt;
    void connect_line11(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    &lt;br /&gt;
        void connect_line12(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;/div&gt;</summary>
		<author><name>Tr3ntlane</name></author>
	</entry>
	<entry>
		<id>https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=File:Hojitas11.jpg&amp;diff=40313</id>
		<title>File:Hojitas11.jpg</title>
		<link rel="alternate" type="text/html" href="https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=File:Hojitas11.jpg&amp;diff=40313"/>
		<updated>2012-03-30T16:13:39Z</updated>

		<summary type="html">&lt;p&gt;Tr3ntlane: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;== Summary ==&lt;br /&gt;
&lt;br /&gt;
== Copyright status: ==&lt;br /&gt;
&lt;br /&gt;
== Source: ==&lt;/div&gt;</summary>
		<author><name>Tr3ntlane</name></author>
	</entry>
	<entry>
		<id>https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=File:Hojitas10.jpg&amp;diff=40312</id>
		<title>File:Hojitas10.jpg</title>
		<link rel="alternate" type="text/html" href="https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=File:Hojitas10.jpg&amp;diff=40312"/>
		<updated>2012-03-30T16:13:27Z</updated>

		<summary type="html">&lt;p&gt;Tr3ntlane: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;== Summary ==&lt;br /&gt;
&lt;br /&gt;
== Copyright status: ==&lt;br /&gt;
&lt;br /&gt;
== Source: ==&lt;/div&gt;</summary>
		<author><name>Tr3ntlane</name></author>
	</entry>
	<entry>
		<id>https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=File:Hojitas9.jpg&amp;diff=40311</id>
		<title>File:Hojitas9.jpg</title>
		<link rel="alternate" type="text/html" href="https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=File:Hojitas9.jpg&amp;diff=40311"/>
		<updated>2012-03-30T16:13:11Z</updated>

		<summary type="html">&lt;p&gt;Tr3ntlane: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;== Summary ==&lt;br /&gt;
&lt;br /&gt;
== Copyright status: ==&lt;br /&gt;
&lt;br /&gt;
== Source: ==&lt;/div&gt;</summary>
		<author><name>Tr3ntlane</name></author>
	</entry>
	<entry>
		<id>https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=File:Hojitas8.jpg&amp;diff=40310</id>
		<title>File:Hojitas8.jpg</title>
		<link rel="alternate" type="text/html" href="https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=File:Hojitas8.jpg&amp;diff=40310"/>
		<updated>2012-03-30T16:12:05Z</updated>

		<summary type="html">&lt;p&gt;Tr3ntlane: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;== Summary ==&lt;br /&gt;
&lt;br /&gt;
== Copyright status: ==&lt;br /&gt;
&lt;br /&gt;
== Source: ==&lt;/div&gt;</summary>
		<author><name>Tr3ntlane</name></author>
	</entry>
	<entry>
		<id>https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=File:Hojitas7.jpg&amp;diff=40309</id>
		<title>File:Hojitas7.jpg</title>
		<link rel="alternate" type="text/html" href="https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=File:Hojitas7.jpg&amp;diff=40309"/>
		<updated>2012-03-30T16:11:52Z</updated>

		<summary type="html">&lt;p&gt;Tr3ntlane: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;== Summary ==&lt;br /&gt;
&lt;br /&gt;
== Copyright status: ==&lt;br /&gt;
&lt;br /&gt;
== Source: ==&lt;/div&gt;</summary>
		<author><name>Tr3ntlane</name></author>
	</entry>
	<entry>
		<id>https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=File:Hojitas6.jpg&amp;diff=40308</id>
		<title>File:Hojitas6.jpg</title>
		<link rel="alternate" type="text/html" href="https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=File:Hojitas6.jpg&amp;diff=40308"/>
		<updated>2012-03-30T16:11:38Z</updated>

		<summary type="html">&lt;p&gt;Tr3ntlane: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;== Summary ==&lt;br /&gt;
&lt;br /&gt;
== Copyright status: ==&lt;br /&gt;
&lt;br /&gt;
== Source: ==&lt;/div&gt;</summary>
		<author><name>Tr3ntlane</name></author>
	</entry>
	<entry>
		<id>https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=File:Hojitas5.jpg&amp;diff=40307</id>
		<title>File:Hojitas5.jpg</title>
		<link rel="alternate" type="text/html" href="https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=File:Hojitas5.jpg&amp;diff=40307"/>
		<updated>2012-03-30T16:11:28Z</updated>

		<summary type="html">&lt;p&gt;Tr3ntlane: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;== Summary ==&lt;br /&gt;
&lt;br /&gt;
== Copyright status: ==&lt;br /&gt;
&lt;br /&gt;
== Source: ==&lt;/div&gt;</summary>
		<author><name>Tr3ntlane</name></author>
	</entry>
	<entry>
		<id>https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=File:Hojitas4.jpg&amp;diff=40306</id>
		<title>File:Hojitas4.jpg</title>
		<link rel="alternate" type="text/html" href="https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=File:Hojitas4.jpg&amp;diff=40306"/>
		<updated>2012-03-30T16:11:11Z</updated>

		<summary type="html">&lt;p&gt;Tr3ntlane: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;== Summary ==&lt;br /&gt;
&lt;br /&gt;
== Copyright status: ==&lt;br /&gt;
&lt;br /&gt;
== Source: ==&lt;/div&gt;</summary>
		<author><name>Tr3ntlane</name></author>
	</entry>
	<entry>
		<id>https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=File:Hojitas3.jpg&amp;diff=40305</id>
		<title>File:Hojitas3.jpg</title>
		<link rel="alternate" type="text/html" href="https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=File:Hojitas3.jpg&amp;diff=40305"/>
		<updated>2012-03-30T16:10:53Z</updated>

		<summary type="html">&lt;p&gt;Tr3ntlane: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;== Summary ==&lt;br /&gt;
&lt;br /&gt;
== Copyright status: ==&lt;br /&gt;
&lt;br /&gt;
== Source: ==&lt;/div&gt;</summary>
		<author><name>Tr3ntlane</name></author>
	</entry>
	<entry>
		<id>https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=File:Hojitas2.jpg&amp;diff=40304</id>
		<title>File:Hojitas2.jpg</title>
		<link rel="alternate" type="text/html" href="https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=File:Hojitas2.jpg&amp;diff=40304"/>
		<updated>2012-03-30T16:10:38Z</updated>

		<summary type="html">&lt;p&gt;Tr3ntlane: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;== Summary ==&lt;br /&gt;
&lt;br /&gt;
== Copyright status: ==&lt;br /&gt;
&lt;br /&gt;
== Source: ==&lt;/div&gt;</summary>
		<author><name>Tr3ntlane</name></author>
	</entry>
	<entry>
		<id>https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=File:Hojitas1.jpg&amp;diff=40303</id>
		<title>File:Hojitas1.jpg</title>
		<link rel="alternate" type="text/html" href="https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=File:Hojitas1.jpg&amp;diff=40303"/>
		<updated>2012-03-30T16:10:10Z</updated>

		<summary type="html">&lt;p&gt;Tr3ntlane: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;== Summary ==&lt;br /&gt;
&lt;br /&gt;
== Copyright status: ==&lt;br /&gt;
&lt;br /&gt;
== Source: ==&lt;/div&gt;</summary>
		<author><name>Tr3ntlane</name></author>
	</entry>
	<entry>
		<id>https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=IFD:PhysicalComp2011/Augusto_Gandia&amp;diff=40302</id>
		<title>IFD:PhysicalComp2011/Augusto Gandia</title>
		<link rel="alternate" type="text/html" href="https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=IFD:PhysicalComp2011/Augusto_Gandia&amp;diff=40302"/>
		<updated>2012-03-30T16:05:49Z</updated>

		<summary type="html">&lt;p&gt;Tr3ntlane: /* Places photographs */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;==Trip Book - digital and physical combination==&lt;br /&gt;
&lt;br /&gt;
===First ideas===&lt;br /&gt;
&lt;br /&gt;
Despite the differences from this concept of the 80&#039;, &amp;quot;teleportation&amp;quot; is real &lt;br /&gt;
nowadays. Last year I came from the other corner of the earth to Germany and after some hours the only perception which makes me understand the distance was the view through planes and trains windows. I arrived to Weimar and I could, like many other students, leave this place without seen more than the facilities of the University, the supermarkets and the down town streets. In the past, the communication between neighbor cities was through unclear paths across the outskirts. In the current way of living these are residual areas but it doesn&#039;t mean that are no interesting. I decide to take a map from Weimar and randomly visit different points of these undervalued zones and pick up an element which then reminds me that place. One leaf was the object that made that connection between my mind and the place and also a time connection due to the fact that leaves mutate when the times goes by.  &lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;&lt;br /&gt;
File:2tabla.jpg&lt;br /&gt;
&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===Digital collected data===&lt;br /&gt;
&lt;br /&gt;
Digital let us made things simple. By creating an small program in Processing we can access information like names of streets, distances and paths to reach every leaf. Also digital data like pictures doesn&#039;t change throw time so that phenomenon gives us the chance to compare, for example physical leaves with digital ones and see how they have changed. &lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;&lt;br /&gt;
File:3paths.jpg&lt;br /&gt;
&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===Physical collected data===&lt;br /&gt;
&lt;br /&gt;
Physical let us have a Book (object). An object is something ephemeral that show us how the time modifies it and let us compare digital data and physical data. It is the old school way of storing data but it&#039;s not fact to argue that it&#039;s not a contemporary wonderful tool.    &lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;&lt;br /&gt;
File:4hojas.jpg&lt;br /&gt;
&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===Demo Video===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;videoflash type=vimeo&amp;gt;36111919&amp;lt;/videoflash&amp;gt;&lt;br /&gt;
&amp;lt;br&amp;gt;&amp;lt;br&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===Places photographs===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;&lt;br /&gt;
File: imagen1.JPG&lt;br /&gt;
File: imagen2.JPG&lt;br /&gt;
File: imagen3.JPG&lt;br /&gt;
File: imagen4.JPG&lt;br /&gt;
File: imagen5.JPG&lt;br /&gt;
File: imagen6.JPG&lt;br /&gt;
File: imagen7.JPG&lt;br /&gt;
File: imagen8.JPG&lt;br /&gt;
File: imagen9.JPG&lt;br /&gt;
File: imagen10.JPG&lt;br /&gt;
File: imagen11.JPG&lt;br /&gt;
File: imagen12.JPG&lt;br /&gt;
&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===Leaves photographs===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;&lt;br /&gt;
File:4hojas.jpg&lt;br /&gt;
&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===Some Links===&lt;br /&gt;
*[http://keiichimatsuda.com/]|AR cities.&lt;br /&gt;
*[http://postpolitical.us/blog/alternatives/tools_and_technology/social-bicycles-bikeshare-everywhere/]|Social Bikes Tracking System&lt;br /&gt;
*[http://www.discomole.com/2009/06/augmented-reality-book/]|AR Book&lt;br /&gt;
*[http://books.google.de/books?hl=de&amp;amp;lr=&amp;amp;id=6zjOeMKcYTsC&amp;amp;oi=fnd&amp;amp;pg=PA278&amp;amp;dq=outskirts+urbanism&amp;amp;ots=8NvhGD01hE&amp;amp;sig=EAFzGdJDQcd5-xLLvlpuwtraa8s#v=onepage&amp;amp;q=outskirts%20urbanism&amp;amp;f=false]|Urbanism&lt;br /&gt;
&lt;br /&gt;
===Code===&lt;br /&gt;
&lt;br /&gt;
boolean overPoint1 = false;&lt;br /&gt;
boolean overPoint2 = false;&lt;br /&gt;
boolean overPoint3 = false;&lt;br /&gt;
boolean overPoint4 = false;&lt;br /&gt;
boolean overPoint5 = false;&lt;br /&gt;
boolean overPoint6 = false;&lt;br /&gt;
boolean overPoint7 = false;&lt;br /&gt;
boolean overPoint8 = false;&lt;br /&gt;
boolean overPoint9 = false;&lt;br /&gt;
boolean overPoint10 = false;&lt;br /&gt;
boolean overPoint11 = false;&lt;br /&gt;
boolean overPoint12 = false;&lt;br /&gt;
&lt;br /&gt;
int[] line1xa = {&lt;br /&gt;
  (800+2), (800-7), (800-40), (800-90), (800-130), (800-155), (800-185), (800-213), (800-245), (800-282), (800-285)&lt;br /&gt;
    , (800-380), (800-380), (800-490)&lt;br /&gt;
    };&lt;br /&gt;
  int[] line1ya = {&lt;br /&gt;
    (450-2), (450+17),(450+9), (450+98), (450+95), (450+68), (450+47), (450+34), (450+25), (450+25), (450+30)&lt;br /&gt;
      , (450+24), (450-2), (450+30)&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
    int[] line1x = {&lt;br /&gt;
      (800+2), (800-7), (800+46), (800+38), (800-62)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1y = {&lt;br /&gt;
      (450-2), (450+17), (450+33), (450+65), (450+140)&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
    int[] line1xb = {&lt;br /&gt;
      (800+2), (800-75), (800-105), (800-138), (800-149), (800-230), (800-390)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yb = {&lt;br /&gt;
      (450-2), (450-28),(450-128), (450-129), (450-122), (450-118), (450-86)&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
    int[] line1xc = {&lt;br /&gt;
      (800+2), (800-75), (800-105), (800-131), (800-175), (800-239), (800-259), (800-257), (800-240)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yc = {&lt;br /&gt;
      (450-2), (450-28),(450-128), (450-218), (450-226), (450-210), (450-250), (450-262), (450-290)&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
    int[] line1xd = {&lt;br /&gt;
      (800+2), (800-75), (800-105), (800-131), (800-175), (800-239), (800-259), (800-257), (800-332), (800-375), (800-424)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yd = {&lt;br /&gt;
      (450-2), (450-28),(450-128), (450-218), (450-226), (450-210),  (450-250), (450-262), (450-257), (450-272), (450-271)&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    int[] line1xe = {&lt;br /&gt;
      (800+2), (800+18), (800+144), (800+163), (800+182), (800+202), (800+214), (800+209), (800+241), (800+263), (800+301), (800+301), (800+510)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1ye = {&lt;br /&gt;
      (450-2), (450-34), (450-4),  (450-33),  (450-31), (450-55), (450-90),  (450-109), (450-121), (450-151), (450-143), (450-128), (450-95)&lt;br /&gt;
      };&lt;br /&gt;
      &lt;br /&gt;
    int[] line1xf = {&lt;br /&gt;
      (800+2), (800+18), (800+33), (800+6), (800+12), (800+60), (800+68), (800+29), (800+8), (800+3), (800-49)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yf = {&lt;br /&gt;
      (450-2), (450-34), (450-64),  (450-73), (450-82), (450-95),  (450-102), (450-188), (450-195), (450-250), (450-255) &lt;br /&gt;
      };&lt;br /&gt;
      &lt;br /&gt;
    int[] line1xg = {&lt;br /&gt;
      (800+2), (800+18), (800+33), (800+6), (800+12), (800+60), (800+68), (800+98), (800+110), (800+123), (800+123), (800+101)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yg = {&lt;br /&gt;
      (450-2), (450-34), (450-64),  (450-73), (450-82), (450-95),  (450-102), (450-127), (450-173), (450-230), (450-270), (450-345) &lt;br /&gt;
      };&lt;br /&gt;
      &lt;br /&gt;
     int[] line1xh = {&lt;br /&gt;
      (800+2), (800+18), (800+33), (800+6), (800+12), (800+60), (800+68), (800+98), (800+110), (800+169), (800+205), (800+189), (800+184), (800+240), (800+352)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yh = {&lt;br /&gt;
      (450-2), (450-34), (450-64),  (450-73), (450-82), (450-95),  (450-102), (450-127), (450-173), (450-176), (450-189), (450-202), (450-236), (450-253), (450-339) &lt;br /&gt;
      };&lt;br /&gt;
      &lt;br /&gt;
      int[] line1xi = {&lt;br /&gt;
      (800+2), (800+90), (800+115), (800+166), (800+120), (800+95)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yi = {&lt;br /&gt;
      (450-2), (450+20), (450+32),  (450+38), (450+220), (450+255)&lt;br /&gt;
      };&lt;br /&gt;
      &lt;br /&gt;
      int[] line1xj = {&lt;br /&gt;
      (800+2), (800+90), (800+115), (800+166), (800+171), (800+227), (800+400)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yj = {&lt;br /&gt;
      (450-2), (450+20), (450+32),  (450+38), (450+44), (450+27), (450+207)&lt;br /&gt;
      };&lt;br /&gt;
      &lt;br /&gt;
      int[] line1xk = {&lt;br /&gt;
      (800+2), (800+90), (800+115), (800+166), (800+171), (800+227), (800+250), (800+278), (800+315), (800+348), (800+350), (800+390), (800+457)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yk = {&lt;br /&gt;
      (450-2), (450+20), (450+32),  (450+38), (450+44), (450+27), (450+25), (450+27), (450+45), (450+62), (450+67), (450+60), (450+63), (450+62)&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
    float pos =0;&lt;br /&gt;
    float pos2 =0;&lt;br /&gt;
    float pos3 =0;&lt;br /&gt;
    float pos4 =0;&lt;br /&gt;
    float pos5 =0;&lt;br /&gt;
    float pos6 =0;&lt;br /&gt;
    float pos7 =0;&lt;br /&gt;
    float pos8 =0;&lt;br /&gt;
    float pos9 =0;&lt;br /&gt;
    float pos10 =0;&lt;br /&gt;
    float pos11 =0;&lt;br /&gt;
    float pos12 =0;&lt;br /&gt;
&lt;br /&gt;
    void setup() {&lt;br /&gt;
      size(1600,900);&lt;br /&gt;
      background(255);&lt;br /&gt;
      imageMode(CENTER);&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    void draw() {&lt;br /&gt;
           &lt;br /&gt;
      noStroke();&lt;br /&gt;
      background(255);&lt;br /&gt;
      //a=(width/2)+11;&lt;br /&gt;
      //b=(height/2)-45;&lt;br /&gt;
      smooth();&lt;br /&gt;
      // myImage=loadImage(&amp;quot;mapa.jpg&amp;quot;);&lt;br /&gt;
      // image(myImage,a,b,1000,600);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
      //1 Drawing the points:&lt;br /&gt;
      &lt;br /&gt;
      for(int i=0; i&amp;lt;line1xa.length; i++) {&lt;br /&gt;
        &lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xa.length -1 ) {&lt;br /&gt;
          rad=12;&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          if(overPoint1 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xa[i],line1ya[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //1 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xa[line1xa.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xa[line1xa.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1ya[line1ya.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1ya[line1ya.length-1] -50 ) {&lt;br /&gt;
        overPoint1 = true;&lt;br /&gt;
        if(pos &amp;lt; line1xa.length-1) {&lt;br /&gt;
          pos += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint1 = false;&lt;br /&gt;
        if(pos &amp;gt; 0) {&lt;br /&gt;
          pos -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //1 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line(line1xa, line1ya, pos);&lt;br /&gt;
&lt;br /&gt;
      //2 Drawing the points:&lt;br /&gt;
      noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1x.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1x.length -1 ) {&lt;br /&gt;
          rad=12;&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          if(overPoint2 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1x[i],line1y[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //2 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1x[line1x.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1x[line1x.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1y[line1y.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1y[line1y.length-1] -50 ) {&lt;br /&gt;
        overPoint2 = true;&lt;br /&gt;
        if(pos2 &amp;lt; line1x.length-1) {&lt;br /&gt;
          pos2 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint2 = false;&lt;br /&gt;
        if(pos2 &amp;gt; 0) {&lt;br /&gt;
          pos2 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //2 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      &lt;br /&gt;
      connect_line2(line1x, line1y, pos2);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
      //3 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xb.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xb.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint3 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xb[i],line1yb[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //3 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xb[line1xb.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xb[line1xb.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yb[line1yb.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yb[line1yb.length-1] -50 ) {&lt;br /&gt;
        overPoint3 = true;&lt;br /&gt;
        if(pos3 &amp;lt; line1xb.length-1) {&lt;br /&gt;
          pos3 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint3 = false;&lt;br /&gt;
        if(pos3 &amp;gt; 0) {&lt;br /&gt;
          pos3 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //3 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line3(line1xb, line1yb, pos3);&lt;br /&gt;
&lt;br /&gt;
      //4 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xc.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xc.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint4 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xc[i],line1yc[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //4 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xc[line1xc.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xc[line1xc.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yc[line1yc.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yc[line1yc.length-1] -50 ) {&lt;br /&gt;
        overPoint4 = true;&lt;br /&gt;
        if(pos4 &amp;lt; line1xc.length-1) {&lt;br /&gt;
          pos4 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint4 = false;&lt;br /&gt;
        if(pos4 &amp;gt; 0) {&lt;br /&gt;
          pos4 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //4 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line4(line1xc, line1yc, pos4);&lt;br /&gt;
&lt;br /&gt;
      //5 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xd.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xd.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint5 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xd[i],line1yd[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //5 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xd[line1xd.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xd[line1xd.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yd[line1yd.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yd[line1yd.length-1] -50 ) {&lt;br /&gt;
        overPoint5 = true;&lt;br /&gt;
        if(pos5 &amp;lt; line1xd.length-1) {&lt;br /&gt;
          pos5 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint5 = false;&lt;br /&gt;
        if(pos5 &amp;gt; 0) {&lt;br /&gt;
          pos5 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //5 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line5(line1xd, line1yd, pos5);&lt;br /&gt;
&lt;br /&gt;
      //6 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xe.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xe.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint6 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xe[i],line1ye[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //6 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xe[line1xe.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xe[line1xe.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1ye[line1ye.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1ye[line1ye.length-1] -50 ) {&lt;br /&gt;
        overPoint6 = true;&lt;br /&gt;
        if(pos6 &amp;lt; line1xe.length-1) {&lt;br /&gt;
          pos6 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint6 = false;&lt;br /&gt;
        if(pos6 &amp;gt; 0) {&lt;br /&gt;
          pos6 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //6 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line6(line1xe, line1ye, pos6);&lt;br /&gt;
      &lt;br /&gt;
       //7 Drawing the points:&lt;br /&gt;
        noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xf.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xf.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint7 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xf[i],line1yf[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //7 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xf[line1xf.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xf[line1xf.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yf[line1yf.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yf[line1yf.length-1] -50 ) {&lt;br /&gt;
        overPoint7 = true;&lt;br /&gt;
        if(pos7 &amp;lt; line1xf.length-1) {&lt;br /&gt;
          pos7 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint7 = false;&lt;br /&gt;
        if(pos7 &amp;gt; 0) {&lt;br /&gt;
          pos7 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //7 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line7(line1xf, line1yf, pos7);&lt;br /&gt;
      &lt;br /&gt;
      //8 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xg.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xg.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint8 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xg[i],line1yg[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //8 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xg[line1xg.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xg[line1xg.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yg[line1yg.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yg[line1yg.length-1] -50 ) {&lt;br /&gt;
        overPoint8 = true;&lt;br /&gt;
        if(pos8 &amp;lt; line1xg.length-1) {&lt;br /&gt;
          pos8 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint8 = false;&lt;br /&gt;
        if(pos8 &amp;gt; 0) {&lt;br /&gt;
          pos8 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //8 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line8(line1xg, line1yg, pos8);&lt;br /&gt;
      &lt;br /&gt;
      //9 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xh.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xh.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint9 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xh[i],line1yh[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //9 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xh[line1xh.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xh[line1xh.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yh[line1yh.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yh[line1yh.length-1] -50 ) {&lt;br /&gt;
        overPoint9 = true;&lt;br /&gt;
        if(pos9 &amp;lt; line1xh.length-1) {&lt;br /&gt;
          pos9 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint9 = false;&lt;br /&gt;
        if(pos9 &amp;gt; 0) {&lt;br /&gt;
          pos9 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //9 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line9(line1xh, line1yh, pos9);&lt;br /&gt;
      &lt;br /&gt;
      //10 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xi.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xi.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint10 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xi[i],line1yi[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //10 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xi[line1xi.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xi[line1xi.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yi[line1yi.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yi[line1yi.length-1] -50 ) {&lt;br /&gt;
        overPoint10 = true;&lt;br /&gt;
        if(pos10 &amp;lt; line1xi.length-1) {&lt;br /&gt;
          pos10 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint10 = false;&lt;br /&gt;
        if(pos10 &amp;gt; 0) {&lt;br /&gt;
          pos10 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //10 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line10(line1xi, line1yi, pos10);&lt;br /&gt;
      &lt;br /&gt;
       //11 Drawing the points:&lt;br /&gt;
        noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xj.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xj.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint11 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xj[i],line1yj[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //11 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xj[line1xj.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xj[line1xj.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yj[line1yj.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yj[line1yj.length-1] -50 ) {&lt;br /&gt;
        overPoint11 = true;&lt;br /&gt;
        if(pos11 &amp;lt; line1xj.length-1) {&lt;br /&gt;
          pos11 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint11 = false;&lt;br /&gt;
        if(pos11 &amp;gt; 0) {&lt;br /&gt;
          pos11 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //11 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line11(line1xj, line1yj, pos11);&lt;br /&gt;
    &lt;br /&gt;
    &lt;br /&gt;
     //12 Drawing the points:&lt;br /&gt;
      noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xk.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xk.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint12 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xk[i],line1yk[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
      //12 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xk[line1xk.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xk[line1xk.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yk[line1yk.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yk[line1yk.length-1] -50 ) {&lt;br /&gt;
        overPoint12 = true;&lt;br /&gt;
        if(pos12 &amp;lt; line1xk.length-1) {&lt;br /&gt;
          pos12 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint12 = false;&lt;br /&gt;
        if(pos12 &amp;gt; 0) {&lt;br /&gt;
          pos12 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //12 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line12(line1xk, line1yk, pos12);&lt;br /&gt;
    }&lt;br /&gt;
    void connect_line(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    void connect_line2(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    void connect_line3(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    void connect_line4(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    void connect_line5(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    void connect_line6(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
     void connect_line7(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    void connect_line8(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    void connect_line9(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    &lt;br /&gt;
     void connect_line10(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    &lt;br /&gt;
    void connect_line11(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    &lt;br /&gt;
        void connect_line12(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;/div&gt;</summary>
		<author><name>Tr3ntlane</name></author>
	</entry>
	<entry>
		<id>https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=File:Imagen12.JPG&amp;diff=40301</id>
		<title>File:Imagen12.JPG</title>
		<link rel="alternate" type="text/html" href="https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=File:Imagen12.JPG&amp;diff=40301"/>
		<updated>2012-03-30T16:05:04Z</updated>

		<summary type="html">&lt;p&gt;Tr3ntlane: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;== Summary ==&lt;br /&gt;
&lt;br /&gt;
== Copyright status: ==&lt;br /&gt;
&lt;br /&gt;
== Source: ==&lt;/div&gt;</summary>
		<author><name>Tr3ntlane</name></author>
	</entry>
	<entry>
		<id>https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=File:Imagen11.JPG&amp;diff=40300</id>
		<title>File:Imagen11.JPG</title>
		<link rel="alternate" type="text/html" href="https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=File:Imagen11.JPG&amp;diff=40300"/>
		<updated>2012-03-30T16:04:54Z</updated>

		<summary type="html">&lt;p&gt;Tr3ntlane: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;== Summary ==&lt;br /&gt;
&lt;br /&gt;
== Copyright status: ==&lt;br /&gt;
&lt;br /&gt;
== Source: ==&lt;/div&gt;</summary>
		<author><name>Tr3ntlane</name></author>
	</entry>
	<entry>
		<id>https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=File:Imagen10.JPG&amp;diff=40299</id>
		<title>File:Imagen10.JPG</title>
		<link rel="alternate" type="text/html" href="https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=File:Imagen10.JPG&amp;diff=40299"/>
		<updated>2012-03-30T16:04:45Z</updated>

		<summary type="html">&lt;p&gt;Tr3ntlane: uploaded a new version of &amp;amp;quot;File:Imagen10.JPG&amp;amp;quot;&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;== Summary ==&lt;br /&gt;
&lt;br /&gt;
== Copyright status: ==&lt;br /&gt;
&lt;br /&gt;
== Source: ==&lt;/div&gt;</summary>
		<author><name>Tr3ntlane</name></author>
	</entry>
	<entry>
		<id>https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=File:Imagen10.JPG&amp;diff=40298</id>
		<title>File:Imagen10.JPG</title>
		<link rel="alternate" type="text/html" href="https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=File:Imagen10.JPG&amp;diff=40298"/>
		<updated>2012-03-30T16:04:32Z</updated>

		<summary type="html">&lt;p&gt;Tr3ntlane: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;== Summary ==&lt;br /&gt;
&lt;br /&gt;
== Copyright status: ==&lt;br /&gt;
&lt;br /&gt;
== Source: ==&lt;/div&gt;</summary>
		<author><name>Tr3ntlane</name></author>
	</entry>
	<entry>
		<id>https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=File:Imagen9.JPG&amp;diff=40297</id>
		<title>File:Imagen9.JPG</title>
		<link rel="alternate" type="text/html" href="https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=File:Imagen9.JPG&amp;diff=40297"/>
		<updated>2012-03-30T16:04:18Z</updated>

		<summary type="html">&lt;p&gt;Tr3ntlane: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;== Summary ==&lt;br /&gt;
&lt;br /&gt;
== Copyright status: ==&lt;br /&gt;
&lt;br /&gt;
== Source: ==&lt;/div&gt;</summary>
		<author><name>Tr3ntlane</name></author>
	</entry>
	<entry>
		<id>https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=File:Imagen8.JPG&amp;diff=40296</id>
		<title>File:Imagen8.JPG</title>
		<link rel="alternate" type="text/html" href="https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=File:Imagen8.JPG&amp;diff=40296"/>
		<updated>2012-03-30T16:04:09Z</updated>

		<summary type="html">&lt;p&gt;Tr3ntlane: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;== Summary ==&lt;br /&gt;
&lt;br /&gt;
== Copyright status: ==&lt;br /&gt;
&lt;br /&gt;
== Source: ==&lt;/div&gt;</summary>
		<author><name>Tr3ntlane</name></author>
	</entry>
	<entry>
		<id>https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=File:Imagen7.JPG&amp;diff=40295</id>
		<title>File:Imagen7.JPG</title>
		<link rel="alternate" type="text/html" href="https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=File:Imagen7.JPG&amp;diff=40295"/>
		<updated>2012-03-30T16:03:57Z</updated>

		<summary type="html">&lt;p&gt;Tr3ntlane: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;== Summary ==&lt;br /&gt;
&lt;br /&gt;
== Copyright status: ==&lt;br /&gt;
&lt;br /&gt;
== Source: ==&lt;/div&gt;</summary>
		<author><name>Tr3ntlane</name></author>
	</entry>
	<entry>
		<id>https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=IFD:PhysicalComp2011/Augusto_Gandia&amp;diff=40294</id>
		<title>IFD:PhysicalComp2011/Augusto Gandia</title>
		<link rel="alternate" type="text/html" href="https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=IFD:PhysicalComp2011/Augusto_Gandia&amp;diff=40294"/>
		<updated>2012-03-30T16:02:17Z</updated>

		<summary type="html">&lt;p&gt;Tr3ntlane: /* Places photographs */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;==Trip Book - digital and physical combination==&lt;br /&gt;
&lt;br /&gt;
===First ideas===&lt;br /&gt;
&lt;br /&gt;
Despite the differences from this concept of the 80&#039;, &amp;quot;teleportation&amp;quot; is real &lt;br /&gt;
nowadays. Last year I came from the other corner of the earth to Germany and after some hours the only perception which makes me understand the distance was the view through planes and trains windows. I arrived to Weimar and I could, like many other students, leave this place without seen more than the facilities of the University, the supermarkets and the down town streets. In the past, the communication between neighbor cities was through unclear paths across the outskirts. In the current way of living these are residual areas but it doesn&#039;t mean that are no interesting. I decide to take a map from Weimar and randomly visit different points of these undervalued zones and pick up an element which then reminds me that place. One leaf was the object that made that connection between my mind and the place and also a time connection due to the fact that leaves mutate when the times goes by.  &lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;&lt;br /&gt;
File:2tabla.jpg&lt;br /&gt;
&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===Digital collected data===&lt;br /&gt;
&lt;br /&gt;
Digital let us made things simple. By creating an small program in Processing we can access information like names of streets, distances and paths to reach every leaf. Also digital data like pictures doesn&#039;t change throw time so that phenomenon gives us the chance to compare, for example physical leaves with digital ones and see how they have changed. &lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;&lt;br /&gt;
File:3paths.jpg&lt;br /&gt;
&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===Physical collected data===&lt;br /&gt;
&lt;br /&gt;
Physical let us have a Book (object). An object is something ephemeral that show us how the time modifies it and let us compare digital data and physical data. It is the old school way of storing data but it&#039;s not fact to argue that it&#039;s not a contemporary wonderful tool.    &lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;&lt;br /&gt;
File:4hojas.jpg&lt;br /&gt;
&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===Demo Video===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;videoflash type=vimeo&amp;gt;36111919&amp;lt;/videoflash&amp;gt;&lt;br /&gt;
&amp;lt;br&amp;gt;&amp;lt;br&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===Places photographs===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;&lt;br /&gt;
File: imagen1.JPG&lt;br /&gt;
File: imagen2.JPG&lt;br /&gt;
File: imagen3.JPG&lt;br /&gt;
File: imagen4.JPG&lt;br /&gt;
File: imagen5.JPG&lt;br /&gt;
File: imagen6.JPG&lt;br /&gt;
&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===Leaves photographs===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;&lt;br /&gt;
File:4hojas.jpg&lt;br /&gt;
&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===Some Links===&lt;br /&gt;
*[http://keiichimatsuda.com/]|AR cities.&lt;br /&gt;
*[http://postpolitical.us/blog/alternatives/tools_and_technology/social-bicycles-bikeshare-everywhere/]|Social Bikes Tracking System&lt;br /&gt;
*[http://www.discomole.com/2009/06/augmented-reality-book/]|AR Book&lt;br /&gt;
*[http://books.google.de/books?hl=de&amp;amp;lr=&amp;amp;id=6zjOeMKcYTsC&amp;amp;oi=fnd&amp;amp;pg=PA278&amp;amp;dq=outskirts+urbanism&amp;amp;ots=8NvhGD01hE&amp;amp;sig=EAFzGdJDQcd5-xLLvlpuwtraa8s#v=onepage&amp;amp;q=outskirts%20urbanism&amp;amp;f=false]|Urbanism&lt;br /&gt;
&lt;br /&gt;
===Code===&lt;br /&gt;
&lt;br /&gt;
boolean overPoint1 = false;&lt;br /&gt;
boolean overPoint2 = false;&lt;br /&gt;
boolean overPoint3 = false;&lt;br /&gt;
boolean overPoint4 = false;&lt;br /&gt;
boolean overPoint5 = false;&lt;br /&gt;
boolean overPoint6 = false;&lt;br /&gt;
boolean overPoint7 = false;&lt;br /&gt;
boolean overPoint8 = false;&lt;br /&gt;
boolean overPoint9 = false;&lt;br /&gt;
boolean overPoint10 = false;&lt;br /&gt;
boolean overPoint11 = false;&lt;br /&gt;
boolean overPoint12 = false;&lt;br /&gt;
&lt;br /&gt;
int[] line1xa = {&lt;br /&gt;
  (800+2), (800-7), (800-40), (800-90), (800-130), (800-155), (800-185), (800-213), (800-245), (800-282), (800-285)&lt;br /&gt;
    , (800-380), (800-380), (800-490)&lt;br /&gt;
    };&lt;br /&gt;
  int[] line1ya = {&lt;br /&gt;
    (450-2), (450+17),(450+9), (450+98), (450+95), (450+68), (450+47), (450+34), (450+25), (450+25), (450+30)&lt;br /&gt;
      , (450+24), (450-2), (450+30)&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
    int[] line1x = {&lt;br /&gt;
      (800+2), (800-7), (800+46), (800+38), (800-62)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1y = {&lt;br /&gt;
      (450-2), (450+17), (450+33), (450+65), (450+140)&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
    int[] line1xb = {&lt;br /&gt;
      (800+2), (800-75), (800-105), (800-138), (800-149), (800-230), (800-390)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yb = {&lt;br /&gt;
      (450-2), (450-28),(450-128), (450-129), (450-122), (450-118), (450-86)&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
    int[] line1xc = {&lt;br /&gt;
      (800+2), (800-75), (800-105), (800-131), (800-175), (800-239), (800-259), (800-257), (800-240)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yc = {&lt;br /&gt;
      (450-2), (450-28),(450-128), (450-218), (450-226), (450-210), (450-250), (450-262), (450-290)&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
    int[] line1xd = {&lt;br /&gt;
      (800+2), (800-75), (800-105), (800-131), (800-175), (800-239), (800-259), (800-257), (800-332), (800-375), (800-424)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yd = {&lt;br /&gt;
      (450-2), (450-28),(450-128), (450-218), (450-226), (450-210),  (450-250), (450-262), (450-257), (450-272), (450-271)&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    int[] line1xe = {&lt;br /&gt;
      (800+2), (800+18), (800+144), (800+163), (800+182), (800+202), (800+214), (800+209), (800+241), (800+263), (800+301), (800+301), (800+510)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1ye = {&lt;br /&gt;
      (450-2), (450-34), (450-4),  (450-33),  (450-31), (450-55), (450-90),  (450-109), (450-121), (450-151), (450-143), (450-128), (450-95)&lt;br /&gt;
      };&lt;br /&gt;
      &lt;br /&gt;
    int[] line1xf = {&lt;br /&gt;
      (800+2), (800+18), (800+33), (800+6), (800+12), (800+60), (800+68), (800+29), (800+8), (800+3), (800-49)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yf = {&lt;br /&gt;
      (450-2), (450-34), (450-64),  (450-73), (450-82), (450-95),  (450-102), (450-188), (450-195), (450-250), (450-255) &lt;br /&gt;
      };&lt;br /&gt;
      &lt;br /&gt;
    int[] line1xg = {&lt;br /&gt;
      (800+2), (800+18), (800+33), (800+6), (800+12), (800+60), (800+68), (800+98), (800+110), (800+123), (800+123), (800+101)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yg = {&lt;br /&gt;
      (450-2), (450-34), (450-64),  (450-73), (450-82), (450-95),  (450-102), (450-127), (450-173), (450-230), (450-270), (450-345) &lt;br /&gt;
      };&lt;br /&gt;
      &lt;br /&gt;
     int[] line1xh = {&lt;br /&gt;
      (800+2), (800+18), (800+33), (800+6), (800+12), (800+60), (800+68), (800+98), (800+110), (800+169), (800+205), (800+189), (800+184), (800+240), (800+352)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yh = {&lt;br /&gt;
      (450-2), (450-34), (450-64),  (450-73), (450-82), (450-95),  (450-102), (450-127), (450-173), (450-176), (450-189), (450-202), (450-236), (450-253), (450-339) &lt;br /&gt;
      };&lt;br /&gt;
      &lt;br /&gt;
      int[] line1xi = {&lt;br /&gt;
      (800+2), (800+90), (800+115), (800+166), (800+120), (800+95)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yi = {&lt;br /&gt;
      (450-2), (450+20), (450+32),  (450+38), (450+220), (450+255)&lt;br /&gt;
      };&lt;br /&gt;
      &lt;br /&gt;
      int[] line1xj = {&lt;br /&gt;
      (800+2), (800+90), (800+115), (800+166), (800+171), (800+227), (800+400)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yj = {&lt;br /&gt;
      (450-2), (450+20), (450+32),  (450+38), (450+44), (450+27), (450+207)&lt;br /&gt;
      };&lt;br /&gt;
      &lt;br /&gt;
      int[] line1xk = {&lt;br /&gt;
      (800+2), (800+90), (800+115), (800+166), (800+171), (800+227), (800+250), (800+278), (800+315), (800+348), (800+350), (800+390), (800+457)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yk = {&lt;br /&gt;
      (450-2), (450+20), (450+32),  (450+38), (450+44), (450+27), (450+25), (450+27), (450+45), (450+62), (450+67), (450+60), (450+63), (450+62)&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
    float pos =0;&lt;br /&gt;
    float pos2 =0;&lt;br /&gt;
    float pos3 =0;&lt;br /&gt;
    float pos4 =0;&lt;br /&gt;
    float pos5 =0;&lt;br /&gt;
    float pos6 =0;&lt;br /&gt;
    float pos7 =0;&lt;br /&gt;
    float pos8 =0;&lt;br /&gt;
    float pos9 =0;&lt;br /&gt;
    float pos10 =0;&lt;br /&gt;
    float pos11 =0;&lt;br /&gt;
    float pos12 =0;&lt;br /&gt;
&lt;br /&gt;
    void setup() {&lt;br /&gt;
      size(1600,900);&lt;br /&gt;
      background(255);&lt;br /&gt;
      imageMode(CENTER);&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    void draw() {&lt;br /&gt;
           &lt;br /&gt;
      noStroke();&lt;br /&gt;
      background(255);&lt;br /&gt;
      //a=(width/2)+11;&lt;br /&gt;
      //b=(height/2)-45;&lt;br /&gt;
      smooth();&lt;br /&gt;
      // myImage=loadImage(&amp;quot;mapa.jpg&amp;quot;);&lt;br /&gt;
      // image(myImage,a,b,1000,600);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
      //1 Drawing the points:&lt;br /&gt;
      &lt;br /&gt;
      for(int i=0; i&amp;lt;line1xa.length; i++) {&lt;br /&gt;
        &lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xa.length -1 ) {&lt;br /&gt;
          rad=12;&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          if(overPoint1 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xa[i],line1ya[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //1 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xa[line1xa.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xa[line1xa.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1ya[line1ya.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1ya[line1ya.length-1] -50 ) {&lt;br /&gt;
        overPoint1 = true;&lt;br /&gt;
        if(pos &amp;lt; line1xa.length-1) {&lt;br /&gt;
          pos += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint1 = false;&lt;br /&gt;
        if(pos &amp;gt; 0) {&lt;br /&gt;
          pos -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //1 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line(line1xa, line1ya, pos);&lt;br /&gt;
&lt;br /&gt;
      //2 Drawing the points:&lt;br /&gt;
      noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1x.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1x.length -1 ) {&lt;br /&gt;
          rad=12;&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          if(overPoint2 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1x[i],line1y[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //2 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1x[line1x.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1x[line1x.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1y[line1y.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1y[line1y.length-1] -50 ) {&lt;br /&gt;
        overPoint2 = true;&lt;br /&gt;
        if(pos2 &amp;lt; line1x.length-1) {&lt;br /&gt;
          pos2 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint2 = false;&lt;br /&gt;
        if(pos2 &amp;gt; 0) {&lt;br /&gt;
          pos2 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //2 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      &lt;br /&gt;
      connect_line2(line1x, line1y, pos2);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
      //3 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xb.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xb.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint3 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xb[i],line1yb[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //3 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xb[line1xb.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xb[line1xb.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yb[line1yb.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yb[line1yb.length-1] -50 ) {&lt;br /&gt;
        overPoint3 = true;&lt;br /&gt;
        if(pos3 &amp;lt; line1xb.length-1) {&lt;br /&gt;
          pos3 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint3 = false;&lt;br /&gt;
        if(pos3 &amp;gt; 0) {&lt;br /&gt;
          pos3 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //3 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line3(line1xb, line1yb, pos3);&lt;br /&gt;
&lt;br /&gt;
      //4 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xc.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xc.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint4 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xc[i],line1yc[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //4 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xc[line1xc.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xc[line1xc.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yc[line1yc.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yc[line1yc.length-1] -50 ) {&lt;br /&gt;
        overPoint4 = true;&lt;br /&gt;
        if(pos4 &amp;lt; line1xc.length-1) {&lt;br /&gt;
          pos4 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint4 = false;&lt;br /&gt;
        if(pos4 &amp;gt; 0) {&lt;br /&gt;
          pos4 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //4 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line4(line1xc, line1yc, pos4);&lt;br /&gt;
&lt;br /&gt;
      //5 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xd.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xd.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint5 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xd[i],line1yd[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //5 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xd[line1xd.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xd[line1xd.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yd[line1yd.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yd[line1yd.length-1] -50 ) {&lt;br /&gt;
        overPoint5 = true;&lt;br /&gt;
        if(pos5 &amp;lt; line1xd.length-1) {&lt;br /&gt;
          pos5 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint5 = false;&lt;br /&gt;
        if(pos5 &amp;gt; 0) {&lt;br /&gt;
          pos5 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //5 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line5(line1xd, line1yd, pos5);&lt;br /&gt;
&lt;br /&gt;
      //6 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xe.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xe.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint6 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xe[i],line1ye[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //6 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xe[line1xe.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xe[line1xe.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1ye[line1ye.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1ye[line1ye.length-1] -50 ) {&lt;br /&gt;
        overPoint6 = true;&lt;br /&gt;
        if(pos6 &amp;lt; line1xe.length-1) {&lt;br /&gt;
          pos6 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint6 = false;&lt;br /&gt;
        if(pos6 &amp;gt; 0) {&lt;br /&gt;
          pos6 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //6 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line6(line1xe, line1ye, pos6);&lt;br /&gt;
      &lt;br /&gt;
       //7 Drawing the points:&lt;br /&gt;
        noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xf.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xf.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint7 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xf[i],line1yf[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //7 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xf[line1xf.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xf[line1xf.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yf[line1yf.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yf[line1yf.length-1] -50 ) {&lt;br /&gt;
        overPoint7 = true;&lt;br /&gt;
        if(pos7 &amp;lt; line1xf.length-1) {&lt;br /&gt;
          pos7 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint7 = false;&lt;br /&gt;
        if(pos7 &amp;gt; 0) {&lt;br /&gt;
          pos7 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //7 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line7(line1xf, line1yf, pos7);&lt;br /&gt;
      &lt;br /&gt;
      //8 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xg.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xg.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint8 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xg[i],line1yg[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //8 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xg[line1xg.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xg[line1xg.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yg[line1yg.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yg[line1yg.length-1] -50 ) {&lt;br /&gt;
        overPoint8 = true;&lt;br /&gt;
        if(pos8 &amp;lt; line1xg.length-1) {&lt;br /&gt;
          pos8 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint8 = false;&lt;br /&gt;
        if(pos8 &amp;gt; 0) {&lt;br /&gt;
          pos8 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //8 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line8(line1xg, line1yg, pos8);&lt;br /&gt;
      &lt;br /&gt;
      //9 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xh.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xh.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint9 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xh[i],line1yh[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //9 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xh[line1xh.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xh[line1xh.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yh[line1yh.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yh[line1yh.length-1] -50 ) {&lt;br /&gt;
        overPoint9 = true;&lt;br /&gt;
        if(pos9 &amp;lt; line1xh.length-1) {&lt;br /&gt;
          pos9 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint9 = false;&lt;br /&gt;
        if(pos9 &amp;gt; 0) {&lt;br /&gt;
          pos9 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //9 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line9(line1xh, line1yh, pos9);&lt;br /&gt;
      &lt;br /&gt;
      //10 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xi.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xi.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint10 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xi[i],line1yi[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //10 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xi[line1xi.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xi[line1xi.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yi[line1yi.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yi[line1yi.length-1] -50 ) {&lt;br /&gt;
        overPoint10 = true;&lt;br /&gt;
        if(pos10 &amp;lt; line1xi.length-1) {&lt;br /&gt;
          pos10 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint10 = false;&lt;br /&gt;
        if(pos10 &amp;gt; 0) {&lt;br /&gt;
          pos10 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //10 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line10(line1xi, line1yi, pos10);&lt;br /&gt;
      &lt;br /&gt;
       //11 Drawing the points:&lt;br /&gt;
        noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xj.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xj.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint11 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xj[i],line1yj[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //11 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xj[line1xj.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xj[line1xj.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yj[line1yj.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yj[line1yj.length-1] -50 ) {&lt;br /&gt;
        overPoint11 = true;&lt;br /&gt;
        if(pos11 &amp;lt; line1xj.length-1) {&lt;br /&gt;
          pos11 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint11 = false;&lt;br /&gt;
        if(pos11 &amp;gt; 0) {&lt;br /&gt;
          pos11 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //11 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line11(line1xj, line1yj, pos11);&lt;br /&gt;
    &lt;br /&gt;
    &lt;br /&gt;
     //12 Drawing the points:&lt;br /&gt;
      noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xk.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xk.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint12 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xk[i],line1yk[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
      //12 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xk[line1xk.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xk[line1xk.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yk[line1yk.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yk[line1yk.length-1] -50 ) {&lt;br /&gt;
        overPoint12 = true;&lt;br /&gt;
        if(pos12 &amp;lt; line1xk.length-1) {&lt;br /&gt;
          pos12 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint12 = false;&lt;br /&gt;
        if(pos12 &amp;gt; 0) {&lt;br /&gt;
          pos12 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //12 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line12(line1xk, line1yk, pos12);&lt;br /&gt;
    }&lt;br /&gt;
    void connect_line(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    void connect_line2(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    void connect_line3(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    void connect_line4(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    void connect_line5(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    void connect_line6(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
     void connect_line7(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    void connect_line8(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    void connect_line9(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    &lt;br /&gt;
     void connect_line10(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    &lt;br /&gt;
    void connect_line11(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    &lt;br /&gt;
        void connect_line12(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;/div&gt;</summary>
		<author><name>Tr3ntlane</name></author>
	</entry>
	<entry>
		<id>https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=File:Imagen6.JPG&amp;diff=40293</id>
		<title>File:Imagen6.JPG</title>
		<link rel="alternate" type="text/html" href="https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=File:Imagen6.JPG&amp;diff=40293"/>
		<updated>2012-03-30T16:02:04Z</updated>

		<summary type="html">&lt;p&gt;Tr3ntlane: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;== Summary ==&lt;br /&gt;
&lt;br /&gt;
== Copyright status: ==&lt;br /&gt;
&lt;br /&gt;
== Source: ==&lt;/div&gt;</summary>
		<author><name>Tr3ntlane</name></author>
	</entry>
	<entry>
		<id>https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=File:Imagen5.JPG&amp;diff=40292</id>
		<title>File:Imagen5.JPG</title>
		<link rel="alternate" type="text/html" href="https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=File:Imagen5.JPG&amp;diff=40292"/>
		<updated>2012-03-30T16:01:53Z</updated>

		<summary type="html">&lt;p&gt;Tr3ntlane: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;== Summary ==&lt;br /&gt;
&lt;br /&gt;
== Copyright status: ==&lt;br /&gt;
&lt;br /&gt;
== Source: ==&lt;/div&gt;</summary>
		<author><name>Tr3ntlane</name></author>
	</entry>
	<entry>
		<id>https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=File:Imagen4.JPG&amp;diff=40291</id>
		<title>File:Imagen4.JPG</title>
		<link rel="alternate" type="text/html" href="https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=File:Imagen4.JPG&amp;diff=40291"/>
		<updated>2012-03-30T16:01:41Z</updated>

		<summary type="html">&lt;p&gt;Tr3ntlane: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;== Summary ==&lt;br /&gt;
&lt;br /&gt;
== Copyright status: ==&lt;br /&gt;
&lt;br /&gt;
== Source: ==&lt;/div&gt;</summary>
		<author><name>Tr3ntlane</name></author>
	</entry>
	<entry>
		<id>https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=File:Imagen3.JPG&amp;diff=40290</id>
		<title>File:Imagen3.JPG</title>
		<link rel="alternate" type="text/html" href="https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=File:Imagen3.JPG&amp;diff=40290"/>
		<updated>2012-03-30T16:00:55Z</updated>

		<summary type="html">&lt;p&gt;Tr3ntlane: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;== Summary ==&lt;br /&gt;
&lt;br /&gt;
== Copyright status: ==&lt;br /&gt;
&lt;br /&gt;
== Source: ==&lt;/div&gt;</summary>
		<author><name>Tr3ntlane</name></author>
	</entry>
	<entry>
		<id>https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=IFD:PhysicalComp2011/Augusto_Gandia&amp;diff=40289</id>
		<title>IFD:PhysicalComp2011/Augusto Gandia</title>
		<link rel="alternate" type="text/html" href="https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=IFD:PhysicalComp2011/Augusto_Gandia&amp;diff=40289"/>
		<updated>2012-03-30T16:00:24Z</updated>

		<summary type="html">&lt;p&gt;Tr3ntlane: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;==Trip Book - digital and physical combination==&lt;br /&gt;
&lt;br /&gt;
===First ideas===&lt;br /&gt;
&lt;br /&gt;
Despite the differences from this concept of the 80&#039;, &amp;quot;teleportation&amp;quot; is real &lt;br /&gt;
nowadays. Last year I came from the other corner of the earth to Germany and after some hours the only perception which makes me understand the distance was the view through planes and trains windows. I arrived to Weimar and I could, like many other students, leave this place without seen more than the facilities of the University, the supermarkets and the down town streets. In the past, the communication between neighbor cities was through unclear paths across the outskirts. In the current way of living these are residual areas but it doesn&#039;t mean that are no interesting. I decide to take a map from Weimar and randomly visit different points of these undervalued zones and pick up an element which then reminds me that place. One leaf was the object that made that connection between my mind and the place and also a time connection due to the fact that leaves mutate when the times goes by.  &lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;&lt;br /&gt;
File:2tabla.jpg&lt;br /&gt;
&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===Digital collected data===&lt;br /&gt;
&lt;br /&gt;
Digital let us made things simple. By creating an small program in Processing we can access information like names of streets, distances and paths to reach every leaf. Also digital data like pictures doesn&#039;t change throw time so that phenomenon gives us the chance to compare, for example physical leaves with digital ones and see how they have changed. &lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;&lt;br /&gt;
File:3paths.jpg&lt;br /&gt;
&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===Physical collected data===&lt;br /&gt;
&lt;br /&gt;
Physical let us have a Book (object). An object is something ephemeral that show us how the time modifies it and let us compare digital data and physical data. It is the old school way of storing data but it&#039;s not fact to argue that it&#039;s not a contemporary wonderful tool.    &lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;&lt;br /&gt;
File:4hojas.jpg&lt;br /&gt;
&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===Demo Video===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;videoflash type=vimeo&amp;gt;36111919&amp;lt;/videoflash&amp;gt;&lt;br /&gt;
&amp;lt;br&amp;gt;&amp;lt;br&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===Places photographs===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;&lt;br /&gt;
File: imagen1.JPG&lt;br /&gt;
File: imagen2.JPG&lt;br /&gt;
&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===Leaves photographs===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;&lt;br /&gt;
File:4hojas.jpg&lt;br /&gt;
&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===Some Links===&lt;br /&gt;
*[http://keiichimatsuda.com/]|AR cities.&lt;br /&gt;
*[http://postpolitical.us/blog/alternatives/tools_and_technology/social-bicycles-bikeshare-everywhere/]|Social Bikes Tracking System&lt;br /&gt;
*[http://www.discomole.com/2009/06/augmented-reality-book/]|AR Book&lt;br /&gt;
*[http://books.google.de/books?hl=de&amp;amp;lr=&amp;amp;id=6zjOeMKcYTsC&amp;amp;oi=fnd&amp;amp;pg=PA278&amp;amp;dq=outskirts+urbanism&amp;amp;ots=8NvhGD01hE&amp;amp;sig=EAFzGdJDQcd5-xLLvlpuwtraa8s#v=onepage&amp;amp;q=outskirts%20urbanism&amp;amp;f=false]|Urbanism&lt;br /&gt;
&lt;br /&gt;
===Code===&lt;br /&gt;
&lt;br /&gt;
boolean overPoint1 = false;&lt;br /&gt;
boolean overPoint2 = false;&lt;br /&gt;
boolean overPoint3 = false;&lt;br /&gt;
boolean overPoint4 = false;&lt;br /&gt;
boolean overPoint5 = false;&lt;br /&gt;
boolean overPoint6 = false;&lt;br /&gt;
boolean overPoint7 = false;&lt;br /&gt;
boolean overPoint8 = false;&lt;br /&gt;
boolean overPoint9 = false;&lt;br /&gt;
boolean overPoint10 = false;&lt;br /&gt;
boolean overPoint11 = false;&lt;br /&gt;
boolean overPoint12 = false;&lt;br /&gt;
&lt;br /&gt;
int[] line1xa = {&lt;br /&gt;
  (800+2), (800-7), (800-40), (800-90), (800-130), (800-155), (800-185), (800-213), (800-245), (800-282), (800-285)&lt;br /&gt;
    , (800-380), (800-380), (800-490)&lt;br /&gt;
    };&lt;br /&gt;
  int[] line1ya = {&lt;br /&gt;
    (450-2), (450+17),(450+9), (450+98), (450+95), (450+68), (450+47), (450+34), (450+25), (450+25), (450+30)&lt;br /&gt;
      , (450+24), (450-2), (450+30)&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
    int[] line1x = {&lt;br /&gt;
      (800+2), (800-7), (800+46), (800+38), (800-62)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1y = {&lt;br /&gt;
      (450-2), (450+17), (450+33), (450+65), (450+140)&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
    int[] line1xb = {&lt;br /&gt;
      (800+2), (800-75), (800-105), (800-138), (800-149), (800-230), (800-390)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yb = {&lt;br /&gt;
      (450-2), (450-28),(450-128), (450-129), (450-122), (450-118), (450-86)&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
    int[] line1xc = {&lt;br /&gt;
      (800+2), (800-75), (800-105), (800-131), (800-175), (800-239), (800-259), (800-257), (800-240)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yc = {&lt;br /&gt;
      (450-2), (450-28),(450-128), (450-218), (450-226), (450-210), (450-250), (450-262), (450-290)&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
    int[] line1xd = {&lt;br /&gt;
      (800+2), (800-75), (800-105), (800-131), (800-175), (800-239), (800-259), (800-257), (800-332), (800-375), (800-424)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yd = {&lt;br /&gt;
      (450-2), (450-28),(450-128), (450-218), (450-226), (450-210),  (450-250), (450-262), (450-257), (450-272), (450-271)&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    int[] line1xe = {&lt;br /&gt;
      (800+2), (800+18), (800+144), (800+163), (800+182), (800+202), (800+214), (800+209), (800+241), (800+263), (800+301), (800+301), (800+510)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1ye = {&lt;br /&gt;
      (450-2), (450-34), (450-4),  (450-33),  (450-31), (450-55), (450-90),  (450-109), (450-121), (450-151), (450-143), (450-128), (450-95)&lt;br /&gt;
      };&lt;br /&gt;
      &lt;br /&gt;
    int[] line1xf = {&lt;br /&gt;
      (800+2), (800+18), (800+33), (800+6), (800+12), (800+60), (800+68), (800+29), (800+8), (800+3), (800-49)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yf = {&lt;br /&gt;
      (450-2), (450-34), (450-64),  (450-73), (450-82), (450-95),  (450-102), (450-188), (450-195), (450-250), (450-255) &lt;br /&gt;
      };&lt;br /&gt;
      &lt;br /&gt;
    int[] line1xg = {&lt;br /&gt;
      (800+2), (800+18), (800+33), (800+6), (800+12), (800+60), (800+68), (800+98), (800+110), (800+123), (800+123), (800+101)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yg = {&lt;br /&gt;
      (450-2), (450-34), (450-64),  (450-73), (450-82), (450-95),  (450-102), (450-127), (450-173), (450-230), (450-270), (450-345) &lt;br /&gt;
      };&lt;br /&gt;
      &lt;br /&gt;
     int[] line1xh = {&lt;br /&gt;
      (800+2), (800+18), (800+33), (800+6), (800+12), (800+60), (800+68), (800+98), (800+110), (800+169), (800+205), (800+189), (800+184), (800+240), (800+352)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yh = {&lt;br /&gt;
      (450-2), (450-34), (450-64),  (450-73), (450-82), (450-95),  (450-102), (450-127), (450-173), (450-176), (450-189), (450-202), (450-236), (450-253), (450-339) &lt;br /&gt;
      };&lt;br /&gt;
      &lt;br /&gt;
      int[] line1xi = {&lt;br /&gt;
      (800+2), (800+90), (800+115), (800+166), (800+120), (800+95)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yi = {&lt;br /&gt;
      (450-2), (450+20), (450+32),  (450+38), (450+220), (450+255)&lt;br /&gt;
      };&lt;br /&gt;
      &lt;br /&gt;
      int[] line1xj = {&lt;br /&gt;
      (800+2), (800+90), (800+115), (800+166), (800+171), (800+227), (800+400)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yj = {&lt;br /&gt;
      (450-2), (450+20), (450+32),  (450+38), (450+44), (450+27), (450+207)&lt;br /&gt;
      };&lt;br /&gt;
      &lt;br /&gt;
      int[] line1xk = {&lt;br /&gt;
      (800+2), (800+90), (800+115), (800+166), (800+171), (800+227), (800+250), (800+278), (800+315), (800+348), (800+350), (800+390), (800+457)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yk = {&lt;br /&gt;
      (450-2), (450+20), (450+32),  (450+38), (450+44), (450+27), (450+25), (450+27), (450+45), (450+62), (450+67), (450+60), (450+63), (450+62)&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
    float pos =0;&lt;br /&gt;
    float pos2 =0;&lt;br /&gt;
    float pos3 =0;&lt;br /&gt;
    float pos4 =0;&lt;br /&gt;
    float pos5 =0;&lt;br /&gt;
    float pos6 =0;&lt;br /&gt;
    float pos7 =0;&lt;br /&gt;
    float pos8 =0;&lt;br /&gt;
    float pos9 =0;&lt;br /&gt;
    float pos10 =0;&lt;br /&gt;
    float pos11 =0;&lt;br /&gt;
    float pos12 =0;&lt;br /&gt;
&lt;br /&gt;
    void setup() {&lt;br /&gt;
      size(1600,900);&lt;br /&gt;
      background(255);&lt;br /&gt;
      imageMode(CENTER);&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    void draw() {&lt;br /&gt;
           &lt;br /&gt;
      noStroke();&lt;br /&gt;
      background(255);&lt;br /&gt;
      //a=(width/2)+11;&lt;br /&gt;
      //b=(height/2)-45;&lt;br /&gt;
      smooth();&lt;br /&gt;
      // myImage=loadImage(&amp;quot;mapa.jpg&amp;quot;);&lt;br /&gt;
      // image(myImage,a,b,1000,600);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
      //1 Drawing the points:&lt;br /&gt;
      &lt;br /&gt;
      for(int i=0; i&amp;lt;line1xa.length; i++) {&lt;br /&gt;
        &lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xa.length -1 ) {&lt;br /&gt;
          rad=12;&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          if(overPoint1 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xa[i],line1ya[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //1 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xa[line1xa.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xa[line1xa.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1ya[line1ya.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1ya[line1ya.length-1] -50 ) {&lt;br /&gt;
        overPoint1 = true;&lt;br /&gt;
        if(pos &amp;lt; line1xa.length-1) {&lt;br /&gt;
          pos += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint1 = false;&lt;br /&gt;
        if(pos &amp;gt; 0) {&lt;br /&gt;
          pos -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //1 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line(line1xa, line1ya, pos);&lt;br /&gt;
&lt;br /&gt;
      //2 Drawing the points:&lt;br /&gt;
      noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1x.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1x.length -1 ) {&lt;br /&gt;
          rad=12;&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          if(overPoint2 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1x[i],line1y[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //2 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1x[line1x.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1x[line1x.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1y[line1y.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1y[line1y.length-1] -50 ) {&lt;br /&gt;
        overPoint2 = true;&lt;br /&gt;
        if(pos2 &amp;lt; line1x.length-1) {&lt;br /&gt;
          pos2 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint2 = false;&lt;br /&gt;
        if(pos2 &amp;gt; 0) {&lt;br /&gt;
          pos2 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //2 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      &lt;br /&gt;
      connect_line2(line1x, line1y, pos2);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
      //3 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xb.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xb.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint3 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xb[i],line1yb[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //3 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xb[line1xb.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xb[line1xb.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yb[line1yb.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yb[line1yb.length-1] -50 ) {&lt;br /&gt;
        overPoint3 = true;&lt;br /&gt;
        if(pos3 &amp;lt; line1xb.length-1) {&lt;br /&gt;
          pos3 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint3 = false;&lt;br /&gt;
        if(pos3 &amp;gt; 0) {&lt;br /&gt;
          pos3 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //3 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line3(line1xb, line1yb, pos3);&lt;br /&gt;
&lt;br /&gt;
      //4 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xc.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xc.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint4 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xc[i],line1yc[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //4 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xc[line1xc.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xc[line1xc.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yc[line1yc.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yc[line1yc.length-1] -50 ) {&lt;br /&gt;
        overPoint4 = true;&lt;br /&gt;
        if(pos4 &amp;lt; line1xc.length-1) {&lt;br /&gt;
          pos4 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint4 = false;&lt;br /&gt;
        if(pos4 &amp;gt; 0) {&lt;br /&gt;
          pos4 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //4 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line4(line1xc, line1yc, pos4);&lt;br /&gt;
&lt;br /&gt;
      //5 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xd.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xd.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint5 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xd[i],line1yd[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //5 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xd[line1xd.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xd[line1xd.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yd[line1yd.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yd[line1yd.length-1] -50 ) {&lt;br /&gt;
        overPoint5 = true;&lt;br /&gt;
        if(pos5 &amp;lt; line1xd.length-1) {&lt;br /&gt;
          pos5 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint5 = false;&lt;br /&gt;
        if(pos5 &amp;gt; 0) {&lt;br /&gt;
          pos5 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //5 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line5(line1xd, line1yd, pos5);&lt;br /&gt;
&lt;br /&gt;
      //6 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xe.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xe.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint6 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xe[i],line1ye[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //6 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xe[line1xe.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xe[line1xe.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1ye[line1ye.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1ye[line1ye.length-1] -50 ) {&lt;br /&gt;
        overPoint6 = true;&lt;br /&gt;
        if(pos6 &amp;lt; line1xe.length-1) {&lt;br /&gt;
          pos6 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint6 = false;&lt;br /&gt;
        if(pos6 &amp;gt; 0) {&lt;br /&gt;
          pos6 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //6 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line6(line1xe, line1ye, pos6);&lt;br /&gt;
      &lt;br /&gt;
       //7 Drawing the points:&lt;br /&gt;
        noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xf.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xf.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint7 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xf[i],line1yf[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //7 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xf[line1xf.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xf[line1xf.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yf[line1yf.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yf[line1yf.length-1] -50 ) {&lt;br /&gt;
        overPoint7 = true;&lt;br /&gt;
        if(pos7 &amp;lt; line1xf.length-1) {&lt;br /&gt;
          pos7 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint7 = false;&lt;br /&gt;
        if(pos7 &amp;gt; 0) {&lt;br /&gt;
          pos7 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //7 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line7(line1xf, line1yf, pos7);&lt;br /&gt;
      &lt;br /&gt;
      //8 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xg.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xg.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint8 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xg[i],line1yg[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //8 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xg[line1xg.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xg[line1xg.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yg[line1yg.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yg[line1yg.length-1] -50 ) {&lt;br /&gt;
        overPoint8 = true;&lt;br /&gt;
        if(pos8 &amp;lt; line1xg.length-1) {&lt;br /&gt;
          pos8 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint8 = false;&lt;br /&gt;
        if(pos8 &amp;gt; 0) {&lt;br /&gt;
          pos8 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //8 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line8(line1xg, line1yg, pos8);&lt;br /&gt;
      &lt;br /&gt;
      //9 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xh.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xh.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint9 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xh[i],line1yh[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //9 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xh[line1xh.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xh[line1xh.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yh[line1yh.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yh[line1yh.length-1] -50 ) {&lt;br /&gt;
        overPoint9 = true;&lt;br /&gt;
        if(pos9 &amp;lt; line1xh.length-1) {&lt;br /&gt;
          pos9 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint9 = false;&lt;br /&gt;
        if(pos9 &amp;gt; 0) {&lt;br /&gt;
          pos9 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //9 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line9(line1xh, line1yh, pos9);&lt;br /&gt;
      &lt;br /&gt;
      //10 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xi.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xi.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint10 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xi[i],line1yi[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //10 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xi[line1xi.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xi[line1xi.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yi[line1yi.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yi[line1yi.length-1] -50 ) {&lt;br /&gt;
        overPoint10 = true;&lt;br /&gt;
        if(pos10 &amp;lt; line1xi.length-1) {&lt;br /&gt;
          pos10 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint10 = false;&lt;br /&gt;
        if(pos10 &amp;gt; 0) {&lt;br /&gt;
          pos10 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //10 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line10(line1xi, line1yi, pos10);&lt;br /&gt;
      &lt;br /&gt;
       //11 Drawing the points:&lt;br /&gt;
        noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xj.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xj.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint11 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xj[i],line1yj[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //11 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xj[line1xj.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xj[line1xj.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yj[line1yj.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yj[line1yj.length-1] -50 ) {&lt;br /&gt;
        overPoint11 = true;&lt;br /&gt;
        if(pos11 &amp;lt; line1xj.length-1) {&lt;br /&gt;
          pos11 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint11 = false;&lt;br /&gt;
        if(pos11 &amp;gt; 0) {&lt;br /&gt;
          pos11 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //11 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line11(line1xj, line1yj, pos11);&lt;br /&gt;
    &lt;br /&gt;
    &lt;br /&gt;
     //12 Drawing the points:&lt;br /&gt;
      noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xk.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xk.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint12 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xk[i],line1yk[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
      //12 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xk[line1xk.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xk[line1xk.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yk[line1yk.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yk[line1yk.length-1] -50 ) {&lt;br /&gt;
        overPoint12 = true;&lt;br /&gt;
        if(pos12 &amp;lt; line1xk.length-1) {&lt;br /&gt;
          pos12 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint12 = false;&lt;br /&gt;
        if(pos12 &amp;gt; 0) {&lt;br /&gt;
          pos12 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //12 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line12(line1xk, line1yk, pos12);&lt;br /&gt;
    }&lt;br /&gt;
    void connect_line(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    void connect_line2(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    void connect_line3(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    void connect_line4(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    void connect_line5(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    void connect_line6(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
     void connect_line7(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    void connect_line8(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    void connect_line9(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    &lt;br /&gt;
     void connect_line10(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    &lt;br /&gt;
    void connect_line11(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    &lt;br /&gt;
        void connect_line12(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;/div&gt;</summary>
		<author><name>Tr3ntlane</name></author>
	</entry>
	<entry>
		<id>https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=File:Imagen2.JPG&amp;diff=40288</id>
		<title>File:Imagen2.JPG</title>
		<link rel="alternate" type="text/html" href="https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=File:Imagen2.JPG&amp;diff=40288"/>
		<updated>2012-03-30T16:00:03Z</updated>

		<summary type="html">&lt;p&gt;Tr3ntlane: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;== Summary ==&lt;br /&gt;
&lt;br /&gt;
== Copyright status: ==&lt;br /&gt;
&lt;br /&gt;
== Source: ==&lt;/div&gt;</summary>
		<author><name>Tr3ntlane</name></author>
	</entry>
	<entry>
		<id>https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=IFD:PhysicalComp2011/Augusto_Gandia&amp;diff=40287</id>
		<title>IFD:PhysicalComp2011/Augusto Gandia</title>
		<link rel="alternate" type="text/html" href="https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=IFD:PhysicalComp2011/Augusto_Gandia&amp;diff=40287"/>
		<updated>2012-03-30T15:59:49Z</updated>

		<summary type="html">&lt;p&gt;Tr3ntlane: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;==Trip Book - digital and physical combination==&lt;br /&gt;
&lt;br /&gt;
===First ideas===&lt;br /&gt;
&lt;br /&gt;
Despite the differences from this concept of the 80&#039;, &amp;quot;teleportation&amp;quot; is real &lt;br /&gt;
nowadays. Last year I came from the other corner of the earth to Germany and after some hours the only perception which makes me understand the distance was the view through planes and trains windows. I arrived to Weimar and I could, like many other students, leave this place without seen more than the facilities of the University, the supermarkets and the down town streets. In the past, the communication between neighbor cities was through unclear paths across the outskirts. In the current way of living these are residual areas but it doesn&#039;t mean that are no interesting. I decide to take a map from Weimar and randomly visit different points of these undervalued zones and pick up an element which then reminds me that place. One leaf was the object that made that connection between my mind and the place and also a time connection due to the fact that leaves mutate when the times goes by.  &lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;&lt;br /&gt;
File:2tabla.jpg&lt;br /&gt;
&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===Digital collected data===&lt;br /&gt;
&lt;br /&gt;
Digital let us made things simple. By creating an small program in Processing we can access information like names of streets, distances and paths to reach every leaf. Also digital data like pictures doesn&#039;t change throw time so that phenomenon gives us the chance to compare, for example physical leaves with digital ones and see how they have changed. &lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;&lt;br /&gt;
File:3paths.jpg&lt;br /&gt;
&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===Physical collected data===&lt;br /&gt;
&lt;br /&gt;
Physical let us have a Book (object). An object is something ephemeral that show us how the time modifies it and let us compare digital data and physical data. It is the old school way of storing data but it&#039;s not fact to argue that it&#039;s not a contemporary wonderful tool.    &lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;&lt;br /&gt;
File:4hojas.jpg&lt;br /&gt;
&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===Demo Video===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;videoflash type=vimeo&amp;gt;36111919&amp;lt;/videoflash&amp;gt;&lt;br /&gt;
&amp;lt;br&amp;gt;&amp;lt;br&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===Places photographs===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;&lt;br /&gt;
File: imagen1.JPG&lt;br /&gt;
&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===Leaves photographs===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;&lt;br /&gt;
File:4hojas.jpg&lt;br /&gt;
&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===Some Links===&lt;br /&gt;
*[http://keiichimatsuda.com/]|AR cities.&lt;br /&gt;
*[http://postpolitical.us/blog/alternatives/tools_and_technology/social-bicycles-bikeshare-everywhere/]|Social Bikes Tracking System&lt;br /&gt;
*[http://www.discomole.com/2009/06/augmented-reality-book/]|AR Book&lt;br /&gt;
*[http://books.google.de/books?hl=de&amp;amp;lr=&amp;amp;id=6zjOeMKcYTsC&amp;amp;oi=fnd&amp;amp;pg=PA278&amp;amp;dq=outskirts+urbanism&amp;amp;ots=8NvhGD01hE&amp;amp;sig=EAFzGdJDQcd5-xLLvlpuwtraa8s#v=onepage&amp;amp;q=outskirts%20urbanism&amp;amp;f=false]|Urbanism&lt;br /&gt;
&lt;br /&gt;
===Code===&lt;br /&gt;
&lt;br /&gt;
boolean overPoint1 = false;&lt;br /&gt;
boolean overPoint2 = false;&lt;br /&gt;
boolean overPoint3 = false;&lt;br /&gt;
boolean overPoint4 = false;&lt;br /&gt;
boolean overPoint5 = false;&lt;br /&gt;
boolean overPoint6 = false;&lt;br /&gt;
boolean overPoint7 = false;&lt;br /&gt;
boolean overPoint8 = false;&lt;br /&gt;
boolean overPoint9 = false;&lt;br /&gt;
boolean overPoint10 = false;&lt;br /&gt;
boolean overPoint11 = false;&lt;br /&gt;
boolean overPoint12 = false;&lt;br /&gt;
&lt;br /&gt;
int[] line1xa = {&lt;br /&gt;
  (800+2), (800-7), (800-40), (800-90), (800-130), (800-155), (800-185), (800-213), (800-245), (800-282), (800-285)&lt;br /&gt;
    , (800-380), (800-380), (800-490)&lt;br /&gt;
    };&lt;br /&gt;
  int[] line1ya = {&lt;br /&gt;
    (450-2), (450+17),(450+9), (450+98), (450+95), (450+68), (450+47), (450+34), (450+25), (450+25), (450+30)&lt;br /&gt;
      , (450+24), (450-2), (450+30)&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
    int[] line1x = {&lt;br /&gt;
      (800+2), (800-7), (800+46), (800+38), (800-62)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1y = {&lt;br /&gt;
      (450-2), (450+17), (450+33), (450+65), (450+140)&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
    int[] line1xb = {&lt;br /&gt;
      (800+2), (800-75), (800-105), (800-138), (800-149), (800-230), (800-390)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yb = {&lt;br /&gt;
      (450-2), (450-28),(450-128), (450-129), (450-122), (450-118), (450-86)&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
    int[] line1xc = {&lt;br /&gt;
      (800+2), (800-75), (800-105), (800-131), (800-175), (800-239), (800-259), (800-257), (800-240)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yc = {&lt;br /&gt;
      (450-2), (450-28),(450-128), (450-218), (450-226), (450-210), (450-250), (450-262), (450-290)&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
    int[] line1xd = {&lt;br /&gt;
      (800+2), (800-75), (800-105), (800-131), (800-175), (800-239), (800-259), (800-257), (800-332), (800-375), (800-424)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yd = {&lt;br /&gt;
      (450-2), (450-28),(450-128), (450-218), (450-226), (450-210),  (450-250), (450-262), (450-257), (450-272), (450-271)&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    int[] line1xe = {&lt;br /&gt;
      (800+2), (800+18), (800+144), (800+163), (800+182), (800+202), (800+214), (800+209), (800+241), (800+263), (800+301), (800+301), (800+510)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1ye = {&lt;br /&gt;
      (450-2), (450-34), (450-4),  (450-33),  (450-31), (450-55), (450-90),  (450-109), (450-121), (450-151), (450-143), (450-128), (450-95)&lt;br /&gt;
      };&lt;br /&gt;
      &lt;br /&gt;
    int[] line1xf = {&lt;br /&gt;
      (800+2), (800+18), (800+33), (800+6), (800+12), (800+60), (800+68), (800+29), (800+8), (800+3), (800-49)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yf = {&lt;br /&gt;
      (450-2), (450-34), (450-64),  (450-73), (450-82), (450-95),  (450-102), (450-188), (450-195), (450-250), (450-255) &lt;br /&gt;
      };&lt;br /&gt;
      &lt;br /&gt;
    int[] line1xg = {&lt;br /&gt;
      (800+2), (800+18), (800+33), (800+6), (800+12), (800+60), (800+68), (800+98), (800+110), (800+123), (800+123), (800+101)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yg = {&lt;br /&gt;
      (450-2), (450-34), (450-64),  (450-73), (450-82), (450-95),  (450-102), (450-127), (450-173), (450-230), (450-270), (450-345) &lt;br /&gt;
      };&lt;br /&gt;
      &lt;br /&gt;
     int[] line1xh = {&lt;br /&gt;
      (800+2), (800+18), (800+33), (800+6), (800+12), (800+60), (800+68), (800+98), (800+110), (800+169), (800+205), (800+189), (800+184), (800+240), (800+352)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yh = {&lt;br /&gt;
      (450-2), (450-34), (450-64),  (450-73), (450-82), (450-95),  (450-102), (450-127), (450-173), (450-176), (450-189), (450-202), (450-236), (450-253), (450-339) &lt;br /&gt;
      };&lt;br /&gt;
      &lt;br /&gt;
      int[] line1xi = {&lt;br /&gt;
      (800+2), (800+90), (800+115), (800+166), (800+120), (800+95)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yi = {&lt;br /&gt;
      (450-2), (450+20), (450+32),  (450+38), (450+220), (450+255)&lt;br /&gt;
      };&lt;br /&gt;
      &lt;br /&gt;
      int[] line1xj = {&lt;br /&gt;
      (800+2), (800+90), (800+115), (800+166), (800+171), (800+227), (800+400)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yj = {&lt;br /&gt;
      (450-2), (450+20), (450+32),  (450+38), (450+44), (450+27), (450+207)&lt;br /&gt;
      };&lt;br /&gt;
      &lt;br /&gt;
      int[] line1xk = {&lt;br /&gt;
      (800+2), (800+90), (800+115), (800+166), (800+171), (800+227), (800+250), (800+278), (800+315), (800+348), (800+350), (800+390), (800+457)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yk = {&lt;br /&gt;
      (450-2), (450+20), (450+32),  (450+38), (450+44), (450+27), (450+25), (450+27), (450+45), (450+62), (450+67), (450+60), (450+63), (450+62)&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
    float pos =0;&lt;br /&gt;
    float pos2 =0;&lt;br /&gt;
    float pos3 =0;&lt;br /&gt;
    float pos4 =0;&lt;br /&gt;
    float pos5 =0;&lt;br /&gt;
    float pos6 =0;&lt;br /&gt;
    float pos7 =0;&lt;br /&gt;
    float pos8 =0;&lt;br /&gt;
    float pos9 =0;&lt;br /&gt;
    float pos10 =0;&lt;br /&gt;
    float pos11 =0;&lt;br /&gt;
    float pos12 =0;&lt;br /&gt;
&lt;br /&gt;
    void setup() {&lt;br /&gt;
      size(1600,900);&lt;br /&gt;
      background(255);&lt;br /&gt;
      imageMode(CENTER);&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    void draw() {&lt;br /&gt;
           &lt;br /&gt;
      noStroke();&lt;br /&gt;
      background(255);&lt;br /&gt;
      //a=(width/2)+11;&lt;br /&gt;
      //b=(height/2)-45;&lt;br /&gt;
      smooth();&lt;br /&gt;
      // myImage=loadImage(&amp;quot;mapa.jpg&amp;quot;);&lt;br /&gt;
      // image(myImage,a,b,1000,600);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
      //1 Drawing the points:&lt;br /&gt;
      &lt;br /&gt;
      for(int i=0; i&amp;lt;line1xa.length; i++) {&lt;br /&gt;
        &lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xa.length -1 ) {&lt;br /&gt;
          rad=12;&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          if(overPoint1 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xa[i],line1ya[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //1 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xa[line1xa.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xa[line1xa.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1ya[line1ya.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1ya[line1ya.length-1] -50 ) {&lt;br /&gt;
        overPoint1 = true;&lt;br /&gt;
        if(pos &amp;lt; line1xa.length-1) {&lt;br /&gt;
          pos += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint1 = false;&lt;br /&gt;
        if(pos &amp;gt; 0) {&lt;br /&gt;
          pos -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //1 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line(line1xa, line1ya, pos);&lt;br /&gt;
&lt;br /&gt;
      //2 Drawing the points:&lt;br /&gt;
      noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1x.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1x.length -1 ) {&lt;br /&gt;
          rad=12;&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          if(overPoint2 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1x[i],line1y[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //2 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1x[line1x.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1x[line1x.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1y[line1y.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1y[line1y.length-1] -50 ) {&lt;br /&gt;
        overPoint2 = true;&lt;br /&gt;
        if(pos2 &amp;lt; line1x.length-1) {&lt;br /&gt;
          pos2 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint2 = false;&lt;br /&gt;
        if(pos2 &amp;gt; 0) {&lt;br /&gt;
          pos2 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //2 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      &lt;br /&gt;
      connect_line2(line1x, line1y, pos2);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
      //3 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xb.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xb.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint3 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xb[i],line1yb[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //3 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xb[line1xb.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xb[line1xb.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yb[line1yb.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yb[line1yb.length-1] -50 ) {&lt;br /&gt;
        overPoint3 = true;&lt;br /&gt;
        if(pos3 &amp;lt; line1xb.length-1) {&lt;br /&gt;
          pos3 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint3 = false;&lt;br /&gt;
        if(pos3 &amp;gt; 0) {&lt;br /&gt;
          pos3 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //3 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line3(line1xb, line1yb, pos3);&lt;br /&gt;
&lt;br /&gt;
      //4 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xc.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xc.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint4 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xc[i],line1yc[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //4 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xc[line1xc.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xc[line1xc.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yc[line1yc.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yc[line1yc.length-1] -50 ) {&lt;br /&gt;
        overPoint4 = true;&lt;br /&gt;
        if(pos4 &amp;lt; line1xc.length-1) {&lt;br /&gt;
          pos4 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint4 = false;&lt;br /&gt;
        if(pos4 &amp;gt; 0) {&lt;br /&gt;
          pos4 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //4 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line4(line1xc, line1yc, pos4);&lt;br /&gt;
&lt;br /&gt;
      //5 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xd.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xd.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint5 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xd[i],line1yd[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //5 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xd[line1xd.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xd[line1xd.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yd[line1yd.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yd[line1yd.length-1] -50 ) {&lt;br /&gt;
        overPoint5 = true;&lt;br /&gt;
        if(pos5 &amp;lt; line1xd.length-1) {&lt;br /&gt;
          pos5 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint5 = false;&lt;br /&gt;
        if(pos5 &amp;gt; 0) {&lt;br /&gt;
          pos5 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //5 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line5(line1xd, line1yd, pos5);&lt;br /&gt;
&lt;br /&gt;
      //6 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xe.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xe.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint6 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xe[i],line1ye[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //6 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xe[line1xe.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xe[line1xe.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1ye[line1ye.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1ye[line1ye.length-1] -50 ) {&lt;br /&gt;
        overPoint6 = true;&lt;br /&gt;
        if(pos6 &amp;lt; line1xe.length-1) {&lt;br /&gt;
          pos6 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint6 = false;&lt;br /&gt;
        if(pos6 &amp;gt; 0) {&lt;br /&gt;
          pos6 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //6 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line6(line1xe, line1ye, pos6);&lt;br /&gt;
      &lt;br /&gt;
       //7 Drawing the points:&lt;br /&gt;
        noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xf.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xf.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint7 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xf[i],line1yf[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //7 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xf[line1xf.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xf[line1xf.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yf[line1yf.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yf[line1yf.length-1] -50 ) {&lt;br /&gt;
        overPoint7 = true;&lt;br /&gt;
        if(pos7 &amp;lt; line1xf.length-1) {&lt;br /&gt;
          pos7 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint7 = false;&lt;br /&gt;
        if(pos7 &amp;gt; 0) {&lt;br /&gt;
          pos7 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //7 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line7(line1xf, line1yf, pos7);&lt;br /&gt;
      &lt;br /&gt;
      //8 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xg.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xg.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint8 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xg[i],line1yg[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //8 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xg[line1xg.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xg[line1xg.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yg[line1yg.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yg[line1yg.length-1] -50 ) {&lt;br /&gt;
        overPoint8 = true;&lt;br /&gt;
        if(pos8 &amp;lt; line1xg.length-1) {&lt;br /&gt;
          pos8 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint8 = false;&lt;br /&gt;
        if(pos8 &amp;gt; 0) {&lt;br /&gt;
          pos8 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //8 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line8(line1xg, line1yg, pos8);&lt;br /&gt;
      &lt;br /&gt;
      //9 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xh.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xh.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint9 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xh[i],line1yh[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //9 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xh[line1xh.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xh[line1xh.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yh[line1yh.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yh[line1yh.length-1] -50 ) {&lt;br /&gt;
        overPoint9 = true;&lt;br /&gt;
        if(pos9 &amp;lt; line1xh.length-1) {&lt;br /&gt;
          pos9 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint9 = false;&lt;br /&gt;
        if(pos9 &amp;gt; 0) {&lt;br /&gt;
          pos9 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //9 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line9(line1xh, line1yh, pos9);&lt;br /&gt;
      &lt;br /&gt;
      //10 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xi.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xi.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint10 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xi[i],line1yi[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //10 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xi[line1xi.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xi[line1xi.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yi[line1yi.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yi[line1yi.length-1] -50 ) {&lt;br /&gt;
        overPoint10 = true;&lt;br /&gt;
        if(pos10 &amp;lt; line1xi.length-1) {&lt;br /&gt;
          pos10 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint10 = false;&lt;br /&gt;
        if(pos10 &amp;gt; 0) {&lt;br /&gt;
          pos10 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //10 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line10(line1xi, line1yi, pos10);&lt;br /&gt;
      &lt;br /&gt;
       //11 Drawing the points:&lt;br /&gt;
        noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xj.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xj.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint11 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xj[i],line1yj[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //11 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xj[line1xj.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xj[line1xj.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yj[line1yj.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yj[line1yj.length-1] -50 ) {&lt;br /&gt;
        overPoint11 = true;&lt;br /&gt;
        if(pos11 &amp;lt; line1xj.length-1) {&lt;br /&gt;
          pos11 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint11 = false;&lt;br /&gt;
        if(pos11 &amp;gt; 0) {&lt;br /&gt;
          pos11 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //11 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line11(line1xj, line1yj, pos11);&lt;br /&gt;
    &lt;br /&gt;
    &lt;br /&gt;
     //12 Drawing the points:&lt;br /&gt;
      noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xk.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xk.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint12 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xk[i],line1yk[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
      //12 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xk[line1xk.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xk[line1xk.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yk[line1yk.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yk[line1yk.length-1] -50 ) {&lt;br /&gt;
        overPoint12 = true;&lt;br /&gt;
        if(pos12 &amp;lt; line1xk.length-1) {&lt;br /&gt;
          pos12 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint12 = false;&lt;br /&gt;
        if(pos12 &amp;gt; 0) {&lt;br /&gt;
          pos12 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //12 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line12(line1xk, line1yk, pos12);&lt;br /&gt;
    }&lt;br /&gt;
    void connect_line(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    void connect_line2(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    void connect_line3(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    void connect_line4(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    void connect_line5(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    void connect_line6(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
     void connect_line7(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    void connect_line8(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    void connect_line9(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    &lt;br /&gt;
     void connect_line10(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    &lt;br /&gt;
    void connect_line11(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    &lt;br /&gt;
        void connect_line12(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;/div&gt;</summary>
		<author><name>Tr3ntlane</name></author>
	</entry>
	<entry>
		<id>https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=IFD:PhysicalComp2011/Augusto_Gandia&amp;diff=40286</id>
		<title>IFD:PhysicalComp2011/Augusto Gandia</title>
		<link rel="alternate" type="text/html" href="https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=IFD:PhysicalComp2011/Augusto_Gandia&amp;diff=40286"/>
		<updated>2012-03-30T15:59:20Z</updated>

		<summary type="html">&lt;p&gt;Tr3ntlane: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;==Trip Book - digital and physical combination==&lt;br /&gt;
&lt;br /&gt;
===First ideas===&lt;br /&gt;
&lt;br /&gt;
Despite the differences from this concept of the 80&#039;, &amp;quot;teleportation&amp;quot; is real &lt;br /&gt;
nowadays. Last year I came from the other corner of the earth to Germany and after some hours the only perception which makes me understand the distance was the view through planes and trains windows. I arrived to Weimar and I could, like many other students, leave this place without seen more than the facilities of the University, the supermarkets and the down town streets. In the past, the communication between neighbor cities was through unclear paths across the outskirts. In the current way of living these are residual areas but it doesn&#039;t mean that are no interesting. I decide to take a map from Weimar and randomly visit different points of these undervalued zones and pick up an element which then reminds me that place. One leaf was the object that made that connection between my mind and the place and also a time connection due to the fact that leaves mutate when the times goes by.  &lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;&lt;br /&gt;
File:2tabla.jpg&lt;br /&gt;
&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===Digital collected data===&lt;br /&gt;
&lt;br /&gt;
Digital let us made things simple. By creating an small program in Processing we can access information like names of streets, distances and paths to reach every leaf. Also digital data like pictures doesn&#039;t change throw time so that phenomenon gives us the chance to compare, for example physical leaves with digital ones and see how they have changed. &lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;&lt;br /&gt;
File:3paths.jpg&lt;br /&gt;
&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===Physical collected data===&lt;br /&gt;
&lt;br /&gt;
Physical let us have a Book (object). An object is something ephemeral that show us how the time modifies it and let us compare digital data and physical data. It is the old school way of storing data but it&#039;s not fact to argue that it&#039;s not a contemporary wonderful tool.    &lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;&lt;br /&gt;
File:4hojas.jpg&lt;br /&gt;
&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===Demo Video===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;videoflash type=vimeo&amp;gt;36111919&amp;lt;/videoflash&amp;gt;&lt;br /&gt;
&amp;lt;br&amp;gt;&amp;lt;br&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===Places photographs===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;&lt;br /&gt;
File: imagen1.jpg&lt;br /&gt;
&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===Leaves photographs===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;&lt;br /&gt;
File:4hojas.jpg&lt;br /&gt;
&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===Some Links===&lt;br /&gt;
*[http://keiichimatsuda.com/]|AR cities.&lt;br /&gt;
*[http://postpolitical.us/blog/alternatives/tools_and_technology/social-bicycles-bikeshare-everywhere/]|Social Bikes Tracking System&lt;br /&gt;
*[http://www.discomole.com/2009/06/augmented-reality-book/]|AR Book&lt;br /&gt;
*[http://books.google.de/books?hl=de&amp;amp;lr=&amp;amp;id=6zjOeMKcYTsC&amp;amp;oi=fnd&amp;amp;pg=PA278&amp;amp;dq=outskirts+urbanism&amp;amp;ots=8NvhGD01hE&amp;amp;sig=EAFzGdJDQcd5-xLLvlpuwtraa8s#v=onepage&amp;amp;q=outskirts%20urbanism&amp;amp;f=false]|Urbanism&lt;br /&gt;
&lt;br /&gt;
===Code===&lt;br /&gt;
&lt;br /&gt;
boolean overPoint1 = false;&lt;br /&gt;
boolean overPoint2 = false;&lt;br /&gt;
boolean overPoint3 = false;&lt;br /&gt;
boolean overPoint4 = false;&lt;br /&gt;
boolean overPoint5 = false;&lt;br /&gt;
boolean overPoint6 = false;&lt;br /&gt;
boolean overPoint7 = false;&lt;br /&gt;
boolean overPoint8 = false;&lt;br /&gt;
boolean overPoint9 = false;&lt;br /&gt;
boolean overPoint10 = false;&lt;br /&gt;
boolean overPoint11 = false;&lt;br /&gt;
boolean overPoint12 = false;&lt;br /&gt;
&lt;br /&gt;
int[] line1xa = {&lt;br /&gt;
  (800+2), (800-7), (800-40), (800-90), (800-130), (800-155), (800-185), (800-213), (800-245), (800-282), (800-285)&lt;br /&gt;
    , (800-380), (800-380), (800-490)&lt;br /&gt;
    };&lt;br /&gt;
  int[] line1ya = {&lt;br /&gt;
    (450-2), (450+17),(450+9), (450+98), (450+95), (450+68), (450+47), (450+34), (450+25), (450+25), (450+30)&lt;br /&gt;
      , (450+24), (450-2), (450+30)&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
    int[] line1x = {&lt;br /&gt;
      (800+2), (800-7), (800+46), (800+38), (800-62)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1y = {&lt;br /&gt;
      (450-2), (450+17), (450+33), (450+65), (450+140)&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
    int[] line1xb = {&lt;br /&gt;
      (800+2), (800-75), (800-105), (800-138), (800-149), (800-230), (800-390)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yb = {&lt;br /&gt;
      (450-2), (450-28),(450-128), (450-129), (450-122), (450-118), (450-86)&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
    int[] line1xc = {&lt;br /&gt;
      (800+2), (800-75), (800-105), (800-131), (800-175), (800-239), (800-259), (800-257), (800-240)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yc = {&lt;br /&gt;
      (450-2), (450-28),(450-128), (450-218), (450-226), (450-210), (450-250), (450-262), (450-290)&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
    int[] line1xd = {&lt;br /&gt;
      (800+2), (800-75), (800-105), (800-131), (800-175), (800-239), (800-259), (800-257), (800-332), (800-375), (800-424)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yd = {&lt;br /&gt;
      (450-2), (450-28),(450-128), (450-218), (450-226), (450-210),  (450-250), (450-262), (450-257), (450-272), (450-271)&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    int[] line1xe = {&lt;br /&gt;
      (800+2), (800+18), (800+144), (800+163), (800+182), (800+202), (800+214), (800+209), (800+241), (800+263), (800+301), (800+301), (800+510)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1ye = {&lt;br /&gt;
      (450-2), (450-34), (450-4),  (450-33),  (450-31), (450-55), (450-90),  (450-109), (450-121), (450-151), (450-143), (450-128), (450-95)&lt;br /&gt;
      };&lt;br /&gt;
      &lt;br /&gt;
    int[] line1xf = {&lt;br /&gt;
      (800+2), (800+18), (800+33), (800+6), (800+12), (800+60), (800+68), (800+29), (800+8), (800+3), (800-49)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yf = {&lt;br /&gt;
      (450-2), (450-34), (450-64),  (450-73), (450-82), (450-95),  (450-102), (450-188), (450-195), (450-250), (450-255) &lt;br /&gt;
      };&lt;br /&gt;
      &lt;br /&gt;
    int[] line1xg = {&lt;br /&gt;
      (800+2), (800+18), (800+33), (800+6), (800+12), (800+60), (800+68), (800+98), (800+110), (800+123), (800+123), (800+101)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yg = {&lt;br /&gt;
      (450-2), (450-34), (450-64),  (450-73), (450-82), (450-95),  (450-102), (450-127), (450-173), (450-230), (450-270), (450-345) &lt;br /&gt;
      };&lt;br /&gt;
      &lt;br /&gt;
     int[] line1xh = {&lt;br /&gt;
      (800+2), (800+18), (800+33), (800+6), (800+12), (800+60), (800+68), (800+98), (800+110), (800+169), (800+205), (800+189), (800+184), (800+240), (800+352)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yh = {&lt;br /&gt;
      (450-2), (450-34), (450-64),  (450-73), (450-82), (450-95),  (450-102), (450-127), (450-173), (450-176), (450-189), (450-202), (450-236), (450-253), (450-339) &lt;br /&gt;
      };&lt;br /&gt;
      &lt;br /&gt;
      int[] line1xi = {&lt;br /&gt;
      (800+2), (800+90), (800+115), (800+166), (800+120), (800+95)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yi = {&lt;br /&gt;
      (450-2), (450+20), (450+32),  (450+38), (450+220), (450+255)&lt;br /&gt;
      };&lt;br /&gt;
      &lt;br /&gt;
      int[] line1xj = {&lt;br /&gt;
      (800+2), (800+90), (800+115), (800+166), (800+171), (800+227), (800+400)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yj = {&lt;br /&gt;
      (450-2), (450+20), (450+32),  (450+38), (450+44), (450+27), (450+207)&lt;br /&gt;
      };&lt;br /&gt;
      &lt;br /&gt;
      int[] line1xk = {&lt;br /&gt;
      (800+2), (800+90), (800+115), (800+166), (800+171), (800+227), (800+250), (800+278), (800+315), (800+348), (800+350), (800+390), (800+457)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yk = {&lt;br /&gt;
      (450-2), (450+20), (450+32),  (450+38), (450+44), (450+27), (450+25), (450+27), (450+45), (450+62), (450+67), (450+60), (450+63), (450+62)&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
    float pos =0;&lt;br /&gt;
    float pos2 =0;&lt;br /&gt;
    float pos3 =0;&lt;br /&gt;
    float pos4 =0;&lt;br /&gt;
    float pos5 =0;&lt;br /&gt;
    float pos6 =0;&lt;br /&gt;
    float pos7 =0;&lt;br /&gt;
    float pos8 =0;&lt;br /&gt;
    float pos9 =0;&lt;br /&gt;
    float pos10 =0;&lt;br /&gt;
    float pos11 =0;&lt;br /&gt;
    float pos12 =0;&lt;br /&gt;
&lt;br /&gt;
    void setup() {&lt;br /&gt;
      size(1600,900);&lt;br /&gt;
      background(255);&lt;br /&gt;
      imageMode(CENTER);&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    void draw() {&lt;br /&gt;
           &lt;br /&gt;
      noStroke();&lt;br /&gt;
      background(255);&lt;br /&gt;
      //a=(width/2)+11;&lt;br /&gt;
      //b=(height/2)-45;&lt;br /&gt;
      smooth();&lt;br /&gt;
      // myImage=loadImage(&amp;quot;mapa.jpg&amp;quot;);&lt;br /&gt;
      // image(myImage,a,b,1000,600);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
      //1 Drawing the points:&lt;br /&gt;
      &lt;br /&gt;
      for(int i=0; i&amp;lt;line1xa.length; i++) {&lt;br /&gt;
        &lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xa.length -1 ) {&lt;br /&gt;
          rad=12;&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          if(overPoint1 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xa[i],line1ya[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //1 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xa[line1xa.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xa[line1xa.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1ya[line1ya.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1ya[line1ya.length-1] -50 ) {&lt;br /&gt;
        overPoint1 = true;&lt;br /&gt;
        if(pos &amp;lt; line1xa.length-1) {&lt;br /&gt;
          pos += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint1 = false;&lt;br /&gt;
        if(pos &amp;gt; 0) {&lt;br /&gt;
          pos -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //1 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line(line1xa, line1ya, pos);&lt;br /&gt;
&lt;br /&gt;
      //2 Drawing the points:&lt;br /&gt;
      noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1x.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1x.length -1 ) {&lt;br /&gt;
          rad=12;&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          if(overPoint2 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1x[i],line1y[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //2 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1x[line1x.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1x[line1x.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1y[line1y.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1y[line1y.length-1] -50 ) {&lt;br /&gt;
        overPoint2 = true;&lt;br /&gt;
        if(pos2 &amp;lt; line1x.length-1) {&lt;br /&gt;
          pos2 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint2 = false;&lt;br /&gt;
        if(pos2 &amp;gt; 0) {&lt;br /&gt;
          pos2 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //2 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      &lt;br /&gt;
      connect_line2(line1x, line1y, pos2);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
      //3 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xb.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xb.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint3 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xb[i],line1yb[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //3 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xb[line1xb.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xb[line1xb.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yb[line1yb.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yb[line1yb.length-1] -50 ) {&lt;br /&gt;
        overPoint3 = true;&lt;br /&gt;
        if(pos3 &amp;lt; line1xb.length-1) {&lt;br /&gt;
          pos3 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint3 = false;&lt;br /&gt;
        if(pos3 &amp;gt; 0) {&lt;br /&gt;
          pos3 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //3 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line3(line1xb, line1yb, pos3);&lt;br /&gt;
&lt;br /&gt;
      //4 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xc.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xc.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint4 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xc[i],line1yc[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //4 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xc[line1xc.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xc[line1xc.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yc[line1yc.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yc[line1yc.length-1] -50 ) {&lt;br /&gt;
        overPoint4 = true;&lt;br /&gt;
        if(pos4 &amp;lt; line1xc.length-1) {&lt;br /&gt;
          pos4 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint4 = false;&lt;br /&gt;
        if(pos4 &amp;gt; 0) {&lt;br /&gt;
          pos4 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //4 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line4(line1xc, line1yc, pos4);&lt;br /&gt;
&lt;br /&gt;
      //5 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xd.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xd.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint5 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xd[i],line1yd[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //5 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xd[line1xd.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xd[line1xd.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yd[line1yd.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yd[line1yd.length-1] -50 ) {&lt;br /&gt;
        overPoint5 = true;&lt;br /&gt;
        if(pos5 &amp;lt; line1xd.length-1) {&lt;br /&gt;
          pos5 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint5 = false;&lt;br /&gt;
        if(pos5 &amp;gt; 0) {&lt;br /&gt;
          pos5 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //5 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line5(line1xd, line1yd, pos5);&lt;br /&gt;
&lt;br /&gt;
      //6 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xe.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xe.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint6 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xe[i],line1ye[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //6 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xe[line1xe.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xe[line1xe.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1ye[line1ye.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1ye[line1ye.length-1] -50 ) {&lt;br /&gt;
        overPoint6 = true;&lt;br /&gt;
        if(pos6 &amp;lt; line1xe.length-1) {&lt;br /&gt;
          pos6 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint6 = false;&lt;br /&gt;
        if(pos6 &amp;gt; 0) {&lt;br /&gt;
          pos6 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //6 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line6(line1xe, line1ye, pos6);&lt;br /&gt;
      &lt;br /&gt;
       //7 Drawing the points:&lt;br /&gt;
        noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xf.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xf.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint7 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xf[i],line1yf[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //7 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xf[line1xf.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xf[line1xf.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yf[line1yf.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yf[line1yf.length-1] -50 ) {&lt;br /&gt;
        overPoint7 = true;&lt;br /&gt;
        if(pos7 &amp;lt; line1xf.length-1) {&lt;br /&gt;
          pos7 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint7 = false;&lt;br /&gt;
        if(pos7 &amp;gt; 0) {&lt;br /&gt;
          pos7 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //7 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line7(line1xf, line1yf, pos7);&lt;br /&gt;
      &lt;br /&gt;
      //8 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xg.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xg.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint8 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xg[i],line1yg[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //8 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xg[line1xg.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xg[line1xg.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yg[line1yg.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yg[line1yg.length-1] -50 ) {&lt;br /&gt;
        overPoint8 = true;&lt;br /&gt;
        if(pos8 &amp;lt; line1xg.length-1) {&lt;br /&gt;
          pos8 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint8 = false;&lt;br /&gt;
        if(pos8 &amp;gt; 0) {&lt;br /&gt;
          pos8 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //8 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line8(line1xg, line1yg, pos8);&lt;br /&gt;
      &lt;br /&gt;
      //9 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xh.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xh.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint9 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xh[i],line1yh[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //9 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xh[line1xh.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xh[line1xh.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yh[line1yh.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yh[line1yh.length-1] -50 ) {&lt;br /&gt;
        overPoint9 = true;&lt;br /&gt;
        if(pos9 &amp;lt; line1xh.length-1) {&lt;br /&gt;
          pos9 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint9 = false;&lt;br /&gt;
        if(pos9 &amp;gt; 0) {&lt;br /&gt;
          pos9 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //9 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line9(line1xh, line1yh, pos9);&lt;br /&gt;
      &lt;br /&gt;
      //10 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xi.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xi.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint10 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xi[i],line1yi[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //10 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xi[line1xi.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xi[line1xi.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yi[line1yi.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yi[line1yi.length-1] -50 ) {&lt;br /&gt;
        overPoint10 = true;&lt;br /&gt;
        if(pos10 &amp;lt; line1xi.length-1) {&lt;br /&gt;
          pos10 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint10 = false;&lt;br /&gt;
        if(pos10 &amp;gt; 0) {&lt;br /&gt;
          pos10 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //10 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line10(line1xi, line1yi, pos10);&lt;br /&gt;
      &lt;br /&gt;
       //11 Drawing the points:&lt;br /&gt;
        noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xj.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xj.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint11 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xj[i],line1yj[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //11 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xj[line1xj.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xj[line1xj.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yj[line1yj.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yj[line1yj.length-1] -50 ) {&lt;br /&gt;
        overPoint11 = true;&lt;br /&gt;
        if(pos11 &amp;lt; line1xj.length-1) {&lt;br /&gt;
          pos11 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint11 = false;&lt;br /&gt;
        if(pos11 &amp;gt; 0) {&lt;br /&gt;
          pos11 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //11 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line11(line1xj, line1yj, pos11);&lt;br /&gt;
    &lt;br /&gt;
    &lt;br /&gt;
     //12 Drawing the points:&lt;br /&gt;
      noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xk.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xk.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint12 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xk[i],line1yk[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
      //12 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xk[line1xk.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xk[line1xk.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yk[line1yk.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yk[line1yk.length-1] -50 ) {&lt;br /&gt;
        overPoint12 = true;&lt;br /&gt;
        if(pos12 &amp;lt; line1xk.length-1) {&lt;br /&gt;
          pos12 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint12 = false;&lt;br /&gt;
        if(pos12 &amp;gt; 0) {&lt;br /&gt;
          pos12 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //12 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line12(line1xk, line1yk, pos12);&lt;br /&gt;
    }&lt;br /&gt;
    void connect_line(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    void connect_line2(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    void connect_line3(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    void connect_line4(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    void connect_line5(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    void connect_line6(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
     void connect_line7(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    void connect_line8(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    void connect_line9(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    &lt;br /&gt;
     void connect_line10(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    &lt;br /&gt;
    void connect_line11(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    &lt;br /&gt;
        void connect_line12(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;/div&gt;</summary>
		<author><name>Tr3ntlane</name></author>
	</entry>
	<entry>
		<id>https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=IFD:PhysicalComp2011/Augusto_Gandia&amp;diff=40285</id>
		<title>IFD:PhysicalComp2011/Augusto Gandia</title>
		<link rel="alternate" type="text/html" href="https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=IFD:PhysicalComp2011/Augusto_Gandia&amp;diff=40285"/>
		<updated>2012-03-30T15:58:48Z</updated>

		<summary type="html">&lt;p&gt;Tr3ntlane: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;==Trip Book - digital and physical combination==&lt;br /&gt;
&lt;br /&gt;
===First ideas===&lt;br /&gt;
&lt;br /&gt;
Despite the differences from this concept of the 80&#039;, &amp;quot;teleportation&amp;quot; is real &lt;br /&gt;
nowadays. Last year I came from the other corner of the earth to Germany and after some hours the only perception which makes me understand the distance was the view through planes and trains windows. I arrived to Weimar and I could, like many other students, leave this place without seen more than the facilities of the University, the supermarkets and the down town streets. In the past, the communication between neighbor cities was through unclear paths across the outskirts. In the current way of living these are residual areas but it doesn&#039;t mean that are no interesting. I decide to take a map from Weimar and randomly visit different points of these undervalued zones and pick up an element which then reminds me that place. One leaf was the object that made that connection between my mind and the place and also a time connection due to the fact that leaves mutate when the times goes by.  &lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;&lt;br /&gt;
File:2tabla.jpg&lt;br /&gt;
&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===Digital collected data===&lt;br /&gt;
&lt;br /&gt;
Digital let us made things simple. By creating an small program in Processing we can access information like names of streets, distances and paths to reach every leaf. Also digital data like pictures doesn&#039;t change throw time so that phenomenon gives us the chance to compare, for example physical leaves with digital ones and see how they have changed. &lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;&lt;br /&gt;
File:3paths.jpg&lt;br /&gt;
&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===Physical collected data===&lt;br /&gt;
&lt;br /&gt;
Physical let us have a Book (object). An object is something ephemeral that show us how the time modifies it and let us compare digital data and physical data. It is the old school way of storing data but it&#039;s not fact to argue that it&#039;s not a contemporary wonderful tool.    &lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;&lt;br /&gt;
File:4hojas.jpg&lt;br /&gt;
&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===Demo Video===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;videoflash type=vimeo&amp;gt;36111919&amp;lt;/videoflash&amp;gt;&lt;br /&gt;
&amp;lt;br&amp;gt;&amp;lt;br&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===Places photographs===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;&lt;br /&gt;
File:Imagen1.jpg&lt;br /&gt;
&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===Leaves photographs===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;&lt;br /&gt;
File:4hojas.jpg&lt;br /&gt;
&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===Some Links===&lt;br /&gt;
*[http://keiichimatsuda.com/]|AR cities.&lt;br /&gt;
*[http://postpolitical.us/blog/alternatives/tools_and_technology/social-bicycles-bikeshare-everywhere/]|Social Bikes Tracking System&lt;br /&gt;
*[http://www.discomole.com/2009/06/augmented-reality-book/]|AR Book&lt;br /&gt;
*[http://books.google.de/books?hl=de&amp;amp;lr=&amp;amp;id=6zjOeMKcYTsC&amp;amp;oi=fnd&amp;amp;pg=PA278&amp;amp;dq=outskirts+urbanism&amp;amp;ots=8NvhGD01hE&amp;amp;sig=EAFzGdJDQcd5-xLLvlpuwtraa8s#v=onepage&amp;amp;q=outskirts%20urbanism&amp;amp;f=false]|Urbanism&lt;br /&gt;
&lt;br /&gt;
===Code===&lt;br /&gt;
&lt;br /&gt;
boolean overPoint1 = false;&lt;br /&gt;
boolean overPoint2 = false;&lt;br /&gt;
boolean overPoint3 = false;&lt;br /&gt;
boolean overPoint4 = false;&lt;br /&gt;
boolean overPoint5 = false;&lt;br /&gt;
boolean overPoint6 = false;&lt;br /&gt;
boolean overPoint7 = false;&lt;br /&gt;
boolean overPoint8 = false;&lt;br /&gt;
boolean overPoint9 = false;&lt;br /&gt;
boolean overPoint10 = false;&lt;br /&gt;
boolean overPoint11 = false;&lt;br /&gt;
boolean overPoint12 = false;&lt;br /&gt;
&lt;br /&gt;
int[] line1xa = {&lt;br /&gt;
  (800+2), (800-7), (800-40), (800-90), (800-130), (800-155), (800-185), (800-213), (800-245), (800-282), (800-285)&lt;br /&gt;
    , (800-380), (800-380), (800-490)&lt;br /&gt;
    };&lt;br /&gt;
  int[] line1ya = {&lt;br /&gt;
    (450-2), (450+17),(450+9), (450+98), (450+95), (450+68), (450+47), (450+34), (450+25), (450+25), (450+30)&lt;br /&gt;
      , (450+24), (450-2), (450+30)&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
    int[] line1x = {&lt;br /&gt;
      (800+2), (800-7), (800+46), (800+38), (800-62)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1y = {&lt;br /&gt;
      (450-2), (450+17), (450+33), (450+65), (450+140)&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
    int[] line1xb = {&lt;br /&gt;
      (800+2), (800-75), (800-105), (800-138), (800-149), (800-230), (800-390)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yb = {&lt;br /&gt;
      (450-2), (450-28),(450-128), (450-129), (450-122), (450-118), (450-86)&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
    int[] line1xc = {&lt;br /&gt;
      (800+2), (800-75), (800-105), (800-131), (800-175), (800-239), (800-259), (800-257), (800-240)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yc = {&lt;br /&gt;
      (450-2), (450-28),(450-128), (450-218), (450-226), (450-210), (450-250), (450-262), (450-290)&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
    int[] line1xd = {&lt;br /&gt;
      (800+2), (800-75), (800-105), (800-131), (800-175), (800-239), (800-259), (800-257), (800-332), (800-375), (800-424)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yd = {&lt;br /&gt;
      (450-2), (450-28),(450-128), (450-218), (450-226), (450-210),  (450-250), (450-262), (450-257), (450-272), (450-271)&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    int[] line1xe = {&lt;br /&gt;
      (800+2), (800+18), (800+144), (800+163), (800+182), (800+202), (800+214), (800+209), (800+241), (800+263), (800+301), (800+301), (800+510)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1ye = {&lt;br /&gt;
      (450-2), (450-34), (450-4),  (450-33),  (450-31), (450-55), (450-90),  (450-109), (450-121), (450-151), (450-143), (450-128), (450-95)&lt;br /&gt;
      };&lt;br /&gt;
      &lt;br /&gt;
    int[] line1xf = {&lt;br /&gt;
      (800+2), (800+18), (800+33), (800+6), (800+12), (800+60), (800+68), (800+29), (800+8), (800+3), (800-49)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yf = {&lt;br /&gt;
      (450-2), (450-34), (450-64),  (450-73), (450-82), (450-95),  (450-102), (450-188), (450-195), (450-250), (450-255) &lt;br /&gt;
      };&lt;br /&gt;
      &lt;br /&gt;
    int[] line1xg = {&lt;br /&gt;
      (800+2), (800+18), (800+33), (800+6), (800+12), (800+60), (800+68), (800+98), (800+110), (800+123), (800+123), (800+101)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yg = {&lt;br /&gt;
      (450-2), (450-34), (450-64),  (450-73), (450-82), (450-95),  (450-102), (450-127), (450-173), (450-230), (450-270), (450-345) &lt;br /&gt;
      };&lt;br /&gt;
      &lt;br /&gt;
     int[] line1xh = {&lt;br /&gt;
      (800+2), (800+18), (800+33), (800+6), (800+12), (800+60), (800+68), (800+98), (800+110), (800+169), (800+205), (800+189), (800+184), (800+240), (800+352)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yh = {&lt;br /&gt;
      (450-2), (450-34), (450-64),  (450-73), (450-82), (450-95),  (450-102), (450-127), (450-173), (450-176), (450-189), (450-202), (450-236), (450-253), (450-339) &lt;br /&gt;
      };&lt;br /&gt;
      &lt;br /&gt;
      int[] line1xi = {&lt;br /&gt;
      (800+2), (800+90), (800+115), (800+166), (800+120), (800+95)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yi = {&lt;br /&gt;
      (450-2), (450+20), (450+32),  (450+38), (450+220), (450+255)&lt;br /&gt;
      };&lt;br /&gt;
      &lt;br /&gt;
      int[] line1xj = {&lt;br /&gt;
      (800+2), (800+90), (800+115), (800+166), (800+171), (800+227), (800+400)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yj = {&lt;br /&gt;
      (450-2), (450+20), (450+32),  (450+38), (450+44), (450+27), (450+207)&lt;br /&gt;
      };&lt;br /&gt;
      &lt;br /&gt;
      int[] line1xk = {&lt;br /&gt;
      (800+2), (800+90), (800+115), (800+166), (800+171), (800+227), (800+250), (800+278), (800+315), (800+348), (800+350), (800+390), (800+457)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yk = {&lt;br /&gt;
      (450-2), (450+20), (450+32),  (450+38), (450+44), (450+27), (450+25), (450+27), (450+45), (450+62), (450+67), (450+60), (450+63), (450+62)&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
    float pos =0;&lt;br /&gt;
    float pos2 =0;&lt;br /&gt;
    float pos3 =0;&lt;br /&gt;
    float pos4 =0;&lt;br /&gt;
    float pos5 =0;&lt;br /&gt;
    float pos6 =0;&lt;br /&gt;
    float pos7 =0;&lt;br /&gt;
    float pos8 =0;&lt;br /&gt;
    float pos9 =0;&lt;br /&gt;
    float pos10 =0;&lt;br /&gt;
    float pos11 =0;&lt;br /&gt;
    float pos12 =0;&lt;br /&gt;
&lt;br /&gt;
    void setup() {&lt;br /&gt;
      size(1600,900);&lt;br /&gt;
      background(255);&lt;br /&gt;
      imageMode(CENTER);&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    void draw() {&lt;br /&gt;
           &lt;br /&gt;
      noStroke();&lt;br /&gt;
      background(255);&lt;br /&gt;
      //a=(width/2)+11;&lt;br /&gt;
      //b=(height/2)-45;&lt;br /&gt;
      smooth();&lt;br /&gt;
      // myImage=loadImage(&amp;quot;mapa.jpg&amp;quot;);&lt;br /&gt;
      // image(myImage,a,b,1000,600);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
      //1 Drawing the points:&lt;br /&gt;
      &lt;br /&gt;
      for(int i=0; i&amp;lt;line1xa.length; i++) {&lt;br /&gt;
        &lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xa.length -1 ) {&lt;br /&gt;
          rad=12;&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          if(overPoint1 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xa[i],line1ya[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //1 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xa[line1xa.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xa[line1xa.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1ya[line1ya.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1ya[line1ya.length-1] -50 ) {&lt;br /&gt;
        overPoint1 = true;&lt;br /&gt;
        if(pos &amp;lt; line1xa.length-1) {&lt;br /&gt;
          pos += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint1 = false;&lt;br /&gt;
        if(pos &amp;gt; 0) {&lt;br /&gt;
          pos -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //1 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line(line1xa, line1ya, pos);&lt;br /&gt;
&lt;br /&gt;
      //2 Drawing the points:&lt;br /&gt;
      noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1x.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1x.length -1 ) {&lt;br /&gt;
          rad=12;&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          if(overPoint2 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1x[i],line1y[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //2 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1x[line1x.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1x[line1x.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1y[line1y.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1y[line1y.length-1] -50 ) {&lt;br /&gt;
        overPoint2 = true;&lt;br /&gt;
        if(pos2 &amp;lt; line1x.length-1) {&lt;br /&gt;
          pos2 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint2 = false;&lt;br /&gt;
        if(pos2 &amp;gt; 0) {&lt;br /&gt;
          pos2 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //2 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      &lt;br /&gt;
      connect_line2(line1x, line1y, pos2);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
      //3 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xb.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xb.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint3 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xb[i],line1yb[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //3 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xb[line1xb.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xb[line1xb.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yb[line1yb.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yb[line1yb.length-1] -50 ) {&lt;br /&gt;
        overPoint3 = true;&lt;br /&gt;
        if(pos3 &amp;lt; line1xb.length-1) {&lt;br /&gt;
          pos3 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint3 = false;&lt;br /&gt;
        if(pos3 &amp;gt; 0) {&lt;br /&gt;
          pos3 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //3 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line3(line1xb, line1yb, pos3);&lt;br /&gt;
&lt;br /&gt;
      //4 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xc.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xc.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint4 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xc[i],line1yc[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //4 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xc[line1xc.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xc[line1xc.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yc[line1yc.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yc[line1yc.length-1] -50 ) {&lt;br /&gt;
        overPoint4 = true;&lt;br /&gt;
        if(pos4 &amp;lt; line1xc.length-1) {&lt;br /&gt;
          pos4 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint4 = false;&lt;br /&gt;
        if(pos4 &amp;gt; 0) {&lt;br /&gt;
          pos4 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //4 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line4(line1xc, line1yc, pos4);&lt;br /&gt;
&lt;br /&gt;
      //5 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xd.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xd.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint5 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xd[i],line1yd[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //5 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xd[line1xd.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xd[line1xd.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yd[line1yd.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yd[line1yd.length-1] -50 ) {&lt;br /&gt;
        overPoint5 = true;&lt;br /&gt;
        if(pos5 &amp;lt; line1xd.length-1) {&lt;br /&gt;
          pos5 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint5 = false;&lt;br /&gt;
        if(pos5 &amp;gt; 0) {&lt;br /&gt;
          pos5 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //5 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line5(line1xd, line1yd, pos5);&lt;br /&gt;
&lt;br /&gt;
      //6 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xe.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xe.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint6 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xe[i],line1ye[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //6 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xe[line1xe.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xe[line1xe.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1ye[line1ye.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1ye[line1ye.length-1] -50 ) {&lt;br /&gt;
        overPoint6 = true;&lt;br /&gt;
        if(pos6 &amp;lt; line1xe.length-1) {&lt;br /&gt;
          pos6 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint6 = false;&lt;br /&gt;
        if(pos6 &amp;gt; 0) {&lt;br /&gt;
          pos6 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //6 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line6(line1xe, line1ye, pos6);&lt;br /&gt;
      &lt;br /&gt;
       //7 Drawing the points:&lt;br /&gt;
        noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xf.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xf.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint7 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xf[i],line1yf[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //7 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xf[line1xf.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xf[line1xf.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yf[line1yf.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yf[line1yf.length-1] -50 ) {&lt;br /&gt;
        overPoint7 = true;&lt;br /&gt;
        if(pos7 &amp;lt; line1xf.length-1) {&lt;br /&gt;
          pos7 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint7 = false;&lt;br /&gt;
        if(pos7 &amp;gt; 0) {&lt;br /&gt;
          pos7 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //7 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line7(line1xf, line1yf, pos7);&lt;br /&gt;
      &lt;br /&gt;
      //8 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xg.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xg.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint8 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xg[i],line1yg[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //8 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xg[line1xg.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xg[line1xg.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yg[line1yg.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yg[line1yg.length-1] -50 ) {&lt;br /&gt;
        overPoint8 = true;&lt;br /&gt;
        if(pos8 &amp;lt; line1xg.length-1) {&lt;br /&gt;
          pos8 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint8 = false;&lt;br /&gt;
        if(pos8 &amp;gt; 0) {&lt;br /&gt;
          pos8 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //8 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line8(line1xg, line1yg, pos8);&lt;br /&gt;
      &lt;br /&gt;
      //9 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xh.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xh.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint9 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xh[i],line1yh[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //9 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xh[line1xh.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xh[line1xh.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yh[line1yh.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yh[line1yh.length-1] -50 ) {&lt;br /&gt;
        overPoint9 = true;&lt;br /&gt;
        if(pos9 &amp;lt; line1xh.length-1) {&lt;br /&gt;
          pos9 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint9 = false;&lt;br /&gt;
        if(pos9 &amp;gt; 0) {&lt;br /&gt;
          pos9 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //9 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line9(line1xh, line1yh, pos9);&lt;br /&gt;
      &lt;br /&gt;
      //10 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xi.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xi.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint10 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xi[i],line1yi[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //10 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xi[line1xi.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xi[line1xi.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yi[line1yi.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yi[line1yi.length-1] -50 ) {&lt;br /&gt;
        overPoint10 = true;&lt;br /&gt;
        if(pos10 &amp;lt; line1xi.length-1) {&lt;br /&gt;
          pos10 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint10 = false;&lt;br /&gt;
        if(pos10 &amp;gt; 0) {&lt;br /&gt;
          pos10 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //10 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line10(line1xi, line1yi, pos10);&lt;br /&gt;
      &lt;br /&gt;
       //11 Drawing the points:&lt;br /&gt;
        noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xj.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xj.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint11 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xj[i],line1yj[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //11 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xj[line1xj.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xj[line1xj.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yj[line1yj.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yj[line1yj.length-1] -50 ) {&lt;br /&gt;
        overPoint11 = true;&lt;br /&gt;
        if(pos11 &amp;lt; line1xj.length-1) {&lt;br /&gt;
          pos11 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint11 = false;&lt;br /&gt;
        if(pos11 &amp;gt; 0) {&lt;br /&gt;
          pos11 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //11 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line11(line1xj, line1yj, pos11);&lt;br /&gt;
    &lt;br /&gt;
    &lt;br /&gt;
     //12 Drawing the points:&lt;br /&gt;
      noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xk.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xk.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint12 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xk[i],line1yk[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
      //12 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xk[line1xk.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xk[line1xk.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yk[line1yk.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yk[line1yk.length-1] -50 ) {&lt;br /&gt;
        overPoint12 = true;&lt;br /&gt;
        if(pos12 &amp;lt; line1xk.length-1) {&lt;br /&gt;
          pos12 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint12 = false;&lt;br /&gt;
        if(pos12 &amp;gt; 0) {&lt;br /&gt;
          pos12 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //12 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line12(line1xk, line1yk, pos12);&lt;br /&gt;
    }&lt;br /&gt;
    void connect_line(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    void connect_line2(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    void connect_line3(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    void connect_line4(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    void connect_line5(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    void connect_line6(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
     void connect_line7(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    void connect_line8(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    void connect_line9(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    &lt;br /&gt;
     void connect_line10(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    &lt;br /&gt;
    void connect_line11(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    &lt;br /&gt;
        void connect_line12(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;/div&gt;</summary>
		<author><name>Tr3ntlane</name></author>
	</entry>
	<entry>
		<id>https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=File:Imagen1.JPG&amp;diff=40282</id>
		<title>File:Imagen1.JPG</title>
		<link rel="alternate" type="text/html" href="https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=File:Imagen1.JPG&amp;diff=40282"/>
		<updated>2012-03-30T15:57:45Z</updated>

		<summary type="html">&lt;p&gt;Tr3ntlane: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;== Summary ==&lt;br /&gt;
&lt;br /&gt;
== Copyright status: ==&lt;br /&gt;
&lt;br /&gt;
== Source: ==&lt;/div&gt;</summary>
		<author><name>Tr3ntlane</name></author>
	</entry>
	<entry>
		<id>https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=IFD:PhysicalComp2011/Augusto_Gandia&amp;diff=40276</id>
		<title>IFD:PhysicalComp2011/Augusto Gandia</title>
		<link rel="alternate" type="text/html" href="https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=IFD:PhysicalComp2011/Augusto_Gandia&amp;diff=40276"/>
		<updated>2012-03-30T15:53:38Z</updated>

		<summary type="html">&lt;p&gt;Tr3ntlane: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;==Trip Book - digital and physical combination==&lt;br /&gt;
&lt;br /&gt;
===First ideas===&lt;br /&gt;
&lt;br /&gt;
Despite the differences from this concept of the 80&#039;, &amp;quot;teleportation&amp;quot; is real &lt;br /&gt;
nowadays. Last year I came from the other corner of the earth to Germany and after some hours the only perception which makes me understand the distance was the view through planes and trains windows. I arrived to Weimar and I could, like many other students, leave this place without seen more than the facilities of the University, the supermarkets and the down town streets. In the past, the communication between neighbor cities was through unclear paths across the outskirts. In the current way of living these are residual areas but it doesn&#039;t mean that are no interesting. I decide to take a map from Weimar and randomly visit different points of these undervalued zones and pick up an element which then reminds me that place. One leaf was the object that made that connection between my mind and the place and also a time connection due to the fact that leaves mutate when the times goes by.  &lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;&lt;br /&gt;
File:2tabla.jpg&lt;br /&gt;
&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===Digital collected data===&lt;br /&gt;
&lt;br /&gt;
Digital let us made things simple. By creating an small program in Processing we can access information like names of streets, distances and paths to reach every leaf. Also digital data like pictures doesn&#039;t change throw time so that phenomenon gives us the chance to compare, for example physical leaves with digital ones and see how they have changed. &lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;&lt;br /&gt;
File:3paths.jpg&lt;br /&gt;
&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===Physical collected data===&lt;br /&gt;
&lt;br /&gt;
Physical let us have a Book (object). An object is something ephemeral that show us how the time modifies it and let us compare digital data and physical data. It is the old school way of storing data but it&#039;s not fact to argue that it&#039;s not a contemporary wonderful tool.    &lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;&lt;br /&gt;
File:4hojas.jpg&lt;br /&gt;
&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===Demo Video===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;videoflash type=vimeo&amp;gt;36111919&amp;lt;/videoflash&amp;gt;&lt;br /&gt;
&amp;lt;br&amp;gt;&amp;lt;br&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===Some Links===&lt;br /&gt;
*[http://keiichimatsuda.com/]|AR cities.&lt;br /&gt;
*[http://postpolitical.us/blog/alternatives/tools_and_technology/social-bicycles-bikeshare-everywhere/]|Social Bikes Tracking System&lt;br /&gt;
*[http://www.discomole.com/2009/06/augmented-reality-book/]|AR Book&lt;br /&gt;
*[http://books.google.de/books?hl=de&amp;amp;lr=&amp;amp;id=6zjOeMKcYTsC&amp;amp;oi=fnd&amp;amp;pg=PA278&amp;amp;dq=outskirts+urbanism&amp;amp;ots=8NvhGD01hE&amp;amp;sig=EAFzGdJDQcd5-xLLvlpuwtraa8s#v=onepage&amp;amp;q=outskirts%20urbanism&amp;amp;f=false]|Urbanism&lt;br /&gt;
&lt;br /&gt;
===Code===&lt;br /&gt;
&lt;br /&gt;
boolean overPoint1 = false;&lt;br /&gt;
boolean overPoint2 = false;&lt;br /&gt;
boolean overPoint3 = false;&lt;br /&gt;
boolean overPoint4 = false;&lt;br /&gt;
boolean overPoint5 = false;&lt;br /&gt;
boolean overPoint6 = false;&lt;br /&gt;
boolean overPoint7 = false;&lt;br /&gt;
boolean overPoint8 = false;&lt;br /&gt;
boolean overPoint9 = false;&lt;br /&gt;
boolean overPoint10 = false;&lt;br /&gt;
boolean overPoint11 = false;&lt;br /&gt;
boolean overPoint12 = false;&lt;br /&gt;
&lt;br /&gt;
int[] line1xa = {&lt;br /&gt;
  (800+2), (800-7), (800-40), (800-90), (800-130), (800-155), (800-185), (800-213), (800-245), (800-282), (800-285)&lt;br /&gt;
    , (800-380), (800-380), (800-490)&lt;br /&gt;
    };&lt;br /&gt;
  int[] line1ya = {&lt;br /&gt;
    (450-2), (450+17),(450+9), (450+98), (450+95), (450+68), (450+47), (450+34), (450+25), (450+25), (450+30)&lt;br /&gt;
      , (450+24), (450-2), (450+30)&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
    int[] line1x = {&lt;br /&gt;
      (800+2), (800-7), (800+46), (800+38), (800-62)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1y = {&lt;br /&gt;
      (450-2), (450+17), (450+33), (450+65), (450+140)&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
    int[] line1xb = {&lt;br /&gt;
      (800+2), (800-75), (800-105), (800-138), (800-149), (800-230), (800-390)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yb = {&lt;br /&gt;
      (450-2), (450-28),(450-128), (450-129), (450-122), (450-118), (450-86)&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
    int[] line1xc = {&lt;br /&gt;
      (800+2), (800-75), (800-105), (800-131), (800-175), (800-239), (800-259), (800-257), (800-240)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yc = {&lt;br /&gt;
      (450-2), (450-28),(450-128), (450-218), (450-226), (450-210), (450-250), (450-262), (450-290)&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
    int[] line1xd = {&lt;br /&gt;
      (800+2), (800-75), (800-105), (800-131), (800-175), (800-239), (800-259), (800-257), (800-332), (800-375), (800-424)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yd = {&lt;br /&gt;
      (450-2), (450-28),(450-128), (450-218), (450-226), (450-210),  (450-250), (450-262), (450-257), (450-272), (450-271)&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    int[] line1xe = {&lt;br /&gt;
      (800+2), (800+18), (800+144), (800+163), (800+182), (800+202), (800+214), (800+209), (800+241), (800+263), (800+301), (800+301), (800+510)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1ye = {&lt;br /&gt;
      (450-2), (450-34), (450-4),  (450-33),  (450-31), (450-55), (450-90),  (450-109), (450-121), (450-151), (450-143), (450-128), (450-95)&lt;br /&gt;
      };&lt;br /&gt;
      &lt;br /&gt;
    int[] line1xf = {&lt;br /&gt;
      (800+2), (800+18), (800+33), (800+6), (800+12), (800+60), (800+68), (800+29), (800+8), (800+3), (800-49)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yf = {&lt;br /&gt;
      (450-2), (450-34), (450-64),  (450-73), (450-82), (450-95),  (450-102), (450-188), (450-195), (450-250), (450-255) &lt;br /&gt;
      };&lt;br /&gt;
      &lt;br /&gt;
    int[] line1xg = {&lt;br /&gt;
      (800+2), (800+18), (800+33), (800+6), (800+12), (800+60), (800+68), (800+98), (800+110), (800+123), (800+123), (800+101)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yg = {&lt;br /&gt;
      (450-2), (450-34), (450-64),  (450-73), (450-82), (450-95),  (450-102), (450-127), (450-173), (450-230), (450-270), (450-345) &lt;br /&gt;
      };&lt;br /&gt;
      &lt;br /&gt;
     int[] line1xh = {&lt;br /&gt;
      (800+2), (800+18), (800+33), (800+6), (800+12), (800+60), (800+68), (800+98), (800+110), (800+169), (800+205), (800+189), (800+184), (800+240), (800+352)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yh = {&lt;br /&gt;
      (450-2), (450-34), (450-64),  (450-73), (450-82), (450-95),  (450-102), (450-127), (450-173), (450-176), (450-189), (450-202), (450-236), (450-253), (450-339) &lt;br /&gt;
      };&lt;br /&gt;
      &lt;br /&gt;
      int[] line1xi = {&lt;br /&gt;
      (800+2), (800+90), (800+115), (800+166), (800+120), (800+95)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yi = {&lt;br /&gt;
      (450-2), (450+20), (450+32),  (450+38), (450+220), (450+255)&lt;br /&gt;
      };&lt;br /&gt;
      &lt;br /&gt;
      int[] line1xj = {&lt;br /&gt;
      (800+2), (800+90), (800+115), (800+166), (800+171), (800+227), (800+400)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yj = {&lt;br /&gt;
      (450-2), (450+20), (450+32),  (450+38), (450+44), (450+27), (450+207)&lt;br /&gt;
      };&lt;br /&gt;
      &lt;br /&gt;
      int[] line1xk = {&lt;br /&gt;
      (800+2), (800+90), (800+115), (800+166), (800+171), (800+227), (800+250), (800+278), (800+315), (800+348), (800+350), (800+390), (800+457)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yk = {&lt;br /&gt;
      (450-2), (450+20), (450+32),  (450+38), (450+44), (450+27), (450+25), (450+27), (450+45), (450+62), (450+67), (450+60), (450+63), (450+62)&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
    float pos =0;&lt;br /&gt;
    float pos2 =0;&lt;br /&gt;
    float pos3 =0;&lt;br /&gt;
    float pos4 =0;&lt;br /&gt;
    float pos5 =0;&lt;br /&gt;
    float pos6 =0;&lt;br /&gt;
    float pos7 =0;&lt;br /&gt;
    float pos8 =0;&lt;br /&gt;
    float pos9 =0;&lt;br /&gt;
    float pos10 =0;&lt;br /&gt;
    float pos11 =0;&lt;br /&gt;
    float pos12 =0;&lt;br /&gt;
&lt;br /&gt;
    void setup() {&lt;br /&gt;
      size(1600,900);&lt;br /&gt;
      background(255);&lt;br /&gt;
      imageMode(CENTER);&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    void draw() {&lt;br /&gt;
           &lt;br /&gt;
      noStroke();&lt;br /&gt;
      background(255);&lt;br /&gt;
      //a=(width/2)+11;&lt;br /&gt;
      //b=(height/2)-45;&lt;br /&gt;
      smooth();&lt;br /&gt;
      // myImage=loadImage(&amp;quot;mapa.jpg&amp;quot;);&lt;br /&gt;
      // image(myImage,a,b,1000,600);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
      //1 Drawing the points:&lt;br /&gt;
      &lt;br /&gt;
      for(int i=0; i&amp;lt;line1xa.length; i++) {&lt;br /&gt;
        &lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xa.length -1 ) {&lt;br /&gt;
          rad=12;&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          if(overPoint1 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xa[i],line1ya[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //1 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xa[line1xa.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xa[line1xa.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1ya[line1ya.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1ya[line1ya.length-1] -50 ) {&lt;br /&gt;
        overPoint1 = true;&lt;br /&gt;
        if(pos &amp;lt; line1xa.length-1) {&lt;br /&gt;
          pos += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint1 = false;&lt;br /&gt;
        if(pos &amp;gt; 0) {&lt;br /&gt;
          pos -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //1 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line(line1xa, line1ya, pos);&lt;br /&gt;
&lt;br /&gt;
      //2 Drawing the points:&lt;br /&gt;
      noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1x.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1x.length -1 ) {&lt;br /&gt;
          rad=12;&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          if(overPoint2 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1x[i],line1y[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //2 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1x[line1x.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1x[line1x.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1y[line1y.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1y[line1y.length-1] -50 ) {&lt;br /&gt;
        overPoint2 = true;&lt;br /&gt;
        if(pos2 &amp;lt; line1x.length-1) {&lt;br /&gt;
          pos2 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint2 = false;&lt;br /&gt;
        if(pos2 &amp;gt; 0) {&lt;br /&gt;
          pos2 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //2 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      &lt;br /&gt;
      connect_line2(line1x, line1y, pos2);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
      //3 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xb.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xb.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint3 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xb[i],line1yb[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //3 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xb[line1xb.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xb[line1xb.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yb[line1yb.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yb[line1yb.length-1] -50 ) {&lt;br /&gt;
        overPoint3 = true;&lt;br /&gt;
        if(pos3 &amp;lt; line1xb.length-1) {&lt;br /&gt;
          pos3 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint3 = false;&lt;br /&gt;
        if(pos3 &amp;gt; 0) {&lt;br /&gt;
          pos3 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //3 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line3(line1xb, line1yb, pos3);&lt;br /&gt;
&lt;br /&gt;
      //4 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xc.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xc.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint4 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xc[i],line1yc[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //4 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xc[line1xc.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xc[line1xc.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yc[line1yc.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yc[line1yc.length-1] -50 ) {&lt;br /&gt;
        overPoint4 = true;&lt;br /&gt;
        if(pos4 &amp;lt; line1xc.length-1) {&lt;br /&gt;
          pos4 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint4 = false;&lt;br /&gt;
        if(pos4 &amp;gt; 0) {&lt;br /&gt;
          pos4 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //4 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line4(line1xc, line1yc, pos4);&lt;br /&gt;
&lt;br /&gt;
      //5 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xd.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xd.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint5 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xd[i],line1yd[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //5 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xd[line1xd.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xd[line1xd.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yd[line1yd.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yd[line1yd.length-1] -50 ) {&lt;br /&gt;
        overPoint5 = true;&lt;br /&gt;
        if(pos5 &amp;lt; line1xd.length-1) {&lt;br /&gt;
          pos5 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint5 = false;&lt;br /&gt;
        if(pos5 &amp;gt; 0) {&lt;br /&gt;
          pos5 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //5 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line5(line1xd, line1yd, pos5);&lt;br /&gt;
&lt;br /&gt;
      //6 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xe.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xe.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint6 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xe[i],line1ye[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //6 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xe[line1xe.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xe[line1xe.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1ye[line1ye.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1ye[line1ye.length-1] -50 ) {&lt;br /&gt;
        overPoint6 = true;&lt;br /&gt;
        if(pos6 &amp;lt; line1xe.length-1) {&lt;br /&gt;
          pos6 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint6 = false;&lt;br /&gt;
        if(pos6 &amp;gt; 0) {&lt;br /&gt;
          pos6 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //6 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line6(line1xe, line1ye, pos6);&lt;br /&gt;
      &lt;br /&gt;
       //7 Drawing the points:&lt;br /&gt;
        noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xf.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xf.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint7 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xf[i],line1yf[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //7 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xf[line1xf.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xf[line1xf.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yf[line1yf.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yf[line1yf.length-1] -50 ) {&lt;br /&gt;
        overPoint7 = true;&lt;br /&gt;
        if(pos7 &amp;lt; line1xf.length-1) {&lt;br /&gt;
          pos7 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint7 = false;&lt;br /&gt;
        if(pos7 &amp;gt; 0) {&lt;br /&gt;
          pos7 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //7 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line7(line1xf, line1yf, pos7);&lt;br /&gt;
      &lt;br /&gt;
      //8 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xg.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xg.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint8 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xg[i],line1yg[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //8 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xg[line1xg.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xg[line1xg.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yg[line1yg.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yg[line1yg.length-1] -50 ) {&lt;br /&gt;
        overPoint8 = true;&lt;br /&gt;
        if(pos8 &amp;lt; line1xg.length-1) {&lt;br /&gt;
          pos8 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint8 = false;&lt;br /&gt;
        if(pos8 &amp;gt; 0) {&lt;br /&gt;
          pos8 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //8 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line8(line1xg, line1yg, pos8);&lt;br /&gt;
      &lt;br /&gt;
      //9 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xh.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xh.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint9 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xh[i],line1yh[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //9 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xh[line1xh.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xh[line1xh.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yh[line1yh.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yh[line1yh.length-1] -50 ) {&lt;br /&gt;
        overPoint9 = true;&lt;br /&gt;
        if(pos9 &amp;lt; line1xh.length-1) {&lt;br /&gt;
          pos9 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint9 = false;&lt;br /&gt;
        if(pos9 &amp;gt; 0) {&lt;br /&gt;
          pos9 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //9 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line9(line1xh, line1yh, pos9);&lt;br /&gt;
      &lt;br /&gt;
      //10 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xi.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xi.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint10 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xi[i],line1yi[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //10 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xi[line1xi.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xi[line1xi.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yi[line1yi.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yi[line1yi.length-1] -50 ) {&lt;br /&gt;
        overPoint10 = true;&lt;br /&gt;
        if(pos10 &amp;lt; line1xi.length-1) {&lt;br /&gt;
          pos10 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint10 = false;&lt;br /&gt;
        if(pos10 &amp;gt; 0) {&lt;br /&gt;
          pos10 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //10 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line10(line1xi, line1yi, pos10);&lt;br /&gt;
      &lt;br /&gt;
       //11 Drawing the points:&lt;br /&gt;
        noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xj.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xj.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint11 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xj[i],line1yj[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //11 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xj[line1xj.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xj[line1xj.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yj[line1yj.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yj[line1yj.length-1] -50 ) {&lt;br /&gt;
        overPoint11 = true;&lt;br /&gt;
        if(pos11 &amp;lt; line1xj.length-1) {&lt;br /&gt;
          pos11 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint11 = false;&lt;br /&gt;
        if(pos11 &amp;gt; 0) {&lt;br /&gt;
          pos11 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //11 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line11(line1xj, line1yj, pos11);&lt;br /&gt;
    &lt;br /&gt;
    &lt;br /&gt;
     //12 Drawing the points:&lt;br /&gt;
      noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xk.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xk.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint12 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xk[i],line1yk[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
      //12 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xk[line1xk.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xk[line1xk.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yk[line1yk.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yk[line1yk.length-1] -50 ) {&lt;br /&gt;
        overPoint12 = true;&lt;br /&gt;
        if(pos12 &amp;lt; line1xk.length-1) {&lt;br /&gt;
          pos12 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint12 = false;&lt;br /&gt;
        if(pos12 &amp;gt; 0) {&lt;br /&gt;
          pos12 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //12 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line12(line1xk, line1yk, pos12);&lt;br /&gt;
    }&lt;br /&gt;
    void connect_line(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    void connect_line2(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    void connect_line3(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    void connect_line4(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    void connect_line5(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    void connect_line6(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
     void connect_line7(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    void connect_line8(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    void connect_line9(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    &lt;br /&gt;
     void connect_line10(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    &lt;br /&gt;
    void connect_line11(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    &lt;br /&gt;
        void connect_line12(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;/div&gt;</summary>
		<author><name>Tr3ntlane</name></author>
	</entry>
	<entry>
		<id>https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=IFD:PhysicalComp2011/Augusto_Gandia&amp;diff=40272</id>
		<title>IFD:PhysicalComp2011/Augusto Gandia</title>
		<link rel="alternate" type="text/html" href="https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=IFD:PhysicalComp2011/Augusto_Gandia&amp;diff=40272"/>
		<updated>2012-03-30T15:41:34Z</updated>

		<summary type="html">&lt;p&gt;Tr3ntlane: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;==Trip Book - digital and physical combination==&lt;br /&gt;
&lt;br /&gt;
===First ideas===&lt;br /&gt;
&lt;br /&gt;
Despite the differences from this concept of the 80&#039;, &amp;quot;teleportation&amp;quot; is real &lt;br /&gt;
nowadays. Last year I came from the other corner of the earth to Germany and after some hours the only perception which makes me understand the distance was the view through planes and trains windows. I arrived to Weimar and I could, like many other students, leave this place without seen more than the facilities of the University, the supermarkets and the down town streets. In the past, the communication between neighbor cities was through unclear paths across the outskirts. In the current way of living these are residual areas but it doesn&#039;t mean that are no interesting. I decide to take a map from Weimar and randomly visit different points of these undervalued zones and pick up an element which then reminds me that place. One leaf was the object that made that connection between my mind and the place and also a time connection due to the fact that leaves mutate when the times goes by.  &lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;&lt;br /&gt;
File:2tabla.jpg&lt;br /&gt;
&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===Digital collected data===&lt;br /&gt;
&lt;br /&gt;
Digital let us made things simple. By creating an small program in Processing we can access information like names of streets, distances and paths to reach every leaf. Also digital data like pictures doesn&#039;t change throw time so that phenomenon gives us the chance to compare, for example physical leaves with digital ones and see how they have changed. &lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;&lt;br /&gt;
File:3paths.jpg&lt;br /&gt;
&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===Physical collected data===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;&lt;br /&gt;
File:4hojas.jpg&lt;br /&gt;
&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===Demo Video===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;videoflash type=vimeo&amp;gt;36111919&amp;lt;/videoflash&amp;gt;&lt;br /&gt;
&amp;lt;br&amp;gt;&amp;lt;br&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===Some Links===&lt;br /&gt;
*[http://keiichimatsuda.com/]|AR cities.&lt;br /&gt;
*[http://postpolitical.us/blog/alternatives/tools_and_technology/social-bicycles-bikeshare-everywhere/]|Social Bikes Tracking System&lt;br /&gt;
*[http://www.discomole.com/2009/06/augmented-reality-book/]|AR Book&lt;br /&gt;
*[http://books.google.de/books?hl=de&amp;amp;lr=&amp;amp;id=6zjOeMKcYTsC&amp;amp;oi=fnd&amp;amp;pg=PA278&amp;amp;dq=outskirts+urbanism&amp;amp;ots=8NvhGD01hE&amp;amp;sig=EAFzGdJDQcd5-xLLvlpuwtraa8s#v=onepage&amp;amp;q=outskirts%20urbanism&amp;amp;f=false]|Urbanism&lt;br /&gt;
&lt;br /&gt;
===Code===&lt;br /&gt;
&lt;br /&gt;
boolean overPoint1 = false;&lt;br /&gt;
boolean overPoint2 = false;&lt;br /&gt;
boolean overPoint3 = false;&lt;br /&gt;
boolean overPoint4 = false;&lt;br /&gt;
boolean overPoint5 = false;&lt;br /&gt;
boolean overPoint6 = false;&lt;br /&gt;
boolean overPoint7 = false;&lt;br /&gt;
boolean overPoint8 = false;&lt;br /&gt;
boolean overPoint9 = false;&lt;br /&gt;
boolean overPoint10 = false;&lt;br /&gt;
boolean overPoint11 = false;&lt;br /&gt;
boolean overPoint12 = false;&lt;br /&gt;
&lt;br /&gt;
int[] line1xa = {&lt;br /&gt;
  (800+2), (800-7), (800-40), (800-90), (800-130), (800-155), (800-185), (800-213), (800-245), (800-282), (800-285)&lt;br /&gt;
    , (800-380), (800-380), (800-490)&lt;br /&gt;
    };&lt;br /&gt;
  int[] line1ya = {&lt;br /&gt;
    (450-2), (450+17),(450+9), (450+98), (450+95), (450+68), (450+47), (450+34), (450+25), (450+25), (450+30)&lt;br /&gt;
      , (450+24), (450-2), (450+30)&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
    int[] line1x = {&lt;br /&gt;
      (800+2), (800-7), (800+46), (800+38), (800-62)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1y = {&lt;br /&gt;
      (450-2), (450+17), (450+33), (450+65), (450+140)&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
    int[] line1xb = {&lt;br /&gt;
      (800+2), (800-75), (800-105), (800-138), (800-149), (800-230), (800-390)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yb = {&lt;br /&gt;
      (450-2), (450-28),(450-128), (450-129), (450-122), (450-118), (450-86)&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
    int[] line1xc = {&lt;br /&gt;
      (800+2), (800-75), (800-105), (800-131), (800-175), (800-239), (800-259), (800-257), (800-240)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yc = {&lt;br /&gt;
      (450-2), (450-28),(450-128), (450-218), (450-226), (450-210), (450-250), (450-262), (450-290)&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
    int[] line1xd = {&lt;br /&gt;
      (800+2), (800-75), (800-105), (800-131), (800-175), (800-239), (800-259), (800-257), (800-332), (800-375), (800-424)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yd = {&lt;br /&gt;
      (450-2), (450-28),(450-128), (450-218), (450-226), (450-210),  (450-250), (450-262), (450-257), (450-272), (450-271)&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    int[] line1xe = {&lt;br /&gt;
      (800+2), (800+18), (800+144), (800+163), (800+182), (800+202), (800+214), (800+209), (800+241), (800+263), (800+301), (800+301), (800+510)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1ye = {&lt;br /&gt;
      (450-2), (450-34), (450-4),  (450-33),  (450-31), (450-55), (450-90),  (450-109), (450-121), (450-151), (450-143), (450-128), (450-95)&lt;br /&gt;
      };&lt;br /&gt;
      &lt;br /&gt;
    int[] line1xf = {&lt;br /&gt;
      (800+2), (800+18), (800+33), (800+6), (800+12), (800+60), (800+68), (800+29), (800+8), (800+3), (800-49)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yf = {&lt;br /&gt;
      (450-2), (450-34), (450-64),  (450-73), (450-82), (450-95),  (450-102), (450-188), (450-195), (450-250), (450-255) &lt;br /&gt;
      };&lt;br /&gt;
      &lt;br /&gt;
    int[] line1xg = {&lt;br /&gt;
      (800+2), (800+18), (800+33), (800+6), (800+12), (800+60), (800+68), (800+98), (800+110), (800+123), (800+123), (800+101)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yg = {&lt;br /&gt;
      (450-2), (450-34), (450-64),  (450-73), (450-82), (450-95),  (450-102), (450-127), (450-173), (450-230), (450-270), (450-345) &lt;br /&gt;
      };&lt;br /&gt;
      &lt;br /&gt;
     int[] line1xh = {&lt;br /&gt;
      (800+2), (800+18), (800+33), (800+6), (800+12), (800+60), (800+68), (800+98), (800+110), (800+169), (800+205), (800+189), (800+184), (800+240), (800+352)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yh = {&lt;br /&gt;
      (450-2), (450-34), (450-64),  (450-73), (450-82), (450-95),  (450-102), (450-127), (450-173), (450-176), (450-189), (450-202), (450-236), (450-253), (450-339) &lt;br /&gt;
      };&lt;br /&gt;
      &lt;br /&gt;
      int[] line1xi = {&lt;br /&gt;
      (800+2), (800+90), (800+115), (800+166), (800+120), (800+95)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yi = {&lt;br /&gt;
      (450-2), (450+20), (450+32),  (450+38), (450+220), (450+255)&lt;br /&gt;
      };&lt;br /&gt;
      &lt;br /&gt;
      int[] line1xj = {&lt;br /&gt;
      (800+2), (800+90), (800+115), (800+166), (800+171), (800+227), (800+400)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yj = {&lt;br /&gt;
      (450-2), (450+20), (450+32),  (450+38), (450+44), (450+27), (450+207)&lt;br /&gt;
      };&lt;br /&gt;
      &lt;br /&gt;
      int[] line1xk = {&lt;br /&gt;
      (800+2), (800+90), (800+115), (800+166), (800+171), (800+227), (800+250), (800+278), (800+315), (800+348), (800+350), (800+390), (800+457)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yk = {&lt;br /&gt;
      (450-2), (450+20), (450+32),  (450+38), (450+44), (450+27), (450+25), (450+27), (450+45), (450+62), (450+67), (450+60), (450+63), (450+62)&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
    float pos =0;&lt;br /&gt;
    float pos2 =0;&lt;br /&gt;
    float pos3 =0;&lt;br /&gt;
    float pos4 =0;&lt;br /&gt;
    float pos5 =0;&lt;br /&gt;
    float pos6 =0;&lt;br /&gt;
    float pos7 =0;&lt;br /&gt;
    float pos8 =0;&lt;br /&gt;
    float pos9 =0;&lt;br /&gt;
    float pos10 =0;&lt;br /&gt;
    float pos11 =0;&lt;br /&gt;
    float pos12 =0;&lt;br /&gt;
&lt;br /&gt;
    void setup() {&lt;br /&gt;
      size(1600,900);&lt;br /&gt;
      background(255);&lt;br /&gt;
      imageMode(CENTER);&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    void draw() {&lt;br /&gt;
           &lt;br /&gt;
      noStroke();&lt;br /&gt;
      background(255);&lt;br /&gt;
      //a=(width/2)+11;&lt;br /&gt;
      //b=(height/2)-45;&lt;br /&gt;
      smooth();&lt;br /&gt;
      // myImage=loadImage(&amp;quot;mapa.jpg&amp;quot;);&lt;br /&gt;
      // image(myImage,a,b,1000,600);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
      //1 Drawing the points:&lt;br /&gt;
      &lt;br /&gt;
      for(int i=0; i&amp;lt;line1xa.length; i++) {&lt;br /&gt;
        &lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xa.length -1 ) {&lt;br /&gt;
          rad=12;&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          if(overPoint1 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xa[i],line1ya[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //1 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xa[line1xa.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xa[line1xa.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1ya[line1ya.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1ya[line1ya.length-1] -50 ) {&lt;br /&gt;
        overPoint1 = true;&lt;br /&gt;
        if(pos &amp;lt; line1xa.length-1) {&lt;br /&gt;
          pos += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint1 = false;&lt;br /&gt;
        if(pos &amp;gt; 0) {&lt;br /&gt;
          pos -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //1 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line(line1xa, line1ya, pos);&lt;br /&gt;
&lt;br /&gt;
      //2 Drawing the points:&lt;br /&gt;
      noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1x.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1x.length -1 ) {&lt;br /&gt;
          rad=12;&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          if(overPoint2 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1x[i],line1y[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //2 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1x[line1x.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1x[line1x.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1y[line1y.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1y[line1y.length-1] -50 ) {&lt;br /&gt;
        overPoint2 = true;&lt;br /&gt;
        if(pos2 &amp;lt; line1x.length-1) {&lt;br /&gt;
          pos2 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint2 = false;&lt;br /&gt;
        if(pos2 &amp;gt; 0) {&lt;br /&gt;
          pos2 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //2 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      &lt;br /&gt;
      connect_line2(line1x, line1y, pos2);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
      //3 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xb.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xb.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint3 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xb[i],line1yb[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //3 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xb[line1xb.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xb[line1xb.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yb[line1yb.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yb[line1yb.length-1] -50 ) {&lt;br /&gt;
        overPoint3 = true;&lt;br /&gt;
        if(pos3 &amp;lt; line1xb.length-1) {&lt;br /&gt;
          pos3 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint3 = false;&lt;br /&gt;
        if(pos3 &amp;gt; 0) {&lt;br /&gt;
          pos3 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //3 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line3(line1xb, line1yb, pos3);&lt;br /&gt;
&lt;br /&gt;
      //4 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xc.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xc.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint4 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xc[i],line1yc[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //4 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xc[line1xc.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xc[line1xc.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yc[line1yc.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yc[line1yc.length-1] -50 ) {&lt;br /&gt;
        overPoint4 = true;&lt;br /&gt;
        if(pos4 &amp;lt; line1xc.length-1) {&lt;br /&gt;
          pos4 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint4 = false;&lt;br /&gt;
        if(pos4 &amp;gt; 0) {&lt;br /&gt;
          pos4 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //4 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line4(line1xc, line1yc, pos4);&lt;br /&gt;
&lt;br /&gt;
      //5 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xd.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xd.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint5 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xd[i],line1yd[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //5 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xd[line1xd.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xd[line1xd.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yd[line1yd.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yd[line1yd.length-1] -50 ) {&lt;br /&gt;
        overPoint5 = true;&lt;br /&gt;
        if(pos5 &amp;lt; line1xd.length-1) {&lt;br /&gt;
          pos5 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint5 = false;&lt;br /&gt;
        if(pos5 &amp;gt; 0) {&lt;br /&gt;
          pos5 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //5 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line5(line1xd, line1yd, pos5);&lt;br /&gt;
&lt;br /&gt;
      //6 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xe.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xe.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint6 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xe[i],line1ye[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //6 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xe[line1xe.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xe[line1xe.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1ye[line1ye.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1ye[line1ye.length-1] -50 ) {&lt;br /&gt;
        overPoint6 = true;&lt;br /&gt;
        if(pos6 &amp;lt; line1xe.length-1) {&lt;br /&gt;
          pos6 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint6 = false;&lt;br /&gt;
        if(pos6 &amp;gt; 0) {&lt;br /&gt;
          pos6 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //6 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line6(line1xe, line1ye, pos6);&lt;br /&gt;
      &lt;br /&gt;
       //7 Drawing the points:&lt;br /&gt;
        noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xf.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xf.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint7 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xf[i],line1yf[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //7 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xf[line1xf.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xf[line1xf.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yf[line1yf.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yf[line1yf.length-1] -50 ) {&lt;br /&gt;
        overPoint7 = true;&lt;br /&gt;
        if(pos7 &amp;lt; line1xf.length-1) {&lt;br /&gt;
          pos7 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint7 = false;&lt;br /&gt;
        if(pos7 &amp;gt; 0) {&lt;br /&gt;
          pos7 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //7 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line7(line1xf, line1yf, pos7);&lt;br /&gt;
      &lt;br /&gt;
      //8 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xg.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xg.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint8 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xg[i],line1yg[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //8 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xg[line1xg.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xg[line1xg.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yg[line1yg.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yg[line1yg.length-1] -50 ) {&lt;br /&gt;
        overPoint8 = true;&lt;br /&gt;
        if(pos8 &amp;lt; line1xg.length-1) {&lt;br /&gt;
          pos8 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint8 = false;&lt;br /&gt;
        if(pos8 &amp;gt; 0) {&lt;br /&gt;
          pos8 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //8 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line8(line1xg, line1yg, pos8);&lt;br /&gt;
      &lt;br /&gt;
      //9 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xh.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xh.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint9 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xh[i],line1yh[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //9 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xh[line1xh.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xh[line1xh.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yh[line1yh.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yh[line1yh.length-1] -50 ) {&lt;br /&gt;
        overPoint9 = true;&lt;br /&gt;
        if(pos9 &amp;lt; line1xh.length-1) {&lt;br /&gt;
          pos9 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint9 = false;&lt;br /&gt;
        if(pos9 &amp;gt; 0) {&lt;br /&gt;
          pos9 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //9 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line9(line1xh, line1yh, pos9);&lt;br /&gt;
      &lt;br /&gt;
      //10 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xi.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xi.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint10 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xi[i],line1yi[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //10 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xi[line1xi.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xi[line1xi.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yi[line1yi.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yi[line1yi.length-1] -50 ) {&lt;br /&gt;
        overPoint10 = true;&lt;br /&gt;
        if(pos10 &amp;lt; line1xi.length-1) {&lt;br /&gt;
          pos10 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint10 = false;&lt;br /&gt;
        if(pos10 &amp;gt; 0) {&lt;br /&gt;
          pos10 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //10 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line10(line1xi, line1yi, pos10);&lt;br /&gt;
      &lt;br /&gt;
       //11 Drawing the points:&lt;br /&gt;
        noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xj.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xj.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint11 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xj[i],line1yj[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //11 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xj[line1xj.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xj[line1xj.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yj[line1yj.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yj[line1yj.length-1] -50 ) {&lt;br /&gt;
        overPoint11 = true;&lt;br /&gt;
        if(pos11 &amp;lt; line1xj.length-1) {&lt;br /&gt;
          pos11 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint11 = false;&lt;br /&gt;
        if(pos11 &amp;gt; 0) {&lt;br /&gt;
          pos11 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //11 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line11(line1xj, line1yj, pos11);&lt;br /&gt;
    &lt;br /&gt;
    &lt;br /&gt;
     //12 Drawing the points:&lt;br /&gt;
      noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xk.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xk.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint12 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xk[i],line1yk[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
      //12 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xk[line1xk.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xk[line1xk.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yk[line1yk.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yk[line1yk.length-1] -50 ) {&lt;br /&gt;
        overPoint12 = true;&lt;br /&gt;
        if(pos12 &amp;lt; line1xk.length-1) {&lt;br /&gt;
          pos12 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint12 = false;&lt;br /&gt;
        if(pos12 &amp;gt; 0) {&lt;br /&gt;
          pos12 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //12 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line12(line1xk, line1yk, pos12);&lt;br /&gt;
    }&lt;br /&gt;
    void connect_line(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    void connect_line2(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    void connect_line3(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    void connect_line4(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    void connect_line5(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    void connect_line6(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
     void connect_line7(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    void connect_line8(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    void connect_line9(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    &lt;br /&gt;
     void connect_line10(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    &lt;br /&gt;
    void connect_line11(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    &lt;br /&gt;
        void connect_line12(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;/div&gt;</summary>
		<author><name>Tr3ntlane</name></author>
	</entry>
	<entry>
		<id>https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=IFD:PhysicalComp2011/Augusto_Gandia&amp;diff=40271</id>
		<title>IFD:PhysicalComp2011/Augusto Gandia</title>
		<link rel="alternate" type="text/html" href="https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=IFD:PhysicalComp2011/Augusto_Gandia&amp;diff=40271"/>
		<updated>2012-03-30T15:33:19Z</updated>

		<summary type="html">&lt;p&gt;Tr3ntlane: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;==Trip Book - digital and physical combination==&lt;br /&gt;
&lt;br /&gt;
===First ideas===&lt;br /&gt;
&lt;br /&gt;
Despite the differences from this concept of the 80&#039;, &amp;quot;teleportation&amp;quot; is real &lt;br /&gt;
nowadays. Last year I came from the other corner of the earth to Germany and after some hours the only perception which makes me understand the distance was the view through planes and trains windows. I arrived to Weimar and I could, like many other students, leave this place without seen more than the facilities of the University, the supermarkets and the down town streets. In the past, the communication between neighbor cities was through unclear paths across the outskirts. In the current way of living these are residual areas but it doesn&#039;t mean that are no interesting. I decide to take a map from Weimar and randomly visit different points of these undervalued zones and pick up an element which then reminds me that place. One leaf was the object that made that connection between my mind and the place and also a time connection due to the fact that leaves mutate when the times goes by.  &lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;&lt;br /&gt;
File:2tabla.jpg&lt;br /&gt;
&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===Digital collected data===&lt;br /&gt;
&lt;br /&gt;
Digital let us made things simple. By creating an small program in Processing we can access information like names of streets, distances and paths to reach every leaf. Also digital data like pictures doesn&#039;t change throw time so that phenomenon gives us the chance to compare, for example physical leaves with digital ones and see how they have changed. &lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;&lt;br /&gt;
File:3paths.jpg&lt;br /&gt;
&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===Physical collected data===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;&lt;br /&gt;
File:4hojas.jpg&lt;br /&gt;
&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===Some Links===&lt;br /&gt;
*[http://keiichimatsuda.com/]|AR cities.&lt;br /&gt;
*[http://postpolitical.us/blog/alternatives/tools_and_technology/social-bicycles-bikeshare-everywhere/]|Social Bikes Tracking System&lt;br /&gt;
*[http://www.discomole.com/2009/06/augmented-reality-book/]|AR Book&lt;br /&gt;
*[http://books.google.de/books?hl=de&amp;amp;lr=&amp;amp;id=6zjOeMKcYTsC&amp;amp;oi=fnd&amp;amp;pg=PA278&amp;amp;dq=outskirts+urbanism&amp;amp;ots=8NvhGD01hE&amp;amp;sig=EAFzGdJDQcd5-xLLvlpuwtraa8s#v=onepage&amp;amp;q=outskirts%20urbanism&amp;amp;f=false]|Urbanism&lt;br /&gt;
&lt;br /&gt;
===Code===&lt;br /&gt;
&lt;br /&gt;
boolean overPoint1 = false;&lt;br /&gt;
boolean overPoint2 = false;&lt;br /&gt;
boolean overPoint3 = false;&lt;br /&gt;
boolean overPoint4 = false;&lt;br /&gt;
boolean overPoint5 = false;&lt;br /&gt;
boolean overPoint6 = false;&lt;br /&gt;
boolean overPoint7 = false;&lt;br /&gt;
boolean overPoint8 = false;&lt;br /&gt;
boolean overPoint9 = false;&lt;br /&gt;
boolean overPoint10 = false;&lt;br /&gt;
boolean overPoint11 = false;&lt;br /&gt;
boolean overPoint12 = false;&lt;br /&gt;
&lt;br /&gt;
int[] line1xa = {&lt;br /&gt;
  (800+2), (800-7), (800-40), (800-90), (800-130), (800-155), (800-185), (800-213), (800-245), (800-282), (800-285)&lt;br /&gt;
    , (800-380), (800-380), (800-490)&lt;br /&gt;
    };&lt;br /&gt;
  int[] line1ya = {&lt;br /&gt;
    (450-2), (450+17),(450+9), (450+98), (450+95), (450+68), (450+47), (450+34), (450+25), (450+25), (450+30)&lt;br /&gt;
      , (450+24), (450-2), (450+30)&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
    int[] line1x = {&lt;br /&gt;
      (800+2), (800-7), (800+46), (800+38), (800-62)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1y = {&lt;br /&gt;
      (450-2), (450+17), (450+33), (450+65), (450+140)&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
    int[] line1xb = {&lt;br /&gt;
      (800+2), (800-75), (800-105), (800-138), (800-149), (800-230), (800-390)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yb = {&lt;br /&gt;
      (450-2), (450-28),(450-128), (450-129), (450-122), (450-118), (450-86)&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
    int[] line1xc = {&lt;br /&gt;
      (800+2), (800-75), (800-105), (800-131), (800-175), (800-239), (800-259), (800-257), (800-240)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yc = {&lt;br /&gt;
      (450-2), (450-28),(450-128), (450-218), (450-226), (450-210), (450-250), (450-262), (450-290)&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
    int[] line1xd = {&lt;br /&gt;
      (800+2), (800-75), (800-105), (800-131), (800-175), (800-239), (800-259), (800-257), (800-332), (800-375), (800-424)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yd = {&lt;br /&gt;
      (450-2), (450-28),(450-128), (450-218), (450-226), (450-210),  (450-250), (450-262), (450-257), (450-272), (450-271)&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    int[] line1xe = {&lt;br /&gt;
      (800+2), (800+18), (800+144), (800+163), (800+182), (800+202), (800+214), (800+209), (800+241), (800+263), (800+301), (800+301), (800+510)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1ye = {&lt;br /&gt;
      (450-2), (450-34), (450-4),  (450-33),  (450-31), (450-55), (450-90),  (450-109), (450-121), (450-151), (450-143), (450-128), (450-95)&lt;br /&gt;
      };&lt;br /&gt;
      &lt;br /&gt;
    int[] line1xf = {&lt;br /&gt;
      (800+2), (800+18), (800+33), (800+6), (800+12), (800+60), (800+68), (800+29), (800+8), (800+3), (800-49)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yf = {&lt;br /&gt;
      (450-2), (450-34), (450-64),  (450-73), (450-82), (450-95),  (450-102), (450-188), (450-195), (450-250), (450-255) &lt;br /&gt;
      };&lt;br /&gt;
      &lt;br /&gt;
    int[] line1xg = {&lt;br /&gt;
      (800+2), (800+18), (800+33), (800+6), (800+12), (800+60), (800+68), (800+98), (800+110), (800+123), (800+123), (800+101)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yg = {&lt;br /&gt;
      (450-2), (450-34), (450-64),  (450-73), (450-82), (450-95),  (450-102), (450-127), (450-173), (450-230), (450-270), (450-345) &lt;br /&gt;
      };&lt;br /&gt;
      &lt;br /&gt;
     int[] line1xh = {&lt;br /&gt;
      (800+2), (800+18), (800+33), (800+6), (800+12), (800+60), (800+68), (800+98), (800+110), (800+169), (800+205), (800+189), (800+184), (800+240), (800+352)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yh = {&lt;br /&gt;
      (450-2), (450-34), (450-64),  (450-73), (450-82), (450-95),  (450-102), (450-127), (450-173), (450-176), (450-189), (450-202), (450-236), (450-253), (450-339) &lt;br /&gt;
      };&lt;br /&gt;
      &lt;br /&gt;
      int[] line1xi = {&lt;br /&gt;
      (800+2), (800+90), (800+115), (800+166), (800+120), (800+95)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yi = {&lt;br /&gt;
      (450-2), (450+20), (450+32),  (450+38), (450+220), (450+255)&lt;br /&gt;
      };&lt;br /&gt;
      &lt;br /&gt;
      int[] line1xj = {&lt;br /&gt;
      (800+2), (800+90), (800+115), (800+166), (800+171), (800+227), (800+400)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yj = {&lt;br /&gt;
      (450-2), (450+20), (450+32),  (450+38), (450+44), (450+27), (450+207)&lt;br /&gt;
      };&lt;br /&gt;
      &lt;br /&gt;
      int[] line1xk = {&lt;br /&gt;
      (800+2), (800+90), (800+115), (800+166), (800+171), (800+227), (800+250), (800+278), (800+315), (800+348), (800+350), (800+390), (800+457)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yk = {&lt;br /&gt;
      (450-2), (450+20), (450+32),  (450+38), (450+44), (450+27), (450+25), (450+27), (450+45), (450+62), (450+67), (450+60), (450+63), (450+62)&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
    float pos =0;&lt;br /&gt;
    float pos2 =0;&lt;br /&gt;
    float pos3 =0;&lt;br /&gt;
    float pos4 =0;&lt;br /&gt;
    float pos5 =0;&lt;br /&gt;
    float pos6 =0;&lt;br /&gt;
    float pos7 =0;&lt;br /&gt;
    float pos8 =0;&lt;br /&gt;
    float pos9 =0;&lt;br /&gt;
    float pos10 =0;&lt;br /&gt;
    float pos11 =0;&lt;br /&gt;
    float pos12 =0;&lt;br /&gt;
&lt;br /&gt;
    void setup() {&lt;br /&gt;
      size(1600,900);&lt;br /&gt;
      background(255);&lt;br /&gt;
      imageMode(CENTER);&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    void draw() {&lt;br /&gt;
           &lt;br /&gt;
      noStroke();&lt;br /&gt;
      background(255);&lt;br /&gt;
      //a=(width/2)+11;&lt;br /&gt;
      //b=(height/2)-45;&lt;br /&gt;
      smooth();&lt;br /&gt;
      // myImage=loadImage(&amp;quot;mapa.jpg&amp;quot;);&lt;br /&gt;
      // image(myImage,a,b,1000,600);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
      //1 Drawing the points:&lt;br /&gt;
      &lt;br /&gt;
      for(int i=0; i&amp;lt;line1xa.length; i++) {&lt;br /&gt;
        &lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xa.length -1 ) {&lt;br /&gt;
          rad=12;&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          if(overPoint1 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xa[i],line1ya[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //1 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xa[line1xa.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xa[line1xa.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1ya[line1ya.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1ya[line1ya.length-1] -50 ) {&lt;br /&gt;
        overPoint1 = true;&lt;br /&gt;
        if(pos &amp;lt; line1xa.length-1) {&lt;br /&gt;
          pos += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint1 = false;&lt;br /&gt;
        if(pos &amp;gt; 0) {&lt;br /&gt;
          pos -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //1 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line(line1xa, line1ya, pos);&lt;br /&gt;
&lt;br /&gt;
      //2 Drawing the points:&lt;br /&gt;
      noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1x.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1x.length -1 ) {&lt;br /&gt;
          rad=12;&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          if(overPoint2 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1x[i],line1y[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //2 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1x[line1x.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1x[line1x.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1y[line1y.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1y[line1y.length-1] -50 ) {&lt;br /&gt;
        overPoint2 = true;&lt;br /&gt;
        if(pos2 &amp;lt; line1x.length-1) {&lt;br /&gt;
          pos2 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint2 = false;&lt;br /&gt;
        if(pos2 &amp;gt; 0) {&lt;br /&gt;
          pos2 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //2 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      &lt;br /&gt;
      connect_line2(line1x, line1y, pos2);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
      //3 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xb.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xb.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint3 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xb[i],line1yb[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //3 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xb[line1xb.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xb[line1xb.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yb[line1yb.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yb[line1yb.length-1] -50 ) {&lt;br /&gt;
        overPoint3 = true;&lt;br /&gt;
        if(pos3 &amp;lt; line1xb.length-1) {&lt;br /&gt;
          pos3 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint3 = false;&lt;br /&gt;
        if(pos3 &amp;gt; 0) {&lt;br /&gt;
          pos3 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //3 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line3(line1xb, line1yb, pos3);&lt;br /&gt;
&lt;br /&gt;
      //4 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xc.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xc.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint4 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xc[i],line1yc[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //4 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xc[line1xc.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xc[line1xc.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yc[line1yc.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yc[line1yc.length-1] -50 ) {&lt;br /&gt;
        overPoint4 = true;&lt;br /&gt;
        if(pos4 &amp;lt; line1xc.length-1) {&lt;br /&gt;
          pos4 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint4 = false;&lt;br /&gt;
        if(pos4 &amp;gt; 0) {&lt;br /&gt;
          pos4 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //4 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line4(line1xc, line1yc, pos4);&lt;br /&gt;
&lt;br /&gt;
      //5 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xd.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xd.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint5 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xd[i],line1yd[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //5 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xd[line1xd.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xd[line1xd.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yd[line1yd.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yd[line1yd.length-1] -50 ) {&lt;br /&gt;
        overPoint5 = true;&lt;br /&gt;
        if(pos5 &amp;lt; line1xd.length-1) {&lt;br /&gt;
          pos5 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint5 = false;&lt;br /&gt;
        if(pos5 &amp;gt; 0) {&lt;br /&gt;
          pos5 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //5 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line5(line1xd, line1yd, pos5);&lt;br /&gt;
&lt;br /&gt;
      //6 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xe.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xe.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint6 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xe[i],line1ye[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //6 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xe[line1xe.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xe[line1xe.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1ye[line1ye.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1ye[line1ye.length-1] -50 ) {&lt;br /&gt;
        overPoint6 = true;&lt;br /&gt;
        if(pos6 &amp;lt; line1xe.length-1) {&lt;br /&gt;
          pos6 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint6 = false;&lt;br /&gt;
        if(pos6 &amp;gt; 0) {&lt;br /&gt;
          pos6 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //6 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line6(line1xe, line1ye, pos6);&lt;br /&gt;
      &lt;br /&gt;
       //7 Drawing the points:&lt;br /&gt;
        noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xf.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xf.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint7 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xf[i],line1yf[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //7 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xf[line1xf.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xf[line1xf.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yf[line1yf.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yf[line1yf.length-1] -50 ) {&lt;br /&gt;
        overPoint7 = true;&lt;br /&gt;
        if(pos7 &amp;lt; line1xf.length-1) {&lt;br /&gt;
          pos7 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint7 = false;&lt;br /&gt;
        if(pos7 &amp;gt; 0) {&lt;br /&gt;
          pos7 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //7 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line7(line1xf, line1yf, pos7);&lt;br /&gt;
      &lt;br /&gt;
      //8 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xg.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xg.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint8 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xg[i],line1yg[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //8 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xg[line1xg.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xg[line1xg.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yg[line1yg.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yg[line1yg.length-1] -50 ) {&lt;br /&gt;
        overPoint8 = true;&lt;br /&gt;
        if(pos8 &amp;lt; line1xg.length-1) {&lt;br /&gt;
          pos8 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint8 = false;&lt;br /&gt;
        if(pos8 &amp;gt; 0) {&lt;br /&gt;
          pos8 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //8 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line8(line1xg, line1yg, pos8);&lt;br /&gt;
      &lt;br /&gt;
      //9 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xh.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xh.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint9 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xh[i],line1yh[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //9 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xh[line1xh.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xh[line1xh.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yh[line1yh.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yh[line1yh.length-1] -50 ) {&lt;br /&gt;
        overPoint9 = true;&lt;br /&gt;
        if(pos9 &amp;lt; line1xh.length-1) {&lt;br /&gt;
          pos9 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint9 = false;&lt;br /&gt;
        if(pos9 &amp;gt; 0) {&lt;br /&gt;
          pos9 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //9 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line9(line1xh, line1yh, pos9);&lt;br /&gt;
      &lt;br /&gt;
      //10 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xi.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xi.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint10 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xi[i],line1yi[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //10 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xi[line1xi.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xi[line1xi.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yi[line1yi.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yi[line1yi.length-1] -50 ) {&lt;br /&gt;
        overPoint10 = true;&lt;br /&gt;
        if(pos10 &amp;lt; line1xi.length-1) {&lt;br /&gt;
          pos10 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint10 = false;&lt;br /&gt;
        if(pos10 &amp;gt; 0) {&lt;br /&gt;
          pos10 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //10 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line10(line1xi, line1yi, pos10);&lt;br /&gt;
      &lt;br /&gt;
       //11 Drawing the points:&lt;br /&gt;
        noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xj.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xj.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint11 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xj[i],line1yj[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //11 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xj[line1xj.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xj[line1xj.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yj[line1yj.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yj[line1yj.length-1] -50 ) {&lt;br /&gt;
        overPoint11 = true;&lt;br /&gt;
        if(pos11 &amp;lt; line1xj.length-1) {&lt;br /&gt;
          pos11 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint11 = false;&lt;br /&gt;
        if(pos11 &amp;gt; 0) {&lt;br /&gt;
          pos11 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //11 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line11(line1xj, line1yj, pos11);&lt;br /&gt;
    &lt;br /&gt;
    &lt;br /&gt;
     //12 Drawing the points:&lt;br /&gt;
      noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xk.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xk.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint12 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xk[i],line1yk[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
      //12 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xk[line1xk.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xk[line1xk.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yk[line1yk.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yk[line1yk.length-1] -50 ) {&lt;br /&gt;
        overPoint12 = true;&lt;br /&gt;
        if(pos12 &amp;lt; line1xk.length-1) {&lt;br /&gt;
          pos12 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint12 = false;&lt;br /&gt;
        if(pos12 &amp;gt; 0) {&lt;br /&gt;
          pos12 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //12 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line12(line1xk, line1yk, pos12);&lt;br /&gt;
    }&lt;br /&gt;
    void connect_line(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    void connect_line2(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    void connect_line3(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    void connect_line4(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    void connect_line5(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    void connect_line6(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
     void connect_line7(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    void connect_line8(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    void connect_line9(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    &lt;br /&gt;
     void connect_line10(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    &lt;br /&gt;
    void connect_line11(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    &lt;br /&gt;
        void connect_line12(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;/div&gt;</summary>
		<author><name>Tr3ntlane</name></author>
	</entry>
	<entry>
		<id>https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=IFD:PhysicalComp2011/Augusto_Gandia&amp;diff=40270</id>
		<title>IFD:PhysicalComp2011/Augusto Gandia</title>
		<link rel="alternate" type="text/html" href="https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=IFD:PhysicalComp2011/Augusto_Gandia&amp;diff=40270"/>
		<updated>2012-03-30T15:30:39Z</updated>

		<summary type="html">&lt;p&gt;Tr3ntlane: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;==Trip Book - digital and physical combination==&lt;br /&gt;
&lt;br /&gt;
===First ideas===&lt;br /&gt;
&lt;br /&gt;
Despite the differences from this concept of the 80&#039;, &amp;quot;teleportation&amp;quot; is real &lt;br /&gt;
nowadays. Last year I came from the other corner of the earth to Germany and after some hours the only perception which makes me understand the distance was the view through planes and trains windows. I arrived to Weimar and I could, like many other students, leave this place without seen more than the facilities of the University, the supermarkets and the down town streets. In the past, the communication between neighbor cities was through unclear paths across the outskirts. In the current way of living these are residual areas but it doesn&#039;t mean that are no interesting. I decide to take a map from Weimar and randomly visit different points of these undervalued zones and pick up an element which then reminds me that place. One leaf was the object that made that connection between my mind and the place and also a time connection due to the fact that leaves mutate when the times goes by.  &lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;&lt;br /&gt;
File:2tabla.jpg&lt;br /&gt;
&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===Digital collected data===&lt;br /&gt;
&lt;br /&gt;
Digital let us made things simple. By creating an small program in Processing we can access information like names of streets, distances and paths to reach every leaf. Also digital data like pictures doesn&#039;t change throw time so that phenomenon gives us the chance to compare, for example physical leaves with digital ones and see how they have changed. &lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;&lt;br /&gt;
File:3paths.jpg&lt;br /&gt;
&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===Physical collected data===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;&lt;br /&gt;
File:4hojas.jpg&lt;br /&gt;
&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===Some Links===&lt;br /&gt;
*[http://keiichimatsuda.com/]|AR cities.&lt;br /&gt;
*[http://postpolitical.us/blog/alternatives/tools_and_technology/social-bicycles-bikeshare-everywhere/]&lt;br /&gt;
*[http://www.discomole.com/2009/06/augmented-reality-book/]&lt;br /&gt;
*[http://books.google.de/books?hl=de&amp;amp;lr=&amp;amp;id=6zjOeMKcYTsC&amp;amp;oi=fnd&amp;amp;pg=PA278&amp;amp;dq=outskirts+urbanism&amp;amp;ots=8NvhGD01hE&amp;amp;sig=EAFzGdJDQcd5-xLLvlpuwtraa8s#v=onepage&amp;amp;q=outskirts%20urbanism&amp;amp;f=false]&lt;br /&gt;
&lt;br /&gt;
===Code===&lt;br /&gt;
&lt;br /&gt;
boolean overPoint1 = false;&lt;br /&gt;
boolean overPoint2 = false;&lt;br /&gt;
boolean overPoint3 = false;&lt;br /&gt;
boolean overPoint4 = false;&lt;br /&gt;
boolean overPoint5 = false;&lt;br /&gt;
boolean overPoint6 = false;&lt;br /&gt;
boolean overPoint7 = false;&lt;br /&gt;
boolean overPoint8 = false;&lt;br /&gt;
boolean overPoint9 = false;&lt;br /&gt;
boolean overPoint10 = false;&lt;br /&gt;
boolean overPoint11 = false;&lt;br /&gt;
boolean overPoint12 = false;&lt;br /&gt;
&lt;br /&gt;
int[] line1xa = {&lt;br /&gt;
  (800+2), (800-7), (800-40), (800-90), (800-130), (800-155), (800-185), (800-213), (800-245), (800-282), (800-285)&lt;br /&gt;
    , (800-380), (800-380), (800-490)&lt;br /&gt;
    };&lt;br /&gt;
  int[] line1ya = {&lt;br /&gt;
    (450-2), (450+17),(450+9), (450+98), (450+95), (450+68), (450+47), (450+34), (450+25), (450+25), (450+30)&lt;br /&gt;
      , (450+24), (450-2), (450+30)&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
    int[] line1x = {&lt;br /&gt;
      (800+2), (800-7), (800+46), (800+38), (800-62)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1y = {&lt;br /&gt;
      (450-2), (450+17), (450+33), (450+65), (450+140)&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
    int[] line1xb = {&lt;br /&gt;
      (800+2), (800-75), (800-105), (800-138), (800-149), (800-230), (800-390)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yb = {&lt;br /&gt;
      (450-2), (450-28),(450-128), (450-129), (450-122), (450-118), (450-86)&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
    int[] line1xc = {&lt;br /&gt;
      (800+2), (800-75), (800-105), (800-131), (800-175), (800-239), (800-259), (800-257), (800-240)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yc = {&lt;br /&gt;
      (450-2), (450-28),(450-128), (450-218), (450-226), (450-210), (450-250), (450-262), (450-290)&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
    int[] line1xd = {&lt;br /&gt;
      (800+2), (800-75), (800-105), (800-131), (800-175), (800-239), (800-259), (800-257), (800-332), (800-375), (800-424)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yd = {&lt;br /&gt;
      (450-2), (450-28),(450-128), (450-218), (450-226), (450-210),  (450-250), (450-262), (450-257), (450-272), (450-271)&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    int[] line1xe = {&lt;br /&gt;
      (800+2), (800+18), (800+144), (800+163), (800+182), (800+202), (800+214), (800+209), (800+241), (800+263), (800+301), (800+301), (800+510)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1ye = {&lt;br /&gt;
      (450-2), (450-34), (450-4),  (450-33),  (450-31), (450-55), (450-90),  (450-109), (450-121), (450-151), (450-143), (450-128), (450-95)&lt;br /&gt;
      };&lt;br /&gt;
      &lt;br /&gt;
    int[] line1xf = {&lt;br /&gt;
      (800+2), (800+18), (800+33), (800+6), (800+12), (800+60), (800+68), (800+29), (800+8), (800+3), (800-49)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yf = {&lt;br /&gt;
      (450-2), (450-34), (450-64),  (450-73), (450-82), (450-95),  (450-102), (450-188), (450-195), (450-250), (450-255) &lt;br /&gt;
      };&lt;br /&gt;
      &lt;br /&gt;
    int[] line1xg = {&lt;br /&gt;
      (800+2), (800+18), (800+33), (800+6), (800+12), (800+60), (800+68), (800+98), (800+110), (800+123), (800+123), (800+101)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yg = {&lt;br /&gt;
      (450-2), (450-34), (450-64),  (450-73), (450-82), (450-95),  (450-102), (450-127), (450-173), (450-230), (450-270), (450-345) &lt;br /&gt;
      };&lt;br /&gt;
      &lt;br /&gt;
     int[] line1xh = {&lt;br /&gt;
      (800+2), (800+18), (800+33), (800+6), (800+12), (800+60), (800+68), (800+98), (800+110), (800+169), (800+205), (800+189), (800+184), (800+240), (800+352)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yh = {&lt;br /&gt;
      (450-2), (450-34), (450-64),  (450-73), (450-82), (450-95),  (450-102), (450-127), (450-173), (450-176), (450-189), (450-202), (450-236), (450-253), (450-339) &lt;br /&gt;
      };&lt;br /&gt;
      &lt;br /&gt;
      int[] line1xi = {&lt;br /&gt;
      (800+2), (800+90), (800+115), (800+166), (800+120), (800+95)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yi = {&lt;br /&gt;
      (450-2), (450+20), (450+32),  (450+38), (450+220), (450+255)&lt;br /&gt;
      };&lt;br /&gt;
      &lt;br /&gt;
      int[] line1xj = {&lt;br /&gt;
      (800+2), (800+90), (800+115), (800+166), (800+171), (800+227), (800+400)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yj = {&lt;br /&gt;
      (450-2), (450+20), (450+32),  (450+38), (450+44), (450+27), (450+207)&lt;br /&gt;
      };&lt;br /&gt;
      &lt;br /&gt;
      int[] line1xk = {&lt;br /&gt;
      (800+2), (800+90), (800+115), (800+166), (800+171), (800+227), (800+250), (800+278), (800+315), (800+348), (800+350), (800+390), (800+457)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yk = {&lt;br /&gt;
      (450-2), (450+20), (450+32),  (450+38), (450+44), (450+27), (450+25), (450+27), (450+45), (450+62), (450+67), (450+60), (450+63), (450+62)&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
    float pos =0;&lt;br /&gt;
    float pos2 =0;&lt;br /&gt;
    float pos3 =0;&lt;br /&gt;
    float pos4 =0;&lt;br /&gt;
    float pos5 =0;&lt;br /&gt;
    float pos6 =0;&lt;br /&gt;
    float pos7 =0;&lt;br /&gt;
    float pos8 =0;&lt;br /&gt;
    float pos9 =0;&lt;br /&gt;
    float pos10 =0;&lt;br /&gt;
    float pos11 =0;&lt;br /&gt;
    float pos12 =0;&lt;br /&gt;
&lt;br /&gt;
    void setup() {&lt;br /&gt;
      size(1600,900);&lt;br /&gt;
      background(255);&lt;br /&gt;
      imageMode(CENTER);&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    void draw() {&lt;br /&gt;
           &lt;br /&gt;
      noStroke();&lt;br /&gt;
      background(255);&lt;br /&gt;
      //a=(width/2)+11;&lt;br /&gt;
      //b=(height/2)-45;&lt;br /&gt;
      smooth();&lt;br /&gt;
      // myImage=loadImage(&amp;quot;mapa.jpg&amp;quot;);&lt;br /&gt;
      // image(myImage,a,b,1000,600);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
      //1 Drawing the points:&lt;br /&gt;
      &lt;br /&gt;
      for(int i=0; i&amp;lt;line1xa.length; i++) {&lt;br /&gt;
        &lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xa.length -1 ) {&lt;br /&gt;
          rad=12;&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          if(overPoint1 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xa[i],line1ya[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //1 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xa[line1xa.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xa[line1xa.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1ya[line1ya.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1ya[line1ya.length-1] -50 ) {&lt;br /&gt;
        overPoint1 = true;&lt;br /&gt;
        if(pos &amp;lt; line1xa.length-1) {&lt;br /&gt;
          pos += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint1 = false;&lt;br /&gt;
        if(pos &amp;gt; 0) {&lt;br /&gt;
          pos -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //1 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line(line1xa, line1ya, pos);&lt;br /&gt;
&lt;br /&gt;
      //2 Drawing the points:&lt;br /&gt;
      noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1x.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1x.length -1 ) {&lt;br /&gt;
          rad=12;&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          if(overPoint2 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1x[i],line1y[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //2 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1x[line1x.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1x[line1x.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1y[line1y.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1y[line1y.length-1] -50 ) {&lt;br /&gt;
        overPoint2 = true;&lt;br /&gt;
        if(pos2 &amp;lt; line1x.length-1) {&lt;br /&gt;
          pos2 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint2 = false;&lt;br /&gt;
        if(pos2 &amp;gt; 0) {&lt;br /&gt;
          pos2 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //2 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      &lt;br /&gt;
      connect_line2(line1x, line1y, pos2);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
      //3 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xb.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xb.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint3 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xb[i],line1yb[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //3 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xb[line1xb.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xb[line1xb.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yb[line1yb.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yb[line1yb.length-1] -50 ) {&lt;br /&gt;
        overPoint3 = true;&lt;br /&gt;
        if(pos3 &amp;lt; line1xb.length-1) {&lt;br /&gt;
          pos3 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint3 = false;&lt;br /&gt;
        if(pos3 &amp;gt; 0) {&lt;br /&gt;
          pos3 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //3 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line3(line1xb, line1yb, pos3);&lt;br /&gt;
&lt;br /&gt;
      //4 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xc.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xc.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint4 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xc[i],line1yc[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //4 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xc[line1xc.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xc[line1xc.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yc[line1yc.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yc[line1yc.length-1] -50 ) {&lt;br /&gt;
        overPoint4 = true;&lt;br /&gt;
        if(pos4 &amp;lt; line1xc.length-1) {&lt;br /&gt;
          pos4 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint4 = false;&lt;br /&gt;
        if(pos4 &amp;gt; 0) {&lt;br /&gt;
          pos4 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //4 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line4(line1xc, line1yc, pos4);&lt;br /&gt;
&lt;br /&gt;
      //5 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xd.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xd.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint5 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xd[i],line1yd[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //5 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xd[line1xd.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xd[line1xd.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yd[line1yd.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yd[line1yd.length-1] -50 ) {&lt;br /&gt;
        overPoint5 = true;&lt;br /&gt;
        if(pos5 &amp;lt; line1xd.length-1) {&lt;br /&gt;
          pos5 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint5 = false;&lt;br /&gt;
        if(pos5 &amp;gt; 0) {&lt;br /&gt;
          pos5 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //5 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line5(line1xd, line1yd, pos5);&lt;br /&gt;
&lt;br /&gt;
      //6 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xe.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xe.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint6 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xe[i],line1ye[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //6 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xe[line1xe.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xe[line1xe.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1ye[line1ye.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1ye[line1ye.length-1] -50 ) {&lt;br /&gt;
        overPoint6 = true;&lt;br /&gt;
        if(pos6 &amp;lt; line1xe.length-1) {&lt;br /&gt;
          pos6 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint6 = false;&lt;br /&gt;
        if(pos6 &amp;gt; 0) {&lt;br /&gt;
          pos6 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //6 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line6(line1xe, line1ye, pos6);&lt;br /&gt;
      &lt;br /&gt;
       //7 Drawing the points:&lt;br /&gt;
        noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xf.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xf.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint7 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xf[i],line1yf[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //7 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xf[line1xf.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xf[line1xf.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yf[line1yf.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yf[line1yf.length-1] -50 ) {&lt;br /&gt;
        overPoint7 = true;&lt;br /&gt;
        if(pos7 &amp;lt; line1xf.length-1) {&lt;br /&gt;
          pos7 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint7 = false;&lt;br /&gt;
        if(pos7 &amp;gt; 0) {&lt;br /&gt;
          pos7 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //7 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line7(line1xf, line1yf, pos7);&lt;br /&gt;
      &lt;br /&gt;
      //8 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xg.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xg.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint8 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xg[i],line1yg[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //8 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xg[line1xg.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xg[line1xg.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yg[line1yg.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yg[line1yg.length-1] -50 ) {&lt;br /&gt;
        overPoint8 = true;&lt;br /&gt;
        if(pos8 &amp;lt; line1xg.length-1) {&lt;br /&gt;
          pos8 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint8 = false;&lt;br /&gt;
        if(pos8 &amp;gt; 0) {&lt;br /&gt;
          pos8 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //8 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line8(line1xg, line1yg, pos8);&lt;br /&gt;
      &lt;br /&gt;
      //9 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xh.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xh.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint9 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xh[i],line1yh[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //9 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xh[line1xh.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xh[line1xh.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yh[line1yh.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yh[line1yh.length-1] -50 ) {&lt;br /&gt;
        overPoint9 = true;&lt;br /&gt;
        if(pos9 &amp;lt; line1xh.length-1) {&lt;br /&gt;
          pos9 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint9 = false;&lt;br /&gt;
        if(pos9 &amp;gt; 0) {&lt;br /&gt;
          pos9 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //9 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line9(line1xh, line1yh, pos9);&lt;br /&gt;
      &lt;br /&gt;
      //10 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xi.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xi.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint10 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xi[i],line1yi[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //10 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xi[line1xi.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xi[line1xi.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yi[line1yi.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yi[line1yi.length-1] -50 ) {&lt;br /&gt;
        overPoint10 = true;&lt;br /&gt;
        if(pos10 &amp;lt; line1xi.length-1) {&lt;br /&gt;
          pos10 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint10 = false;&lt;br /&gt;
        if(pos10 &amp;gt; 0) {&lt;br /&gt;
          pos10 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //10 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line10(line1xi, line1yi, pos10);&lt;br /&gt;
      &lt;br /&gt;
       //11 Drawing the points:&lt;br /&gt;
        noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xj.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xj.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint11 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xj[i],line1yj[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //11 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xj[line1xj.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xj[line1xj.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yj[line1yj.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yj[line1yj.length-1] -50 ) {&lt;br /&gt;
        overPoint11 = true;&lt;br /&gt;
        if(pos11 &amp;lt; line1xj.length-1) {&lt;br /&gt;
          pos11 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint11 = false;&lt;br /&gt;
        if(pos11 &amp;gt; 0) {&lt;br /&gt;
          pos11 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //11 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line11(line1xj, line1yj, pos11);&lt;br /&gt;
    &lt;br /&gt;
    &lt;br /&gt;
     //12 Drawing the points:&lt;br /&gt;
      noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xk.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xk.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint12 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xk[i],line1yk[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
      //12 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xk[line1xk.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xk[line1xk.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yk[line1yk.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yk[line1yk.length-1] -50 ) {&lt;br /&gt;
        overPoint12 = true;&lt;br /&gt;
        if(pos12 &amp;lt; line1xk.length-1) {&lt;br /&gt;
          pos12 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint12 = false;&lt;br /&gt;
        if(pos12 &amp;gt; 0) {&lt;br /&gt;
          pos12 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //12 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line12(line1xk, line1yk, pos12);&lt;br /&gt;
    }&lt;br /&gt;
    void connect_line(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    void connect_line2(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    void connect_line3(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    void connect_line4(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    void connect_line5(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    void connect_line6(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
     void connect_line7(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    void connect_line8(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    void connect_line9(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    &lt;br /&gt;
     void connect_line10(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    &lt;br /&gt;
    void connect_line11(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    &lt;br /&gt;
        void connect_line12(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;/div&gt;</summary>
		<author><name>Tr3ntlane</name></author>
	</entry>
	<entry>
		<id>https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=IFD:PhysicalComp2011/Augusto_Gandia&amp;diff=40269</id>
		<title>IFD:PhysicalComp2011/Augusto Gandia</title>
		<link rel="alternate" type="text/html" href="https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=IFD:PhysicalComp2011/Augusto_Gandia&amp;diff=40269"/>
		<updated>2012-03-30T15:29:02Z</updated>

		<summary type="html">&lt;p&gt;Tr3ntlane: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;==Trip Book - digital and physical combination==&lt;br /&gt;
&lt;br /&gt;
===First ideas===&lt;br /&gt;
&lt;br /&gt;
Despite the differences from this concept of the 80&#039;, &amp;quot;teleportation&amp;quot; is real &lt;br /&gt;
nowadays. Last year I came from the other corner of the earth to Germany and after some hours the only perception which makes me understand the distance was the view through planes and trains windows. I arrived to Weimar and I could, like many other students, leave this place without seen more than the facilities of the University, the supermarkets and the down town streets. In the past, the communication between neighbor cities was through unclear paths across the outskirts. In the current way of living these are residual areas but it doesn&#039;t mean that are no interesting. I decide to take a map from Weimar and randomly visit different points of these undervalued zones and pick up an element which then reminds me that place. One leaf was the object that made that connection between my mind and the place and also a time connection due to the fact that leaves mutate when the times goes by.  &lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;&lt;br /&gt;
File:2tabla.jpg&lt;br /&gt;
&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===Digital collected data===&lt;br /&gt;
&lt;br /&gt;
Digital let us made things simple. By creating an small program in Processing we can access information like names of streets, distances and paths to reach every leaf. Also digital data like pictures doesn&#039;t change throw time so that phenomenon gives us the chance to compare, for example physical leaves with digital ones and see how they have changed. &lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;&lt;br /&gt;
File:3paths.jpg&lt;br /&gt;
&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===Physical collected data===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;&lt;br /&gt;
File:4hojas.jpg&lt;br /&gt;
&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===Some Links===&lt;br /&gt;
*[http://keiichimatsuda.com/]|AR cities.&lt;br /&gt;
*[http://postpolitical.us/blog/alternatives/tools_and_technology/social-bicycles-bikeshare-everywhere/]&lt;br /&gt;
*[http://www.discomole.com/2009/06/augmented-reality-book/]&lt;br /&gt;
*[http://books.google.de/books?hl=de&amp;amp;lr=&amp;amp;id=6zjOeMKcYTsC&amp;amp;oi=fnd&amp;amp;pg=PA278&amp;amp;dq=outskirts+urbanism&amp;amp;ots=8NvhGD01hE&amp;amp;sig=EAFzGdJDQcd5-xLLvlpuwtraa8s#v=onepage&amp;amp;q=outskirts%20urbanism&amp;amp;f=false]&lt;br /&gt;
&lt;br /&gt;
===Code===&lt;br /&gt;
&lt;br /&gt;
////////////////////////////////////////////////////////////////////////////////&lt;br /&gt;
boolean overPoint1 = false;&lt;br /&gt;
boolean overPoint2 = false;&lt;br /&gt;
boolean overPoint3 = false;&lt;br /&gt;
boolean overPoint4 = false;&lt;br /&gt;
boolean overPoint5 = false;&lt;br /&gt;
boolean overPoint6 = false;&lt;br /&gt;
boolean overPoint7 = false;&lt;br /&gt;
boolean overPoint8 = false;&lt;br /&gt;
boolean overPoint9 = false;&lt;br /&gt;
boolean overPoint10 = false;&lt;br /&gt;
boolean overPoint11 = false;&lt;br /&gt;
boolean overPoint12 = false;&lt;br /&gt;
&lt;br /&gt;
int[] line1xa = {&lt;br /&gt;
  (800+2), (800-7), (800-40), (800-90), (800-130), (800-155), (800-185), (800-213), (800-245), (800-282), (800-285)&lt;br /&gt;
    , (800-380), (800-380), (800-490)&lt;br /&gt;
    };&lt;br /&gt;
  int[] line1ya = {&lt;br /&gt;
    (450-2), (450+17),(450+9), (450+98), (450+95), (450+68), (450+47), (450+34), (450+25), (450+25), (450+30)&lt;br /&gt;
      , (450+24), (450-2), (450+30)&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
    int[] line1x = {&lt;br /&gt;
      (800+2), (800-7), (800+46), (800+38), (800-62)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1y = {&lt;br /&gt;
      (450-2), (450+17), (450+33), (450+65), (450+140)&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
    int[] line1xb = {&lt;br /&gt;
      (800+2), (800-75), (800-105), (800-138), (800-149), (800-230), (800-390)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yb = {&lt;br /&gt;
      (450-2), (450-28),(450-128), (450-129), (450-122), (450-118), (450-86)&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
    int[] line1xc = {&lt;br /&gt;
      (800+2), (800-75), (800-105), (800-131), (800-175), (800-239), (800-259), (800-257), (800-240)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yc = {&lt;br /&gt;
      (450-2), (450-28),(450-128), (450-218), (450-226), (450-210), (450-250), (450-262), (450-290)&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
    int[] line1xd = {&lt;br /&gt;
      (800+2), (800-75), (800-105), (800-131), (800-175), (800-239), (800-259), (800-257), (800-332), (800-375), (800-424)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yd = {&lt;br /&gt;
      (450-2), (450-28),(450-128), (450-218), (450-226), (450-210),  (450-250), (450-262), (450-257), (450-272), (450-271)&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    int[] line1xe = {&lt;br /&gt;
      (800+2), (800+18), (800+144), (800+163), (800+182), (800+202), (800+214), (800+209), (800+241), (800+263), (800+301), (800+301), (800+510)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1ye = {&lt;br /&gt;
      (450-2), (450-34), (450-4),  (450-33),  (450-31), (450-55), (450-90),  (450-109), (450-121), (450-151), (450-143), (450-128), (450-95)&lt;br /&gt;
      };&lt;br /&gt;
      &lt;br /&gt;
    int[] line1xf = {&lt;br /&gt;
      (800+2), (800+18), (800+33), (800+6), (800+12), (800+60), (800+68), (800+29), (800+8), (800+3), (800-49)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yf = {&lt;br /&gt;
      (450-2), (450-34), (450-64),  (450-73), (450-82), (450-95),  (450-102), (450-188), (450-195), (450-250), (450-255) &lt;br /&gt;
      };&lt;br /&gt;
      &lt;br /&gt;
    int[] line1xg = {&lt;br /&gt;
      (800+2), (800+18), (800+33), (800+6), (800+12), (800+60), (800+68), (800+98), (800+110), (800+123), (800+123), (800+101)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yg = {&lt;br /&gt;
      (450-2), (450-34), (450-64),  (450-73), (450-82), (450-95),  (450-102), (450-127), (450-173), (450-230), (450-270), (450-345) &lt;br /&gt;
      };&lt;br /&gt;
      &lt;br /&gt;
     int[] line1xh = {&lt;br /&gt;
      (800+2), (800+18), (800+33), (800+6), (800+12), (800+60), (800+68), (800+98), (800+110), (800+169), (800+205), (800+189), (800+184), (800+240), (800+352)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yh = {&lt;br /&gt;
      (450-2), (450-34), (450-64),  (450-73), (450-82), (450-95),  (450-102), (450-127), (450-173), (450-176), (450-189), (450-202), (450-236), (450-253), (450-339) &lt;br /&gt;
      };&lt;br /&gt;
      &lt;br /&gt;
      int[] line1xi = {&lt;br /&gt;
      (800+2), (800+90), (800+115), (800+166), (800+120), (800+95)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yi = {&lt;br /&gt;
      (450-2), (450+20), (450+32),  (450+38), (450+220), (450+255)&lt;br /&gt;
      };&lt;br /&gt;
      &lt;br /&gt;
      int[] line1xj = {&lt;br /&gt;
      (800+2), (800+90), (800+115), (800+166), (800+171), (800+227), (800+400)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yj = {&lt;br /&gt;
      (450-2), (450+20), (450+32),  (450+38), (450+44), (450+27), (450+207)&lt;br /&gt;
      };&lt;br /&gt;
      &lt;br /&gt;
      int[] line1xk = {&lt;br /&gt;
      (800+2), (800+90), (800+115), (800+166), (800+171), (800+227), (800+250), (800+278), (800+315), (800+348), (800+350), (800+390), (800+457)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yk = {&lt;br /&gt;
      (450-2), (450+20), (450+32),  (450+38), (450+44), (450+27), (450+25), (450+27), (450+45), (450+62), (450+67), (450+60), (450+63), (450+62)&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
    float pos =0;&lt;br /&gt;
    float pos2 =0;&lt;br /&gt;
    float pos3 =0;&lt;br /&gt;
    float pos4 =0;&lt;br /&gt;
    float pos5 =0;&lt;br /&gt;
    float pos6 =0;&lt;br /&gt;
    float pos7 =0;&lt;br /&gt;
    float pos8 =0;&lt;br /&gt;
    float pos9 =0;&lt;br /&gt;
    float pos10 =0;&lt;br /&gt;
    float pos11 =0;&lt;br /&gt;
    float pos12 =0;&lt;br /&gt;
&lt;br /&gt;
    void setup() {&lt;br /&gt;
      size(1600,900);&lt;br /&gt;
      background(255);&lt;br /&gt;
      imageMode(CENTER);&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    void draw() {&lt;br /&gt;
           &lt;br /&gt;
      noStroke();&lt;br /&gt;
      background(255);&lt;br /&gt;
      //a=(width/2)+11;&lt;br /&gt;
      //b=(height/2)-45;&lt;br /&gt;
      smooth();&lt;br /&gt;
      // myImage=loadImage(&amp;quot;mapa.jpg&amp;quot;);&lt;br /&gt;
      // image(myImage,a,b,1000,600);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
      //1 Drawing the points:&lt;br /&gt;
      &lt;br /&gt;
      for(int i=0; i&amp;lt;line1xa.length; i++) {&lt;br /&gt;
        &lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xa.length -1 ) {&lt;br /&gt;
          rad=12;&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          if(overPoint1 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xa[i],line1ya[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //1 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xa[line1xa.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xa[line1xa.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1ya[line1ya.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1ya[line1ya.length-1] -50 ) {&lt;br /&gt;
        overPoint1 = true;&lt;br /&gt;
        if(pos &amp;lt; line1xa.length-1) {&lt;br /&gt;
          pos += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint1 = false;&lt;br /&gt;
        if(pos &amp;gt; 0) {&lt;br /&gt;
          pos -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //1 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line(line1xa, line1ya, pos);&lt;br /&gt;
&lt;br /&gt;
      //2 Drawing the points:&lt;br /&gt;
      noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1x.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1x.length -1 ) {&lt;br /&gt;
          rad=12;&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          if(overPoint2 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1x[i],line1y[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //2 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1x[line1x.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1x[line1x.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1y[line1y.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1y[line1y.length-1] -50 ) {&lt;br /&gt;
        overPoint2 = true;&lt;br /&gt;
        if(pos2 &amp;lt; line1x.length-1) {&lt;br /&gt;
          pos2 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint2 = false;&lt;br /&gt;
        if(pos2 &amp;gt; 0) {&lt;br /&gt;
          pos2 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //2 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      &lt;br /&gt;
      connect_line2(line1x, line1y, pos2);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
      //3 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xb.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xb.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint3 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xb[i],line1yb[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //3 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xb[line1xb.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xb[line1xb.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yb[line1yb.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yb[line1yb.length-1] -50 ) {&lt;br /&gt;
        overPoint3 = true;&lt;br /&gt;
        if(pos3 &amp;lt; line1xb.length-1) {&lt;br /&gt;
          pos3 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint3 = false;&lt;br /&gt;
        if(pos3 &amp;gt; 0) {&lt;br /&gt;
          pos3 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //3 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line3(line1xb, line1yb, pos3);&lt;br /&gt;
&lt;br /&gt;
      //4 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xc.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xc.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint4 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xc[i],line1yc[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //4 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xc[line1xc.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xc[line1xc.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yc[line1yc.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yc[line1yc.length-1] -50 ) {&lt;br /&gt;
        overPoint4 = true;&lt;br /&gt;
        if(pos4 &amp;lt; line1xc.length-1) {&lt;br /&gt;
          pos4 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint4 = false;&lt;br /&gt;
        if(pos4 &amp;gt; 0) {&lt;br /&gt;
          pos4 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //4 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line4(line1xc, line1yc, pos4);&lt;br /&gt;
&lt;br /&gt;
      //5 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xd.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xd.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint5 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xd[i],line1yd[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //5 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xd[line1xd.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xd[line1xd.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yd[line1yd.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yd[line1yd.length-1] -50 ) {&lt;br /&gt;
        overPoint5 = true;&lt;br /&gt;
        if(pos5 &amp;lt; line1xd.length-1) {&lt;br /&gt;
          pos5 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint5 = false;&lt;br /&gt;
        if(pos5 &amp;gt; 0) {&lt;br /&gt;
          pos5 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //5 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line5(line1xd, line1yd, pos5);&lt;br /&gt;
&lt;br /&gt;
      //6 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xe.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xe.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint6 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xe[i],line1ye[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //6 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xe[line1xe.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xe[line1xe.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1ye[line1ye.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1ye[line1ye.length-1] -50 ) {&lt;br /&gt;
        overPoint6 = true;&lt;br /&gt;
        if(pos6 &amp;lt; line1xe.length-1) {&lt;br /&gt;
          pos6 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint6 = false;&lt;br /&gt;
        if(pos6 &amp;gt; 0) {&lt;br /&gt;
          pos6 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //6 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line6(line1xe, line1ye, pos6);&lt;br /&gt;
      &lt;br /&gt;
       //7 Drawing the points:&lt;br /&gt;
        noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xf.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xf.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint7 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xf[i],line1yf[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //7 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xf[line1xf.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xf[line1xf.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yf[line1yf.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yf[line1yf.length-1] -50 ) {&lt;br /&gt;
        overPoint7 = true;&lt;br /&gt;
        if(pos7 &amp;lt; line1xf.length-1) {&lt;br /&gt;
          pos7 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint7 = false;&lt;br /&gt;
        if(pos7 &amp;gt; 0) {&lt;br /&gt;
          pos7 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //7 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line7(line1xf, line1yf, pos7);&lt;br /&gt;
      &lt;br /&gt;
      //8 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xg.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xg.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint8 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xg[i],line1yg[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //8 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xg[line1xg.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xg[line1xg.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yg[line1yg.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yg[line1yg.length-1] -50 ) {&lt;br /&gt;
        overPoint8 = true;&lt;br /&gt;
        if(pos8 &amp;lt; line1xg.length-1) {&lt;br /&gt;
          pos8 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint8 = false;&lt;br /&gt;
        if(pos8 &amp;gt; 0) {&lt;br /&gt;
          pos8 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //8 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line8(line1xg, line1yg, pos8);&lt;br /&gt;
      &lt;br /&gt;
      //9 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xh.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xh.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint9 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xh[i],line1yh[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //9 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xh[line1xh.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xh[line1xh.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yh[line1yh.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yh[line1yh.length-1] -50 ) {&lt;br /&gt;
        overPoint9 = true;&lt;br /&gt;
        if(pos9 &amp;lt; line1xh.length-1) {&lt;br /&gt;
          pos9 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint9 = false;&lt;br /&gt;
        if(pos9 &amp;gt; 0) {&lt;br /&gt;
          pos9 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //9 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line9(line1xh, line1yh, pos9);&lt;br /&gt;
      &lt;br /&gt;
      //10 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xi.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xi.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint10 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xi[i],line1yi[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //10 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xi[line1xi.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xi[line1xi.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yi[line1yi.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yi[line1yi.length-1] -50 ) {&lt;br /&gt;
        overPoint10 = true;&lt;br /&gt;
        if(pos10 &amp;lt; line1xi.length-1) {&lt;br /&gt;
          pos10 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint10 = false;&lt;br /&gt;
        if(pos10 &amp;gt; 0) {&lt;br /&gt;
          pos10 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //10 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line10(line1xi, line1yi, pos10);&lt;br /&gt;
      &lt;br /&gt;
       //11 Drawing the points:&lt;br /&gt;
        noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xj.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xj.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint11 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xj[i],line1yj[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //11 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xj[line1xj.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xj[line1xj.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yj[line1yj.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yj[line1yj.length-1] -50 ) {&lt;br /&gt;
        overPoint11 = true;&lt;br /&gt;
        if(pos11 &amp;lt; line1xj.length-1) {&lt;br /&gt;
          pos11 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint11 = false;&lt;br /&gt;
        if(pos11 &amp;gt; 0) {&lt;br /&gt;
          pos11 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //11 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line11(line1xj, line1yj, pos11);&lt;br /&gt;
    &lt;br /&gt;
    &lt;br /&gt;
     //12 Drawing the points:&lt;br /&gt;
      noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xk.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xk.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint12 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xk[i],line1yk[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
      //12 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xk[line1xk.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xk[line1xk.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yk[line1yk.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yk[line1yk.length-1] -50 ) {&lt;br /&gt;
        overPoint12 = true;&lt;br /&gt;
        if(pos12 &amp;lt; line1xk.length-1) {&lt;br /&gt;
          pos12 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint12 = false;&lt;br /&gt;
        if(pos12 &amp;gt; 0) {&lt;br /&gt;
          pos12 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //12 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line12(line1xk, line1yk, pos12);&lt;br /&gt;
    }&lt;br /&gt;
    void connect_line(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    void connect_line2(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    void connect_line3(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    void connect_line4(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    void connect_line5(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    void connect_line6(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
     void connect_line7(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    void connect_line8(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    void connect_line9(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    &lt;br /&gt;
     void connect_line10(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    &lt;br /&gt;
    void connect_line11(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    &lt;br /&gt;
        void connect_line12(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
////////////////////////////////////////////////////////////////////////////////&lt;/div&gt;</summary>
		<author><name>Tr3ntlane</name></author>
	</entry>
	<entry>
		<id>https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=IFD:PhysicalComp2011/Augusto_Gandia&amp;diff=40268</id>
		<title>IFD:PhysicalComp2011/Augusto Gandia</title>
		<link rel="alternate" type="text/html" href="https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=IFD:PhysicalComp2011/Augusto_Gandia&amp;diff=40268"/>
		<updated>2012-03-30T15:22:09Z</updated>

		<summary type="html">&lt;p&gt;Tr3ntlane: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;==Trip Book - digital and physical combination==&lt;br /&gt;
&lt;br /&gt;
===First ideas===&lt;br /&gt;
&lt;br /&gt;
Despite the differences from this concept of the 80&#039;, &amp;quot;teleportation&amp;quot; is real &lt;br /&gt;
nowadays. Last year I came from the other corner of the earth to Germany and after some hours the only perception which makes me understand the distance was the view through planes and trains windows. I arrived to Weimar and I could, like many other students, leave this place without seen more than the facilities of the University, the supermarkets and the down town streets. In the past, the communication between neighbor cities was through unclear paths across the outskirts. In the current way of living these are residual areas but it doesn&#039;t mean that are no interesting. I decide to take a map from Weimar and randomly visit different points of these undervalued zones and pick up an element which then reminds me that place. One leaf was the object that made that connection between my mind and the place and also a time connection due to the fact that leaves mutate when the times goes by.  &lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;&lt;br /&gt;
File:2tabla.jpg&lt;br /&gt;
&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&amp;lt;br&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===Some digital collected data===&lt;br /&gt;
&amp;lt;br&amp;gt;&lt;br /&gt;
Digital let us made things simple. By creating an small program in Processing we can access information like names of streets, distances and paths to reach every leaf. Also digital data like pictures doesn&#039;t change throw time so that phenomenon gives us the chance to compare, for example physical leaves with digital ones and see how they have changed. &lt;br /&gt;
&amp;lt;br&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;&lt;br /&gt;
File:3paths.jpg&lt;br /&gt;
&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&amp;lt;br&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===Some physical collected data===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;&lt;br /&gt;
File:4hojas.jpg&lt;br /&gt;
&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&amp;lt;br&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===Some Links===&lt;br /&gt;
*[http://keiichimatsuda.com/]|AR cities.&lt;br /&gt;
*[http://postpolitical.us/blog/alternatives/tools_and_technology/social-bicycles-bikeshare-everywhere/]&lt;br /&gt;
*[http://www.discomole.com/2009/06/augmented-reality-book/]&lt;br /&gt;
*[http://books.google.de/books?hl=de&amp;amp;lr=&amp;amp;id=6zjOeMKcYTsC&amp;amp;oi=fnd&amp;amp;pg=PA278&amp;amp;dq=outskirts+urbanism&amp;amp;ots=8NvhGD01hE&amp;amp;sig=EAFzGdJDQcd5-xLLvlpuwtraa8s#v=onepage&amp;amp;q=outskirts%20urbanism&amp;amp;f=false]&lt;br /&gt;
&lt;br /&gt;
===Code===&lt;br /&gt;
&lt;br /&gt;
////////////////////////////////////////////////////////////////////////////////&lt;br /&gt;
boolean overPoint1 = false;&lt;br /&gt;
boolean overPoint2 = false;&lt;br /&gt;
boolean overPoint3 = false;&lt;br /&gt;
boolean overPoint4 = false;&lt;br /&gt;
boolean overPoint5 = false;&lt;br /&gt;
boolean overPoint6 = false;&lt;br /&gt;
boolean overPoint7 = false;&lt;br /&gt;
boolean overPoint8 = false;&lt;br /&gt;
boolean overPoint9 = false;&lt;br /&gt;
boolean overPoint10 = false;&lt;br /&gt;
boolean overPoint11 = false;&lt;br /&gt;
boolean overPoint12 = false;&lt;br /&gt;
&lt;br /&gt;
int[] line1xa = {&lt;br /&gt;
  (800+2), (800-7), (800-40), (800-90), (800-130), (800-155), (800-185), (800-213), (800-245), (800-282), (800-285)&lt;br /&gt;
    , (800-380), (800-380), (800-490)&lt;br /&gt;
    };&lt;br /&gt;
  int[] line1ya = {&lt;br /&gt;
    (450-2), (450+17),(450+9), (450+98), (450+95), (450+68), (450+47), (450+34), (450+25), (450+25), (450+30)&lt;br /&gt;
      , (450+24), (450-2), (450+30)&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
    int[] line1x = {&lt;br /&gt;
      (800+2), (800-7), (800+46), (800+38), (800-62)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1y = {&lt;br /&gt;
      (450-2), (450+17), (450+33), (450+65), (450+140)&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
    int[] line1xb = {&lt;br /&gt;
      (800+2), (800-75), (800-105), (800-138), (800-149), (800-230), (800-390)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yb = {&lt;br /&gt;
      (450-2), (450-28),(450-128), (450-129), (450-122), (450-118), (450-86)&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
    int[] line1xc = {&lt;br /&gt;
      (800+2), (800-75), (800-105), (800-131), (800-175), (800-239), (800-259), (800-257), (800-240)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yc = {&lt;br /&gt;
      (450-2), (450-28),(450-128), (450-218), (450-226), (450-210), (450-250), (450-262), (450-290)&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
    int[] line1xd = {&lt;br /&gt;
      (800+2), (800-75), (800-105), (800-131), (800-175), (800-239), (800-259), (800-257), (800-332), (800-375), (800-424)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yd = {&lt;br /&gt;
      (450-2), (450-28),(450-128), (450-218), (450-226), (450-210),  (450-250), (450-262), (450-257), (450-272), (450-271)&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    int[] line1xe = {&lt;br /&gt;
      (800+2), (800+18), (800+144), (800+163), (800+182), (800+202), (800+214), (800+209), (800+241), (800+263), (800+301), (800+301), (800+510)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1ye = {&lt;br /&gt;
      (450-2), (450-34), (450-4),  (450-33),  (450-31), (450-55), (450-90),  (450-109), (450-121), (450-151), (450-143), (450-128), (450-95)&lt;br /&gt;
      };&lt;br /&gt;
      &lt;br /&gt;
    int[] line1xf = {&lt;br /&gt;
      (800+2), (800+18), (800+33), (800+6), (800+12), (800+60), (800+68), (800+29), (800+8), (800+3), (800-49)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yf = {&lt;br /&gt;
      (450-2), (450-34), (450-64),  (450-73), (450-82), (450-95),  (450-102), (450-188), (450-195), (450-250), (450-255) &lt;br /&gt;
      };&lt;br /&gt;
      &lt;br /&gt;
    int[] line1xg = {&lt;br /&gt;
      (800+2), (800+18), (800+33), (800+6), (800+12), (800+60), (800+68), (800+98), (800+110), (800+123), (800+123), (800+101)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yg = {&lt;br /&gt;
      (450-2), (450-34), (450-64),  (450-73), (450-82), (450-95),  (450-102), (450-127), (450-173), (450-230), (450-270), (450-345) &lt;br /&gt;
      };&lt;br /&gt;
      &lt;br /&gt;
     int[] line1xh = {&lt;br /&gt;
      (800+2), (800+18), (800+33), (800+6), (800+12), (800+60), (800+68), (800+98), (800+110), (800+169), (800+205), (800+189), (800+184), (800+240), (800+352)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yh = {&lt;br /&gt;
      (450-2), (450-34), (450-64),  (450-73), (450-82), (450-95),  (450-102), (450-127), (450-173), (450-176), (450-189), (450-202), (450-236), (450-253), (450-339) &lt;br /&gt;
      };&lt;br /&gt;
      &lt;br /&gt;
      int[] line1xi = {&lt;br /&gt;
      (800+2), (800+90), (800+115), (800+166), (800+120), (800+95)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yi = {&lt;br /&gt;
      (450-2), (450+20), (450+32),  (450+38), (450+220), (450+255)&lt;br /&gt;
      };&lt;br /&gt;
      &lt;br /&gt;
      int[] line1xj = {&lt;br /&gt;
      (800+2), (800+90), (800+115), (800+166), (800+171), (800+227), (800+400)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yj = {&lt;br /&gt;
      (450-2), (450+20), (450+32),  (450+38), (450+44), (450+27), (450+207)&lt;br /&gt;
      };&lt;br /&gt;
      &lt;br /&gt;
      int[] line1xk = {&lt;br /&gt;
      (800+2), (800+90), (800+115), (800+166), (800+171), (800+227), (800+250), (800+278), (800+315), (800+348), (800+350), (800+390), (800+457)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yk = {&lt;br /&gt;
      (450-2), (450+20), (450+32),  (450+38), (450+44), (450+27), (450+25), (450+27), (450+45), (450+62), (450+67), (450+60), (450+63), (450+62)&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
    float pos =0;&lt;br /&gt;
    float pos2 =0;&lt;br /&gt;
    float pos3 =0;&lt;br /&gt;
    float pos4 =0;&lt;br /&gt;
    float pos5 =0;&lt;br /&gt;
    float pos6 =0;&lt;br /&gt;
    float pos7 =0;&lt;br /&gt;
    float pos8 =0;&lt;br /&gt;
    float pos9 =0;&lt;br /&gt;
    float pos10 =0;&lt;br /&gt;
    float pos11 =0;&lt;br /&gt;
    float pos12 =0;&lt;br /&gt;
&lt;br /&gt;
    void setup() {&lt;br /&gt;
      size(1600,900);&lt;br /&gt;
      background(255);&lt;br /&gt;
      imageMode(CENTER);&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    void draw() {&lt;br /&gt;
           &lt;br /&gt;
      noStroke();&lt;br /&gt;
      background(255);&lt;br /&gt;
      //a=(width/2)+11;&lt;br /&gt;
      //b=(height/2)-45;&lt;br /&gt;
      smooth();&lt;br /&gt;
      // myImage=loadImage(&amp;quot;mapa.jpg&amp;quot;);&lt;br /&gt;
      // image(myImage,a,b,1000,600);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
      //1 Drawing the points:&lt;br /&gt;
      &lt;br /&gt;
      for(int i=0; i&amp;lt;line1xa.length; i++) {&lt;br /&gt;
        &lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xa.length -1 ) {&lt;br /&gt;
          rad=12;&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          if(overPoint1 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xa[i],line1ya[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //1 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xa[line1xa.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xa[line1xa.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1ya[line1ya.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1ya[line1ya.length-1] -50 ) {&lt;br /&gt;
        overPoint1 = true;&lt;br /&gt;
        if(pos &amp;lt; line1xa.length-1) {&lt;br /&gt;
          pos += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint1 = false;&lt;br /&gt;
        if(pos &amp;gt; 0) {&lt;br /&gt;
          pos -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //1 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line(line1xa, line1ya, pos);&lt;br /&gt;
&lt;br /&gt;
      //2 Drawing the points:&lt;br /&gt;
      noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1x.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1x.length -1 ) {&lt;br /&gt;
          rad=12;&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          if(overPoint2 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1x[i],line1y[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //2 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1x[line1x.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1x[line1x.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1y[line1y.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1y[line1y.length-1] -50 ) {&lt;br /&gt;
        overPoint2 = true;&lt;br /&gt;
        if(pos2 &amp;lt; line1x.length-1) {&lt;br /&gt;
          pos2 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint2 = false;&lt;br /&gt;
        if(pos2 &amp;gt; 0) {&lt;br /&gt;
          pos2 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //2 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      &lt;br /&gt;
      connect_line2(line1x, line1y, pos2);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
      //3 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xb.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xb.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint3 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xb[i],line1yb[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //3 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xb[line1xb.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xb[line1xb.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yb[line1yb.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yb[line1yb.length-1] -50 ) {&lt;br /&gt;
        overPoint3 = true;&lt;br /&gt;
        if(pos3 &amp;lt; line1xb.length-1) {&lt;br /&gt;
          pos3 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint3 = false;&lt;br /&gt;
        if(pos3 &amp;gt; 0) {&lt;br /&gt;
          pos3 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //3 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line3(line1xb, line1yb, pos3);&lt;br /&gt;
&lt;br /&gt;
      //4 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xc.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xc.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint4 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xc[i],line1yc[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //4 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xc[line1xc.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xc[line1xc.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yc[line1yc.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yc[line1yc.length-1] -50 ) {&lt;br /&gt;
        overPoint4 = true;&lt;br /&gt;
        if(pos4 &amp;lt; line1xc.length-1) {&lt;br /&gt;
          pos4 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint4 = false;&lt;br /&gt;
        if(pos4 &amp;gt; 0) {&lt;br /&gt;
          pos4 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //4 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line4(line1xc, line1yc, pos4);&lt;br /&gt;
&lt;br /&gt;
      //5 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xd.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xd.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint5 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xd[i],line1yd[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //5 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xd[line1xd.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xd[line1xd.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yd[line1yd.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yd[line1yd.length-1] -50 ) {&lt;br /&gt;
        overPoint5 = true;&lt;br /&gt;
        if(pos5 &amp;lt; line1xd.length-1) {&lt;br /&gt;
          pos5 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint5 = false;&lt;br /&gt;
        if(pos5 &amp;gt; 0) {&lt;br /&gt;
          pos5 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //5 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line5(line1xd, line1yd, pos5);&lt;br /&gt;
&lt;br /&gt;
      //6 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xe.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xe.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint6 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xe[i],line1ye[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //6 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xe[line1xe.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xe[line1xe.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1ye[line1ye.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1ye[line1ye.length-1] -50 ) {&lt;br /&gt;
        overPoint6 = true;&lt;br /&gt;
        if(pos6 &amp;lt; line1xe.length-1) {&lt;br /&gt;
          pos6 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint6 = false;&lt;br /&gt;
        if(pos6 &amp;gt; 0) {&lt;br /&gt;
          pos6 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //6 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line6(line1xe, line1ye, pos6);&lt;br /&gt;
      &lt;br /&gt;
       //7 Drawing the points:&lt;br /&gt;
        noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xf.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xf.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint7 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xf[i],line1yf[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //7 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xf[line1xf.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xf[line1xf.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yf[line1yf.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yf[line1yf.length-1] -50 ) {&lt;br /&gt;
        overPoint7 = true;&lt;br /&gt;
        if(pos7 &amp;lt; line1xf.length-1) {&lt;br /&gt;
          pos7 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint7 = false;&lt;br /&gt;
        if(pos7 &amp;gt; 0) {&lt;br /&gt;
          pos7 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //7 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line7(line1xf, line1yf, pos7);&lt;br /&gt;
      &lt;br /&gt;
      //8 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xg.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xg.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint8 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xg[i],line1yg[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //8 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xg[line1xg.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xg[line1xg.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yg[line1yg.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yg[line1yg.length-1] -50 ) {&lt;br /&gt;
        overPoint8 = true;&lt;br /&gt;
        if(pos8 &amp;lt; line1xg.length-1) {&lt;br /&gt;
          pos8 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint8 = false;&lt;br /&gt;
        if(pos8 &amp;gt; 0) {&lt;br /&gt;
          pos8 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //8 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line8(line1xg, line1yg, pos8);&lt;br /&gt;
      &lt;br /&gt;
      //9 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xh.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xh.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint9 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xh[i],line1yh[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //9 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xh[line1xh.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xh[line1xh.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yh[line1yh.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yh[line1yh.length-1] -50 ) {&lt;br /&gt;
        overPoint9 = true;&lt;br /&gt;
        if(pos9 &amp;lt; line1xh.length-1) {&lt;br /&gt;
          pos9 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint9 = false;&lt;br /&gt;
        if(pos9 &amp;gt; 0) {&lt;br /&gt;
          pos9 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //9 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line9(line1xh, line1yh, pos9);&lt;br /&gt;
      &lt;br /&gt;
      //10 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xi.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xi.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint10 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xi[i],line1yi[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //10 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xi[line1xi.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xi[line1xi.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yi[line1yi.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yi[line1yi.length-1] -50 ) {&lt;br /&gt;
        overPoint10 = true;&lt;br /&gt;
        if(pos10 &amp;lt; line1xi.length-1) {&lt;br /&gt;
          pos10 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint10 = false;&lt;br /&gt;
        if(pos10 &amp;gt; 0) {&lt;br /&gt;
          pos10 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //10 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line10(line1xi, line1yi, pos10);&lt;br /&gt;
      &lt;br /&gt;
       //11 Drawing the points:&lt;br /&gt;
        noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xj.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xj.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint11 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xj[i],line1yj[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //11 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xj[line1xj.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xj[line1xj.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yj[line1yj.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yj[line1yj.length-1] -50 ) {&lt;br /&gt;
        overPoint11 = true;&lt;br /&gt;
        if(pos11 &amp;lt; line1xj.length-1) {&lt;br /&gt;
          pos11 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint11 = false;&lt;br /&gt;
        if(pos11 &amp;gt; 0) {&lt;br /&gt;
          pos11 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //11 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line11(line1xj, line1yj, pos11);&lt;br /&gt;
    &lt;br /&gt;
    &lt;br /&gt;
     //12 Drawing the points:&lt;br /&gt;
      noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xk.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xk.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint12 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xk[i],line1yk[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
      //12 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xk[line1xk.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xk[line1xk.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yk[line1yk.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yk[line1yk.length-1] -50 ) {&lt;br /&gt;
        overPoint12 = true;&lt;br /&gt;
        if(pos12 &amp;lt; line1xk.length-1) {&lt;br /&gt;
          pos12 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint12 = false;&lt;br /&gt;
        if(pos12 &amp;gt; 0) {&lt;br /&gt;
          pos12 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //12 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line12(line1xk, line1yk, pos12);&lt;br /&gt;
    }&lt;br /&gt;
    void connect_line(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    void connect_line2(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    void connect_line3(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    void connect_line4(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    void connect_line5(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    void connect_line6(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
     void connect_line7(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    void connect_line8(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    void connect_line9(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    &lt;br /&gt;
     void connect_line10(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    &lt;br /&gt;
    void connect_line11(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    &lt;br /&gt;
        void connect_line12(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
////////////////////////////////////////////////////////////////////////////////&lt;/div&gt;</summary>
		<author><name>Tr3ntlane</name></author>
	</entry>
	<entry>
		<id>https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=IFD:PhysicalComp2011/Augusto_Gandia&amp;diff=40267</id>
		<title>IFD:PhysicalComp2011/Augusto Gandia</title>
		<link rel="alternate" type="text/html" href="https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=IFD:PhysicalComp2011/Augusto_Gandia&amp;diff=40267"/>
		<updated>2012-03-30T15:12:30Z</updated>

		<summary type="html">&lt;p&gt;Tr3ntlane: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;==Trip Book - digital and physical combination==&lt;br /&gt;
&lt;br /&gt;
===First ideas===&lt;br /&gt;
&lt;br /&gt;
Despite the differences from this concept of the 80&#039;, &amp;quot;teleportation&amp;quot; is real &lt;br /&gt;
nowadays. Last year I came from the other corner of the earth to Germany and after some hours the only perception which makes me understand the distance was the view through planes and trains windows. I arrived to Weimar and I could, like many other students, leave this place without seen more than the facilities of the University, the supermarkets and the down town streets. In the past, the communication between neighbor cities was through unclear paths across the outskirts. In the current way of living these are residual areas but it doesn&#039;t mean that are no interesting. I decide to take a map from Weimar and randomly visit different points of these undervalued zones and pick up an element which then reminds me that place. One leaf was the object that made that connection between my mind and the place and also a time connection due to the fact that leaves mutate when the times goes by.  &lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;&lt;br /&gt;
File:2tabla.jpg&lt;br /&gt;
&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&amp;lt;br&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===Some digital collected data===&lt;br /&gt;
&amp;lt;br&amp;gt;&lt;br /&gt;
Digital let us made things simple. By creating an small program in Processing we can access information like names of streets, distances and paths to reach every leaf. Also digital data like pictures doesn&#039;t change throw time so that phenomenon gives us the chance to compare, for example physical leaves with digital ones and see how they have changed. &lt;br /&gt;
&amp;lt;br&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;&lt;br /&gt;
File:3paths.jpg&lt;br /&gt;
&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&amp;lt;br&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===Some physical collected data===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;&lt;br /&gt;
File:4hojas.jpg&lt;br /&gt;
&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&amp;lt;br&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===Some Links===&lt;br /&gt;
*[http://keiichimatsuda.com/]&lt;br /&gt;
*[http://postpolitical.us/blog/alternatives/tools_and_technology/social-bicycles-bikeshare-everywhere/]&lt;br /&gt;
*[http://www.discomole.com/2009/06/augmented-reality-book/]&lt;br /&gt;
&lt;br /&gt;
===Code===&lt;br /&gt;
&lt;br /&gt;
////////////////////////////////////////////////////////////////////////////////&lt;br /&gt;
boolean overPoint1 = false;&lt;br /&gt;
boolean overPoint2 = false;&lt;br /&gt;
boolean overPoint3 = false;&lt;br /&gt;
boolean overPoint4 = false;&lt;br /&gt;
boolean overPoint5 = false;&lt;br /&gt;
boolean overPoint6 = false;&lt;br /&gt;
boolean overPoint7 = false;&lt;br /&gt;
boolean overPoint8 = false;&lt;br /&gt;
boolean overPoint9 = false;&lt;br /&gt;
boolean overPoint10 = false;&lt;br /&gt;
boolean overPoint11 = false;&lt;br /&gt;
boolean overPoint12 = false;&lt;br /&gt;
&lt;br /&gt;
int[] line1xa = {&lt;br /&gt;
  (800+2), (800-7), (800-40), (800-90), (800-130), (800-155), (800-185), (800-213), (800-245), (800-282), (800-285)&lt;br /&gt;
    , (800-380), (800-380), (800-490)&lt;br /&gt;
    };&lt;br /&gt;
  int[] line1ya = {&lt;br /&gt;
    (450-2), (450+17),(450+9), (450+98), (450+95), (450+68), (450+47), (450+34), (450+25), (450+25), (450+30)&lt;br /&gt;
      , (450+24), (450-2), (450+30)&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
    int[] line1x = {&lt;br /&gt;
      (800+2), (800-7), (800+46), (800+38), (800-62)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1y = {&lt;br /&gt;
      (450-2), (450+17), (450+33), (450+65), (450+140)&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
    int[] line1xb = {&lt;br /&gt;
      (800+2), (800-75), (800-105), (800-138), (800-149), (800-230), (800-390)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yb = {&lt;br /&gt;
      (450-2), (450-28),(450-128), (450-129), (450-122), (450-118), (450-86)&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
    int[] line1xc = {&lt;br /&gt;
      (800+2), (800-75), (800-105), (800-131), (800-175), (800-239), (800-259), (800-257), (800-240)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yc = {&lt;br /&gt;
      (450-2), (450-28),(450-128), (450-218), (450-226), (450-210), (450-250), (450-262), (450-290)&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
    int[] line1xd = {&lt;br /&gt;
      (800+2), (800-75), (800-105), (800-131), (800-175), (800-239), (800-259), (800-257), (800-332), (800-375), (800-424)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yd = {&lt;br /&gt;
      (450-2), (450-28),(450-128), (450-218), (450-226), (450-210),  (450-250), (450-262), (450-257), (450-272), (450-271)&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
    int[] line1xe = {&lt;br /&gt;
      (800+2), (800+18), (800+144), (800+163), (800+182), (800+202), (800+214), (800+209), (800+241), (800+263), (800+301), (800+301), (800+510)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1ye = {&lt;br /&gt;
      (450-2), (450-34), (450-4),  (450-33),  (450-31), (450-55), (450-90),  (450-109), (450-121), (450-151), (450-143), (450-128), (450-95)&lt;br /&gt;
      };&lt;br /&gt;
      &lt;br /&gt;
    int[] line1xf = {&lt;br /&gt;
      (800+2), (800+18), (800+33), (800+6), (800+12), (800+60), (800+68), (800+29), (800+8), (800+3), (800-49)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yf = {&lt;br /&gt;
      (450-2), (450-34), (450-64),  (450-73), (450-82), (450-95),  (450-102), (450-188), (450-195), (450-250), (450-255) &lt;br /&gt;
      };&lt;br /&gt;
      &lt;br /&gt;
    int[] line1xg = {&lt;br /&gt;
      (800+2), (800+18), (800+33), (800+6), (800+12), (800+60), (800+68), (800+98), (800+110), (800+123), (800+123), (800+101)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yg = {&lt;br /&gt;
      (450-2), (450-34), (450-64),  (450-73), (450-82), (450-95),  (450-102), (450-127), (450-173), (450-230), (450-270), (450-345) &lt;br /&gt;
      };&lt;br /&gt;
      &lt;br /&gt;
     int[] line1xh = {&lt;br /&gt;
      (800+2), (800+18), (800+33), (800+6), (800+12), (800+60), (800+68), (800+98), (800+110), (800+169), (800+205), (800+189), (800+184), (800+240), (800+352)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yh = {&lt;br /&gt;
      (450-2), (450-34), (450-64),  (450-73), (450-82), (450-95),  (450-102), (450-127), (450-173), (450-176), (450-189), (450-202), (450-236), (450-253), (450-339) &lt;br /&gt;
      };&lt;br /&gt;
      &lt;br /&gt;
      int[] line1xi = {&lt;br /&gt;
      (800+2), (800+90), (800+115), (800+166), (800+120), (800+95)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yi = {&lt;br /&gt;
      (450-2), (450+20), (450+32),  (450+38), (450+220), (450+255)&lt;br /&gt;
      };&lt;br /&gt;
      &lt;br /&gt;
      int[] line1xj = {&lt;br /&gt;
      (800+2), (800+90), (800+115), (800+166), (800+171), (800+227), (800+400)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yj = {&lt;br /&gt;
      (450-2), (450+20), (450+32),  (450+38), (450+44), (450+27), (450+207)&lt;br /&gt;
      };&lt;br /&gt;
      &lt;br /&gt;
      int[] line1xk = {&lt;br /&gt;
      (800+2), (800+90), (800+115), (800+166), (800+171), (800+227), (800+250), (800+278), (800+315), (800+348), (800+350), (800+390), (800+457)&lt;br /&gt;
      };&lt;br /&gt;
    int[] line1yk = {&lt;br /&gt;
      (450-2), (450+20), (450+32),  (450+38), (450+44), (450+27), (450+25), (450+27), (450+45), (450+62), (450+67), (450+60), (450+63), (450+62)&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
    float pos =0;&lt;br /&gt;
    float pos2 =0;&lt;br /&gt;
    float pos3 =0;&lt;br /&gt;
    float pos4 =0;&lt;br /&gt;
    float pos5 =0;&lt;br /&gt;
    float pos6 =0;&lt;br /&gt;
    float pos7 =0;&lt;br /&gt;
    float pos8 =0;&lt;br /&gt;
    float pos9 =0;&lt;br /&gt;
    float pos10 =0;&lt;br /&gt;
    float pos11 =0;&lt;br /&gt;
    float pos12 =0;&lt;br /&gt;
&lt;br /&gt;
    void setup() {&lt;br /&gt;
      size(1600,900);&lt;br /&gt;
      background(255);&lt;br /&gt;
      imageMode(CENTER);&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    void draw() {&lt;br /&gt;
           &lt;br /&gt;
      noStroke();&lt;br /&gt;
      background(255);&lt;br /&gt;
      //a=(width/2)+11;&lt;br /&gt;
      //b=(height/2)-45;&lt;br /&gt;
      smooth();&lt;br /&gt;
      // myImage=loadImage(&amp;quot;mapa.jpg&amp;quot;);&lt;br /&gt;
      // image(myImage,a,b,1000,600);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
      //1 Drawing the points:&lt;br /&gt;
      &lt;br /&gt;
      for(int i=0; i&amp;lt;line1xa.length; i++) {&lt;br /&gt;
        &lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xa.length -1 ) {&lt;br /&gt;
          rad=12;&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          if(overPoint1 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xa[i],line1ya[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //1 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xa[line1xa.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xa[line1xa.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1ya[line1ya.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1ya[line1ya.length-1] -50 ) {&lt;br /&gt;
        overPoint1 = true;&lt;br /&gt;
        if(pos &amp;lt; line1xa.length-1) {&lt;br /&gt;
          pos += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint1 = false;&lt;br /&gt;
        if(pos &amp;gt; 0) {&lt;br /&gt;
          pos -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //1 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line(line1xa, line1ya, pos);&lt;br /&gt;
&lt;br /&gt;
      //2 Drawing the points:&lt;br /&gt;
      noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1x.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1x.length -1 ) {&lt;br /&gt;
          rad=12;&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          if(overPoint2 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1x[i],line1y[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //2 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1x[line1x.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1x[line1x.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1y[line1y.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1y[line1y.length-1] -50 ) {&lt;br /&gt;
        overPoint2 = true;&lt;br /&gt;
        if(pos2 &amp;lt; line1x.length-1) {&lt;br /&gt;
          pos2 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint2 = false;&lt;br /&gt;
        if(pos2 &amp;gt; 0) {&lt;br /&gt;
          pos2 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //2 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      &lt;br /&gt;
      connect_line2(line1x, line1y, pos2);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
      //3 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xb.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xb.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint3 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xb[i],line1yb[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //3 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xb[line1xb.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xb[line1xb.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yb[line1yb.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yb[line1yb.length-1] -50 ) {&lt;br /&gt;
        overPoint3 = true;&lt;br /&gt;
        if(pos3 &amp;lt; line1xb.length-1) {&lt;br /&gt;
          pos3 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint3 = false;&lt;br /&gt;
        if(pos3 &amp;gt; 0) {&lt;br /&gt;
          pos3 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //3 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line3(line1xb, line1yb, pos3);&lt;br /&gt;
&lt;br /&gt;
      //4 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xc.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xc.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint4 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xc[i],line1yc[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //4 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xc[line1xc.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xc[line1xc.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yc[line1yc.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yc[line1yc.length-1] -50 ) {&lt;br /&gt;
        overPoint4 = true;&lt;br /&gt;
        if(pos4 &amp;lt; line1xc.length-1) {&lt;br /&gt;
          pos4 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint4 = false;&lt;br /&gt;
        if(pos4 &amp;gt; 0) {&lt;br /&gt;
          pos4 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //4 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line4(line1xc, line1yc, pos4);&lt;br /&gt;
&lt;br /&gt;
      //5 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xd.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xd.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint5 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xd[i],line1yd[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //5 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xd[line1xd.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xd[line1xd.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yd[line1yd.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yd[line1yd.length-1] -50 ) {&lt;br /&gt;
        overPoint5 = true;&lt;br /&gt;
        if(pos5 &amp;lt; line1xd.length-1) {&lt;br /&gt;
          pos5 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint5 = false;&lt;br /&gt;
        if(pos5 &amp;gt; 0) {&lt;br /&gt;
          pos5 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //5 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line5(line1xd, line1yd, pos5);&lt;br /&gt;
&lt;br /&gt;
      //6 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xe.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xe.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint6 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xe[i],line1ye[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //6 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xe[line1xe.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xe[line1xe.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1ye[line1ye.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1ye[line1ye.length-1] -50 ) {&lt;br /&gt;
        overPoint6 = true;&lt;br /&gt;
        if(pos6 &amp;lt; line1xe.length-1) {&lt;br /&gt;
          pos6 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint6 = false;&lt;br /&gt;
        if(pos6 &amp;gt; 0) {&lt;br /&gt;
          pos6 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //6 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line6(line1xe, line1ye, pos6);&lt;br /&gt;
      &lt;br /&gt;
       //7 Drawing the points:&lt;br /&gt;
        noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xf.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xf.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint7 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xf[i],line1yf[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //7 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xf[line1xf.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xf[line1xf.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yf[line1yf.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yf[line1yf.length-1] -50 ) {&lt;br /&gt;
        overPoint7 = true;&lt;br /&gt;
        if(pos7 &amp;lt; line1xf.length-1) {&lt;br /&gt;
          pos7 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint7 = false;&lt;br /&gt;
        if(pos7 &amp;gt; 0) {&lt;br /&gt;
          pos7 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //7 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line7(line1xf, line1yf, pos7);&lt;br /&gt;
      &lt;br /&gt;
      //8 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xg.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xg.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint8 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xg[i],line1yg[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //8 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xg[line1xg.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xg[line1xg.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yg[line1yg.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yg[line1yg.length-1] -50 ) {&lt;br /&gt;
        overPoint8 = true;&lt;br /&gt;
        if(pos8 &amp;lt; line1xg.length-1) {&lt;br /&gt;
          pos8 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint8 = false;&lt;br /&gt;
        if(pos8 &amp;gt; 0) {&lt;br /&gt;
          pos8 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //8 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line8(line1xg, line1yg, pos8);&lt;br /&gt;
      &lt;br /&gt;
      //9 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xh.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xh.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint9 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xh[i],line1yh[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //9 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xh[line1xh.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xh[line1xh.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yh[line1yh.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yh[line1yh.length-1] -50 ) {&lt;br /&gt;
        overPoint9 = true;&lt;br /&gt;
        if(pos9 &amp;lt; line1xh.length-1) {&lt;br /&gt;
          pos9 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint9 = false;&lt;br /&gt;
        if(pos9 &amp;gt; 0) {&lt;br /&gt;
          pos9 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //9 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line9(line1xh, line1yh, pos9);&lt;br /&gt;
      &lt;br /&gt;
      //10 Drawing the points:&lt;br /&gt;
       noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xi.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xi.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint10 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xi[i],line1yi[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //10 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xi[line1xi.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xi[line1xi.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yi[line1yi.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yi[line1yi.length-1] -50 ) {&lt;br /&gt;
        overPoint10 = true;&lt;br /&gt;
        if(pos10 &amp;lt; line1xi.length-1) {&lt;br /&gt;
          pos10 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint10 = false;&lt;br /&gt;
        if(pos10 &amp;gt; 0) {&lt;br /&gt;
          pos10 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //10 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line10(line1xi, line1yi, pos10);&lt;br /&gt;
      &lt;br /&gt;
       //11 Drawing the points:&lt;br /&gt;
        noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xj.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xj.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint11 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xj[i],line1yj[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      //11 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xj[line1xj.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xj[line1xj.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yj[line1yj.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yj[line1yj.length-1] -50 ) {&lt;br /&gt;
        overPoint11 = true;&lt;br /&gt;
        if(pos11 &amp;lt; line1xj.length-1) {&lt;br /&gt;
          pos11 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint11 = false;&lt;br /&gt;
        if(pos11 &amp;gt; 0) {&lt;br /&gt;
          pos11 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //11 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line11(line1xj, line1yj, pos11);&lt;br /&gt;
    &lt;br /&gt;
    &lt;br /&gt;
     //12 Drawing the points:&lt;br /&gt;
      noStroke();&lt;br /&gt;
      for(int i=0; i&amp;lt;line1xk.length; i++) {&lt;br /&gt;
        int rad = 7;&lt;br /&gt;
        if(i==line1xk.length -1 ) {&lt;br /&gt;
          fill(222,255,126);&lt;br /&gt;
          rad=12;&lt;br /&gt;
          if(overPoint12 == true) {&lt;br /&gt;
            rad = 40;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
        else {&lt;br /&gt;
          fill(0);&lt;br /&gt;
        }&lt;br /&gt;
        ellipse(line1xk[i],line1yk[i], rad,rad);&lt;br /&gt;
      }&lt;br /&gt;
      //12 check if mouse is over the last (red) point:&lt;br /&gt;
      if( mouseX&amp;lt;line1xk[line1xk.length-1]+50 &amp;amp;&amp;amp; mouseX&amp;gt;line1xk[line1xk.length-1]-50 &amp;amp;&amp;amp; mouseY&amp;lt;line1yk[line1yk.length-1]+50 &amp;amp;&amp;amp; mouseY&amp;gt;line1yk[line1yk.length-1] -50 ) {&lt;br /&gt;
        overPoint12 = true;&lt;br /&gt;
        if(pos12 &amp;lt; line1xk.length-1) {&lt;br /&gt;
          pos12 += 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      else {&lt;br /&gt;
        overPoint12 = false;&lt;br /&gt;
        if(pos12 &amp;gt; 0) {&lt;br /&gt;
          pos12 -= 0.1;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      //12 connect the points:&lt;br /&gt;
      stroke(0);&lt;br /&gt;
      connect_line12(line1xk, line1yk, pos12);&lt;br /&gt;
    }&lt;br /&gt;
    void connect_line(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    void connect_line2(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    void connect_line3(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    void connect_line4(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    void connect_line5(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    void connect_line6(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
     void connect_line7(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    void connect_line8(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    void connect_line9(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    &lt;br /&gt;
     void connect_line10(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    &lt;br /&gt;
    void connect_line11(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    &lt;br /&gt;
        void connect_line12(int[] xArray, int[] yArray, float position) {&lt;br /&gt;
&lt;br /&gt;
      int num_points = xArray.length;&lt;br /&gt;
      int full_pos = int(position);&lt;br /&gt;
      float rest_pos = position - full_pos;&lt;br /&gt;
&lt;br /&gt;
      for (int i=0; i &amp;lt; full_pos; i++) {&lt;br /&gt;
        if(i &amp;lt; num_points) {&lt;br /&gt;
          line(xArray[i], yArray[i], xArray[i+1], yArray[i+1]);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      if (full_pos &amp;lt; num_points-1) {&lt;br /&gt;
        float betweenX = lerp(xArray[full_pos], xArray[full_pos+1], rest_pos);&lt;br /&gt;
        float betweenY = lerp(yArray[full_pos], yArray[full_pos+1], rest_pos);&lt;br /&gt;
        line(xArray[full_pos], yArray[full_pos], betweenX, betweenY);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
////////////////////////////////////////////////////////////////////////////////&lt;/div&gt;</summary>
		<author><name>Tr3ntlane</name></author>
	</entry>
	<entry>
		<id>https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=IFD:PhysicalComp2011/Augusto_Gandia&amp;diff=40266</id>
		<title>IFD:PhysicalComp2011/Augusto Gandia</title>
		<link rel="alternate" type="text/html" href="https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=IFD:PhysicalComp2011/Augusto_Gandia&amp;diff=40266"/>
		<updated>2012-03-30T15:07:31Z</updated>

		<summary type="html">&lt;p&gt;Tr3ntlane: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;==Trip Book - digital and physical combination==&lt;br /&gt;
&lt;br /&gt;
===First ideas===&lt;br /&gt;
&lt;br /&gt;
Despite the differences from this concept of the 80&#039;, &amp;quot;teleportation&amp;quot; is real &lt;br /&gt;
nowadays. Last year I came from the other corner of the earth to Germany and after some hours the only perception which makes me understand the distance was the view through planes and trains windows. I arrived to Weimar and I could, like many other students, leave this place without seen more than the facilities of the University, the supermarkets and the down town streets. In the past, the communication between neighbor cities was through unclear paths across the outskirts. In the current way of living these are residual areas but it doesn&#039;t mean that are no interesting. I decide to take a map from Weimar and randomly visit different points of these undervalued zones and pick up an element which then reminds me that place. One leaf was the object that made that connection between my mind and the place and also a time connection due to the fact that leaves mutate when the times goes by.  &lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;&lt;br /&gt;
File:2tabla.jpg&lt;br /&gt;
&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&amp;lt;br&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===Some digital collected data===&lt;br /&gt;
&amp;lt;br&amp;gt;&lt;br /&gt;
Digital let us made things simple. By creating an small program in Processing we can access information like names of streets, distances and paths to reach every leaf. Also digital data like pictures doesn&#039;t change throw time so that phenomenon gives us the chance to compare, for example physical leaves with digital ones and see how they have changed. &lt;br /&gt;
&amp;lt;br&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;&lt;br /&gt;
File:3paths.jpg&lt;br /&gt;
&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&amp;lt;br&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===Some physical collected data===&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery&amp;gt;&lt;br /&gt;
File:4hojas.jpg&lt;br /&gt;
&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&amp;lt;br&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===Some Links===&lt;br /&gt;
====technologies====&lt;br /&gt;
*[http://keiichimatsuda.com/]&lt;br /&gt;
*[http://postpolitical.us/blog/alternatives/tools_and_technology/social-bicycles-bikeshare-everywhere/]&lt;br /&gt;
*[http://www.discomole.com/2009/06/augmented-reality-book/]&lt;/div&gt;</summary>
		<author><name>Tr3ntlane</name></author>
	</entry>
</feed>