near/heyarne.all-my-friends.app
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

New intro text, switch sketch and 3d model vis

Browse source
This commit is contained in:
heyarne 2020-05-08 10:44:22 +02:00
commit a80842101c
3 changed files with 22 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

15
src/heyarne/all_my_friends/views.cljs
View file

@ -26,11 +26,11 @@
[:section#welcome-message
{:class (str (when hidden? "hidden"))}
[:h1 "Hi Freund!"]
[:p "Ich möchte dir kurz erklären, was dich hier erwartet:
Seit der globalen Covid19-Pandemie sind wir alle dazu gezwungen, auf physischen Kontakt weitgehend zu verzichten. Ein Großteil der Zeit, die ich mit euch verbringe, hat sich ins Digitale verlagert."]
[:p "Das fühlt sich sicher bald komplett normal an -- vorher möchte ich aber gerne irgendwas mit dem komischen Gefühl machen, das das hinterlässt."]
[:p "Ich würde mich freuen, wenn du mir dabei hilfst. Folge dazu einfach den Anweisungen. Das Ergebnis wird hoffentlich eine schöne Sammlung von Webcambildern und 3D-Modellen eurer Köpfe."]
[:button {:on-click #(dispatch [:welcome/continue])} "Cool cool, weiter bitte"]])
[:p "Ich habe eine kleine App gebaut, um mit einem komischen Gefühl umzugehen, dass sich in letzter Zeit bei mir eingestellt hat:
Seit der globalen Covid19-Pandemie sind wir alle dazu gezwungen, auf physischen Kontakt weitgehend zu verzichten. Ein Großteil der Zeit, die ich mit Freunden hat sich ins Digitale verlagert."]
[:p "Das fühlt sich sicher bald komplett normal an -- vorher möchte ich aber gerne irgendwas mit dem Gefühl machen, das das hinterlässt. Wer ein Audiosample mit einem Frequenzbereich von bis zu 22 kHz aufnehmen möchte, muss auf 44 kHz samplen, und wer ein Foto mit einer Webcam macht bekommt... was jetzt genau?"]
[:p "Du machst mit der App ein Selfie. Darauf wird etwas algorithmisches Voodoo gegossen und heraus kommt ein 3D-Modell, dass du mir schicken kannst."]
[:button {:on-click #(dispatch [:welcome/continue])} "Klingt cool, weiter bitte"]])
(defn video-snapshot [video-elem]
(let [canvas (js/document.createElement "canvas")
@ -47,7 +47,8 @@ Seit der globalen Covid19-Pandemie sind wir alle dazu gezwungen, auf physischen
(set! (.-predictions js/window) predictions)
(set! (.-width canvas) (.-width video))
(set! (.-height canvas) (.-height video))
(vis/draw-sketch ctx predictions)
(.putImageData ctx video 0 0)
(vis/draw-wireframe ctx predictions)
[:img {:src (.toDataURL canvas)}]))
(defn snapshot [{:keys [current-snapshot]}]
@ -82,7 +83,7 @@ Seit der globalen Covid19-Pandemie sind wir alle dazu gezwungen, auf physischen
[snapshot {:current-snapshot current-snapshot}])
(case status
:permission-rejected [:div "Sad :("]
:running [running {:on-faces-detected vis/draw-wireframe
:running [running {:on-faces-detected vis/draw-sketch
:halt? (some? current-snapshot)}]
;; default