In animachine you can refer to DOM nodes with css selectors. The DOM Picker makes is easier to pick DOM nodes with automatic css selector generator and graphic navigator for the DOM tree.
- Click on any DOM Node
- Click the plus (+) button in the middle of the DOM Picker
It will create a new Track with a css selector for the picked DOM Node
Use the arrow icons to navigate on the DOM tree.
- Up - select parent
- Down - select child
- Left/Right - select siblings
If the DOM node you click has a parent that already belongs to a Track, animachine will select that Track. It's usually the expected behavior but if you want to pick the first DOM node under the mouse just hold command/ctrl down while you clicking.