Hello TW community,
I want to introduce the pan widget:
<$pan $targets $startactions $endactions>targets</$pan>
A widget that consists of 2 Tiddlers: the widget itself and the hammer.js library (~75kb)It's one of the spin-offs from the TiddlyTouch plugin I'm working on
What it does:It recognizes when you pan on a html elementIt stores all values from the pan event in a state tiddler which by default is $:/state/pan but can be defined by $statetiddler="anothertiddler" (starting coordinates, velocity, if mouse or touch, end coordinates, the element's width/height/top/left/bottom/right coordinates after/before and many more...)It lets you specify (by css class) which elements to use. It can do it with more than one within its scope, tooIt triggers actions at pan-start and pan-end if you provide action-strings with $startactions and $endactionsIt's on/off switchable with $state="on" / $state="off"
you can find it on top of http://muritest.tiddlyspot.com
What I have in mind is building sliders, x/y pads... but many more things could be done and triggered with it
cheers,Simon
--
You received this message because you are subscribed to the Google Groups "TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email to tiddlywiki+...@googlegroups.com.
To post to this group, send email to tiddl...@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/cdfd8ebd-268d-4a77-9e7a-892bc5a57f2f%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
--
You received this message because you are subscribed to the Google Groups "TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email to tiddlywiki+...@googlegroups.com.
To post to this group, send email to tiddl...@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/1f87c970-9307-4084-9101-cc504b2a0aee%40googlegroups.com.
two or three or four finger swipes/taps/pans also work if you provide $pointers="2"/$pointers="3" ...
so this does different things on the "testclass" element if you swipe with one or two fingers:
<$swipe $targets="testclass" $state="on" $direction="left" $pointers="1" $actions="""someactions"""><$swipe $targets="testclass" $state="on" $direction="left" $pointers="2" $actions="""someotheractions""">
<div class="testclass">swipe with one finger or mousepointer to do someactionsswipe with two fingers (won't be possible with mouse) to do someotheractions</div>
</$swipe></$swipe>
--
You received this message because you are subscribed to the Google Groups "TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email to tiddlywiki+...@googlegroups.com.
To post to this group, send email to tiddl...@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/ee7616b1-2d2d-4c45-aa6b-5c9b88f43d0a%40googlegroups.com.
Hello TW community,
I want to introduce the pan widget:
<$pan $targets $startactions $endactions>targets</$pan>
A widget that consists of 2 Tiddlers: the widget itself and the hammer.js library (~75kb)It's one of the spin-offs from the TiddlyTouch plugin I'm working on
What it does:It recognizes when you pan on a html elementIt stores all values from the pan event in a state tiddler which by default is $:/state/pan but can be defined by $statetiddler="anothertiddler" (starting coordinates, velocity, if mouse or touch, end coordinates, the element's width/height/top/left/bottom/right coordinates after/before and many more...)It lets you specify (by css class) which elements to use. It can do it with more than one within its scope, tooIt triggers actions at pan-start and pan-end if you provide action-strings with $startactions and $endactionsIt's on/off switchable with $state="on" / $state="off"
you can find it on top of http://muritest.tiddlyspot.com
What I have in mind is building sliders, x/y pads... but many more things could be done and triggered with it
cheers,Simon
--
You received this message because you are subscribed to the Google Groups "TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email to tiddlywiki+...@googlegroups.com.
To post to this group, send email to tiddl...@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/cdfd8ebd-268d-4a77-9e7a-892bc5a57f2f%40googlegroups.com.
the pan widget currently is a bit heavy.
I'm about to change it to selectively calculate and save only the values the user chooses
--
You received this message because you are subscribed to the Google Groups "TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email to tiddlywiki+...@googlegroups.com.
To post to this group, send email to tiddl...@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/46276e89-c356-4c6b-83dc-11e0a096c99a%40googlegroups.com.
Great!
I guessed that seeing the big heap of data it gathers.