Running: Difference between revisions

From Medien Wiki
No edit summary
 
(12 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 14: Line 14:
<div style="float:left;border-left: solid 7px #ffffff;">[[File:Evathin_runroute.gif|240px]]</div>
<div style="float:left;border-left: solid 7px #ffffff;">[[File:Evathin_runroute.gif|240px]]</div>


When playing the sketch, I’d like to see the tracks I’ve running with the follwing effects:<br>
When playing the sketch in processing, I’d like to see the tracks I’ve ran with the follwing effects:
1) When pushing <i>enter</i> I’d like to let my track start running after it popped up.<br>
# My tracks pop up after pushing <i>enter</i>.Then they start running.
The track I ran should be in a specific colour.<br>
# The tracks are coloured.
2) One effect I would like to achive is to manipulate the speed of my route.<br>
# 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.
I would like the sketch to automatically add an intense colour to the stroke of the GPX trace according to the speed I ran. Also, viceversa: The route faints when the speed slows down.<br>
# Another track I ran will be added after pushing <i>enter</i> another time.
3) Another route I ran should be added, when pushing enter another time. It should alter its appearance the same way as the other routes that are on the canvas.
 
<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.