=== 3d touch v2 === the reason i chose a doodle app for the first demo was because i was having latency issues polling the changes in force pressure... webkit normally only updates the "touchmove" event when the touch is actually moving (i.e. dragging). the doodle app forces you to move your finger, so problem solved initially. in order to recreate the app icon pop action, i needed to figure out a way around that so you get realtime force updates without having to move your finger. edit: heres the code (http://share.framerjs.com/7kzv1zm66l4k/) i think i commented it pretty thoroughly but lmk if you have ?s

George Kedenburg III

Posted Jun 18 - Read on Facebook

=== 3d touch v2 ===

the reason i chose a doodle app for the first demo was because i was having latency issues polling the changes in force pressure... webkit normally only updates the "touchmove" event when the touch is actually moving (i.e. dragging). the doodle app forces you to move your finger, so problem solved initially.

in order to recreate the app icon pop action, i needed to figure out a way around that so you get realtime force updates without having to move your finger.

edit: heres the code (http://share.framerjs.com/7kzv1zm66l4k/) i think i commented it pretty thoroughly but lmk if you have ?s

10 Comments

George Kedenburg III

watch the video in HD for best results

George Kedenburg III

also some notes: like the other example this doesnt work when you add a prototype to your homescreen, but unfortunately it also doesnt perform well in Frameless either. so for right now, this kind of effect is only achievable running inside safari