Trainingsgegevens yn 3D

Ik ferken manieren om trainingsgegevens sichtber te meitsjen, mei webtechnologyen foar kompatibiliteit oer apparaten hinne, foar Gran Fondo, myn hurdrin- en fytsapp. ThreeJS, in 3D-renderark foar browsers, wurket naadleas op grutte en lytse skermen. Ik brûk it TCX-trainingsformaat, om't dat geskikt is om te ûntleden mei standert browser- en webtechnology. Foar dit projekt haw ik in opnommen sesje fan myn rin fan 9 maart brûkt: myn standert rûntsje fan 1,8KM om it doarp, 6 kear itselde werhelle (yn totaal 11KM). Ik fyn dizze rûte moai; der is in bytsje ferkear en ôflieding, sadat ik my op it rinnen konsintrearje kin. De TCX-gegevens haw ik ophelle mei de app RunnerUp; dy docht wat er dwaan moat, mar sjocht der in bytsje âlderwetsk út en mist ynteraktive analyze en ferkenning fan trainingsgegevens.

As proof of concept om 3D-presintaasje te ferkennen haw ik in prototype boud dat it TCX-bestân mei de trainingsgegevens laadt. De browser ûntleedt dizze gegevens en makket twa fisualisaasjes: in 3D-render mei ThreeJS en in 2D-linegrafyk dy't it tempo toant. Kleur stiet foar tempo: grienere linen betsjutte in flugger tempo. De 3D-fisualisaasje draait as in vinylplaat en lit myn seis rûntsjes om it doarp sjen, mei in foarm dy't oerienkomt mei de kaart. Om beide grafiken te keppeljen haw ik in wite sirkel tafoege dy't yn beide itselde momint markearret, wat de ferbining tusken de twa werjeften dúdlik makket.

De fisualisaasje is 100% boud mei webtechnologyen, mei ThreeJS om it 3D-rinpaad te renderjen. In twadde HTML5-canvas leit dêr in 2D-tempografyk oerhinne, wylst ien sintrale animaasjeloop beide sênes ferbynt mei in rinnende stip, dy't de rûte en de grafyk syngronisearret. Dit is diel fan in "lûd neitinke"-eksperimintele faze, dêr't ik ynnovative manieren ferken om fitnessgegevens sichtber te meitsjen. It is in demo foar myn oankommende Gran Fondo-app, mei as doel ynteraktyf fitnesstracken te ferbetterjen mei rike, oansprekkende fisualisaasjes.

Besjoch de fisualisaasje op dyn eigen kompjûter troch dizze side te iepenjen: demo tiid Hâld der rekken mei dat dit gjin ôfmakke demo is, it is "farsk fan de wurkbank" en wurket benammen goed yn lizzende finsterstân. Takomstige ferzjes krije folle mear ôfwurking, sadat alle eleminten passe yn in responsyf ûntwerp.

De Gran Fondo-app krijt hertslach, kadens en fermogen foar djipper ynsjoch. Mei ynteraktiviteit kin de 3D-grafyk mei oanrekking draaid en yn detail ynzoome wurde. Myn doel is om trainingsanalyze mear ymmersyf, yntuïtyf en oansprekkend te meitsjen foar atleten dy't in folslein byld fan har prestaasje wolle.

Konklúzje

Eksperimintearje is in krúsjaal diel fan softwareûntwerp: it lit dy ideeën testen, konsepten ferfine en feedback fan oaren sammelje. Dizze 3D-trainingsfisualisaasje is dêr in foarbyld fan. Der is noch folle mear te ferkennen. Folgje dizze blog foar fernijingen, want ik wurkje fierder oan Gran Fondo!