Search

Search results

  1. In this example we will implement the card swipe control made famous by Tinder. Swipe to the right if you've visited a city, to the left if you have not. To achieve the desired effect, we will use PointAttractor and Draggable to give elements the ability to respond to dragging gestures. PointAttractor will create a zone that the elements are attracted to. We will use three of these to create the Tinder sorting effect. Let's start by looking at the JavaScript: <JavaScript> var Observable =...

    Physics Animation Gesture
  2. It is easy to quickly set up interpolation between values using an Attractor. Here is a simple example: Here an Attractor is set up to interpolate between the raw Translation and the desired target value of the Rectangle. The code is simply: <App> <DockPanel> <StatusBarBackground Dock="Top" /> <Button ux:Class="BottomButton" Height="75" /> <StackPanel Dock="Bottom"> <Panel> <BottomButton Text="Center" Alignment="Center"> ...

    Physics