Search

Search results

  1. Effects This example shows how you can apply various real-time visual effects to elements in your app. <App> <Text ux:Class="Title" Color="#fff" FontSize="30" Margin="10" Alignment="TopLeft" HitTestMode="None"> <Shadow Size="10" Distance="1" Color="#000" Mode="PerPixel" /> </Text> <Image ux:Class="MyImage" StretchMode="UniformToFill" /> <Grid RowCount="4" DefaultRow="1*"> <Panel ClipToBounds="true"> <Panel> <StackPanel> ...

    Effects
  2. Using the JavaScript Camera API, we create a small app that lets you take pictures with a halftone effect. The effect parameters can then be tweaked with some custom styled slider controls. Taking a picture We create a function in JavaScript called takePicture which we bind to from UX. var picture = Observable('Icons/background.jpg'); var filterApplied = Observable(false); function takePicture(){ Camera.takePicture(1000, 1200).then(function(file){ picture.value = file; fi...

    Effects Custom control Camera