SnapEngineJS | Interactivity engine for the web

Input Handling

Common API for multiple types of input devices. Includes support for touch gestures.

pointerMove(x:null y:null)

dragStart(x:null y:null)

drag(x:null y:null)

pinch(d:null)

..``, .`,=# ` ,, ` `#,, ..,.. ,`-. .#..- ,`##==##,, .=####,`.`- ` `=###=..`.`,=`, ,.=####=. , `== #..,`.,.` .`,,`.#=.,. .,,=#.`,`=,.-.`.####`,`- #,```` .,..#````,--- . `=#,`,,-,.-., #,.`,#` `,`.==,```.`== . . =. .. `,=# `. .. ,=#``,-,` .. , =,` .#..` . ` `,` `#..-. . ``,..,. ` ` .,.=#. , ``, ,`# ``,..`,=`. `-..# -.# `-. ` .`.-`.#.` `.`, `.=.,`.`. = .,, ,.=#= ,,, ` ..`#= .,,,,`####=`..`,#,-`= -```.`.-.`# ...=#, .# `#,= #, `: - ..,, , ``.. `.,,`.`=#, ` ...######.`.``#,-,# .-`.``., ,=` . #` ,,, =` ,, .,.`#:# ##. . . .---- .`..`- .```#. .. ,.#####= .- ,,` #` ` . , -,`= ,,#., .` - #..,` = ,`:::: ., .,..##=,`. `` `,,. - , #= `- ``,=#= ,,,..# , =`.`,.`.. `,= ,,# -,`#==#``,#`..=.` ` ::::: `=##` ..,, . `==###=, ` `,-.,`# `.- . ` ,. #..`,=..`,..,.`,`#.,... =.,`,,`=` =,=,# .``:::#::: .``, ` =#`. .,`,`,,,.=#=``. - `,#.`.,.,,, .` # .,# , ,.. `,,#`.#`,`,..`,,`. =.= #,`,....:::=#=: ,` .` ,..,=# ,` -`, .,,=#=...-,..#=`` ,`.` ,.#,,,,#`., ####. -.#,.#``#. ####`` #`=,# ,` ,.#:::::: .`, ```.,`.`., `#=`.,,-.,...,#=`.`.` , #=.. ,.##, -,,= -`.#=.,.=# ,#,`# ```.#` ` ,#,.#`#-# ``.`=,``::,.`# `,`.,..=#### .` -,, #=..`,-`,.,` ##``,.- .. .. `,` , .#,.. ==`, . ,`=,,=. #..`..` +--+.=, #-# =```=`.# `.=.,`` ,#.- ## .=##`..-``.# `.,`` `,,##., ` , ,,,.. ,,,=, ,.#. ,-..-,,=. ,`.#,`,,,.+++++-,= `=,=.=`# `..,. ,, =` # .`#. . #.` `#=``. ,#`` .` .` , =## `,`....., =# `-. =` ,..` ,,#.,# ,,.=., ++++++-,#` ` .,=-=`.`# .# ,=.. #,,. ``#,, `,,=#`.,,,=#. `, , ,,.,`.,==###==, .=##`.. ` =,...`,===. `` `.`,,=- , #,-++++++`.-`, , #, # ,.`.,.#. .,` . `.,` `.,#.`.,` ==` - #,`,`,.``.,````, ., `. `` ,,`.,,`#`.-` =#=` =#.,.=` #``.`=. =`-+++++,# `=`..`#.,.=### `.`#, .` , =.,#``#.` #`. `.#,,. .#`,,``,`==###=....` ` ,..`, ,-. =# ,-, ==. . , # # .. #,` `.#,++-+``#,.=,,# .`. ,.,- .=`.`#,,.= .``.-`.`#..`#,.. `==`` `# ....=#=.. ,=##=,` ,....-`,.., #=.. ,=# `..` .,#..`=``,,#.,=`,`#.,,.#. `, ,`= . =#..=# .,.# .,# , ,=. #.,..= #= ``=#`. `#`., #` `.` . #=`, ` -,`,, ,.=#=,,.,`,#=``.,.,. `#,-`, ,, =, = `.`,,, ``,=`` =..-`,` ,.``.`. .#, ` - ,-. `.= .==```#..-,# ,`=.,.` .,.,`,.,`#=``.-` ``. ,##=,`,., ,==````, ..#,-.=.`=` =,,.=`, .`, #`,-`,#.,. -` .#,.. # ..,, #,.,# `, .= ,,==`,#=`,.=`,.# .` =###`.,. ..#```-,,, =###`, ,- ,#=` ,,``. ,`#, # ``-`#. ,. `.,` ,.`=#`,`,.,,#= .,,#,``, , .,#,`#, ...#`..#=.=#` `. ,#., =,` . .,==.. ==`.-`,,, =###=.```` ` =#,` ,,.` `#.. ,=. .,` .# ...,.. =#=, ... #.,`,`#.` ,

Animation Engine

WAAPI based animation engine that's lightweight and performant.

DOM Optimization Optimization

Batch DOM work to avoid layout thrash.

traffic_jam

bolt

Interactivity
Engine
for the Web

What's Included:

Input Handling

Animation Engine

DOM Optimization Optimization

Composable Assets

SnapSort

TODO List

SnapZap

SnapLine

InteractivityEnginefor the Web

What's Included:

Input Handling

Animation Engine

Collision Detection

DOM Optimization Optimization

Composable Assets

SnapSort

SnapZap

SnapLine

Interactivity
Engine
for the Web