Symmetry, virtuelle Tillerwand

[vEngel]

Hallo zusammen,

wenn es beim Tillern schwieriger wird finde ich es manchmal hilfreich ein Foto zu machen und das dann anzuschauen oder gar mit Inkscape Kreise drüberzulegen. Allerdings ist das immer sehr umständlich und unterbricht das Arbeiten doch sehr.

Aber in fast jedem Smartphone und Tablet gibts Kameras, so das es auch bequemer gehen sollte. Zuerst wollte ich eine App dafür schreiben, aber das ist ja doch etwas umständlicher und läuft dann auch nur auf einer Plattform. Ich wollte schon immer mal Javascript ausprobieren, deshalb hab ich jetzt ein Webanwendung geschrieben. Ist echt erstaunlich was da alles möglich ist. Die erste Version findet ihr unter https://deangelo.github.io/symmetry. Folgende Features sind implementiert:

- Kurve auf Live-Videobild
- Kreisbogentiller für Bögen mit steifem Griff, Elliptischer Tiller für Bögen mit biegendem Griff
- Halbtransparenter Spiegelmodus, zur Live-Überlagerung des rechten und linken Wurfarms.
- Automatische Nachführung der Tillerkurve beim Auszug an der Tillerwand

Ich kenne mich mit HTML und CSS und mobilen Platformen nicht so gut aus, deshalb gibts noch keinen richtig schön optimierten Vollbildmodus, Ideen zur Verbesserung und Patches werden aber gerne angenommen

Hab es bisher nur mit Firefox getestet, damit läufts aber unter dem Laptop (Linux) und auf meinen Android-Tablet und Android-Telefon. Prinzipiell sollte es mit allen Browsern gehen die WebRTC unterstützen.

[schnabelkanne]

Servus, ja ich mache öfters ein Foto und versuch dann im Fotoshop eine Ellipse darüberzulegen, ist halt etwas mühsam mit der Kamera dann immer zu Computer zu laufen und Bild zu importieren usw. danke fürs teilen, beim nächsten Tillern werde ich es mal ausprobieren.
lg Thomas

[Grombard]

Na du musst ja Zeit haben....
Wenn ich das bei mir aufm Tablet öffne versucht das meine Stirn zu tillern.
Wie kann man denn auswählen welche Kamera verwendet werden soll?

[vEngel]

Hallo Grombard,
bin am Computer wohl schneller wie beim Bogenbau Der Firefox fragt beim Aufruf der Webseite ob die Kamera auf der Rückseite oder der Vorderseite verwendet werden soll. Oder hat dein Tablet nur eine Kamera? Ich dachte auch die Kamera auf der Rückseite eines Tablets ist nicht sinnvoll, aber jetzt bin ich froh das meines zwei hat.

Sollte aber auch auf nem Handy gehen.

[JuergenM]

Schöne Idee!!
Auf meinem Handy funktioniert es, aber da ist alles sooo klein.
Auf meinem Tablet funktioniert es allerdings nicht. Mit Firefox wird zwar die Kamera abgefragt, aber das Bild baut sich nicht auf, es sind immer nur pixelig Streifen zu sehen. Hast du eine Idee, woran es liegen könnte?
LG Jürgen

[Grombard]

Crome fragt nicht und nimmt dann die "Selfiecam".
Was irgendwie Käse ist.

[vEngel]

@Grombard: Ich habs auch gerade mal mit Chrome unter Android probiert, da gibts in der Tat keine Auswahlmöglichkeit. Das muss ich scheinbar in die Webseite einbauen (grummel).

@Jürgen: An einer richtigen "Fullscreen" Variante muss ich noch arbeiten. Aber Bild im Handy wird wohl auch dann noch zu klein sein... Geht die Kamera deines Tablets denn mit anderen WebRTC Seiten, z.B. https://mozilla.github.io/webrtc-landing/gum_test.html

[JuergenM]

Ja, der Test funktioniert mit dem Tablet.

[vEngel]

Ok, kannst du mal das hier ausprobieren: https://inspirit.github.io/jsfeat/sample_oflow_lk.html
Welches Tablet und welchen Browser benutzt du denn?

[JuergenM]

Ich habe ein Iconia Tab mit Firefox.
Mit dem neuen Programm habe ich ein Bild, aber keine Einblendungen, Linien usw..

[vEngel]

Bei dem Testprogramm kannst du irgendwelche stellen im Bild anklicken, die werden dann verfolgt. Seltsam, ich habe meins auf diesem Beispiel aufgebaut, die Kamerainitialisierung ist fast identisch.

[walta]

Safari am ipad unterstützt webcrt leider nicht,

walta

[Grünhorn]

Ergänzen um automatische Wurfarmerkennung, Interpolation und numerische Ableitung(en) zur Bestimmung des Krümmungsradius in allen Punkten würde ich noch vorschlagen. Ansonsten coole Sache!

[vEngel]

@walta: Hmm, stimmt. Apple scheint aber an einer Unterstützung von WebRTC zu arbeiten: https://www.ifun.de/webrtc-apple-bereitet-den-safari-browser-vor-103363/.

@Grünhorn: Am liebsten hätte ich die Messung der lokalen Krümmungsänderung von abgespanntem zum ausgezogenem Zustand implementiert. Wäre für wellige Bögen ideal. Allerdings ist das zuverlässige und genaue Erkennen der Wurfarme alles andere als einfach. Meine ersten Versuche waren nicht erfolgreich. Mit perfektem Setup weißem Hintergrund und guter homogener, schattenfreier Beleuchtung sollte es möglich sein. So ein sauberes Tillersetup habe ich hier im Forum aber noch nicht gesehen
Falls jemand ne Idee wie das geht gerne her damit. Evtl. gehts mit einem grünen Hintergrund besser, aber das habe ich noch nicht probiert.

Deshalb habe ich erstmal die einfachen Sachen implementiert. Ich glaube aber nach einigen Bögen braucht man so ein tool seltener.

Eine automatischer Schnappschuss im Vollauszug wäre evtl. auch noch interessant und sollte recht einfach zu implementieren sein, da ich ja eh schon den Kreisbogenradius messe.

Besten Gruß,
Pablo

[walta]

na dann werd ichs ausprobieren sobald es bei mir funktioniert.

walta