Wikitude ARchitect v2.0 API Documentation

Style options allow the customization of the appearance of various Drawables.

A Style is never created with new, it has to be created using JSON, as described in the example below.

Note that Drawable-types accept only a certain set of properties in Style. The accepted options are listed for each Drawable, other options are simply ignored.

When a Style is passed to a Drawable, the properties are passed by value, modifications on the Style object after applying it to a Drawable will not have any effect on the Drawable's style. Use drawable.style to later customize the Style for a specific Drawable.

//create a Style, red fill color, green outline
var myStyle = {fillColor : '#FF0000', outlineSize : 2, outlineColor : '#00FF00'};


//applying style options on creation of 2 circles
var circle1 = new AR.Circle(40, {style : myStyle});
var circle2 = new AR.Circle(50, {style : myStyle});


//now, we change circle1's fill color to blue. circle2 will not change its color.
circle1.style.fillColor = '#0000FF';

var circle = new AR.Circle(20, {
  style : {
    fillColor : '#FFFFFF', //white circle
    outlineColor : '#000000' //black outline
  }
});


circle.style.outlineSize = 0; //no outline, circle appears fully white
circle.style.outlineSize = 128; //outline fully covers the circle, circle appears fully black
circle.style.outlineSize = 90; //circle appears half black (outer area), half white (inner area)