Running: Difference between revisions

From Medien Wiki
 
(11 intermediate revisions by the same user not shown)
Line 1: Line 1:
I want to play around with my tracking data (GPS and GPX) coming from my running app <i>Runmeter</i> (fig. 1). My initial idea is to visualize the tracks I run in the park nearby. By layering my tracks I try to create neat shapes and patterns with the help of processing… I'm still in the trying.
With processing, I'd like to play around with my tracking data (GPS and GPX) coming from my running app <i>Runmeter</i>. My initial idea is to visualize the tracks I run. By layering my tracks on top of each another, I try to create patterns and shapes that work in a certain algorithm.  
<br clear="all">
<br clear="all">


== #1 Approach  ==
== #1 Approach  ==


<gallery widths="200px" heights="300px" perrow="4">
<gallery widths=226px" heights="340px" perrow="3">
File:Evathin_runmeter.png| My running app: Runmeter
File:Evathin_runmeter.png| My running app: Runmeter
File:Eavthin_stats.PNG| My running tracks
File:Eavthin_stats.PNG| My running tracks
File:Evathin_tracks.PNG| My track in the app
File:Evathin_tracks.PNG| My track in the app
File:Evathin_diagramme.PNG| The output visualized
 
</gallery>
</gallery>


Line 15: Line 15:


When playing the sketch in processing, I’d like to see the tracks I’ve ran with the follwing effects:
When playing the sketch in processing, I’d like to see the tracks I’ve ran with the follwing effects:
# My tracks pop up after pushing <i>enter</i>.Then they starts running.
# My tracks pop up after pushing <i>enter</i>.Then they start running.
# The tracks are coloured.
# The tracks are coloured.
# The speed of my tracks automatically add an intense colour to the stroke of the GPX trace according to the speed I ran. Viceversa: The route faints when the speed slows down.
# The speed of my tracks automatically add an intense colour to the stroke of the GPX trace according to the speed I ran. Viceversa: The route faints when the speed slows down.
# Another track I ran will be added after pushing <i>enter</i> another time.
# Another track I ran will be added after pushing <i>enter</i> another time.
<gallery widths=226px" heights="340px"  perrow="2">
File:Evathin_gpx_running.png| This is where I got lost…
File:Evathin_gpx_code.png|the code
</gallery>
I used Processing 2.2.1.
<br clear="all">
<br clear="all">
== #3 Approach ==
<div style="float:left;border-left: solid 7px #ffffff;">[[File:Evathin_gestalt-code.png|340px]]</div>
After the two approaches, I focused on a more graphic code.
When moving the mouse the ellipse's speed changes.

Latest revision as of 16:50, 14 October 2014

With processing, I'd like to play around with my tracking data (GPS and GPX) coming from my running app Runmeter. My initial idea is to visualize the tracks I run. By layering my tracks on top of each another, I try to create patterns and shapes that work in a certain algorithm.

#1 Approach

#2 Approach

Error creating thumbnail: convert convert: Unrecognized option (-layers). Error code: 1

When playing the sketch in processing, I’d like to see the tracks I’ve ran with the follwing effects:

  1. My tracks pop up after pushing enter.Then they start running.
  2. The tracks are coloured.
  3. The speed of my tracks automatically add an intense colour to the stroke of the GPX trace according to the speed I ran. Viceversa: The route faints when the speed slows down.
  4. Another track I ran will be added after pushing enter another time.

I used Processing 2.2.1.

#3 Approach

Evathin gestalt-code.png

After the two approaches, I focused on a more graphic code. When moving the mouse the ellipse's speed changes.