#Design ini features 2 kind of properties:
#1. Static properties. They are mandratory(unless stated otherwise), can't be removed or have
#other value type. For example:

#---------- EXAMPLE START --------
#Image for top left logo on step 1
some_static_something=my_image.png
#---------- EXAMPLE END --------

#That properties regulary have description near them of what they do
#Static property can influence one or many objects or whole game itself

#2. Dynamic properties. They feature some object, that could be styles with
#a big property list. Each property can be deleted or commented without
#breaking the game. Such objects are declared with @ sign like:
#(This declaration is placed near property group, so you can easily see what properties are dynamic and what are not)
some_object=@I'm object

#Dynamic property usually influence one object or group of similar objects, like buttons

#Text after @ is object description, not influencing the game
#This declaration can not be removed or commented (same as static property) but
#all `child` properties can be added or removed any time.

#Child dynamic property looks like:

some_object_some_property=Property valye

#Please note that @ declaration is ONLY for information of editor. You can't convert properties
#to static/dynamic by removing or adding this
#Below we list all properties that are supported for objects, declared with @

#---------- EXAMPLE START --------
some_object=@I'm object


#---------------- DIMENSIONS POSITION FORM ------------
#`X & Y` should be declared both at same time. They make object absolutelly
#positioned at X pixels from left, Y pixels from top of the screen
some_object_X=10
some_object_Y=20

#Object pixel width
some_object_width=200

#Object pixel height
some_object_height=200

#Horizontal internal padding in pixels.
some_object_paddingX=10

#Vertical internal padding in pixels.
some_object_paddingY=3

#Both paddings at same time, if same. X & Y padding properties have higher priority
some_object_padding=10

#Border radius in pixels
some_object_radius=10

#---------------- COLORS ------------
#Background can be declared with lot of properties. Not all of them can be combined.
#You can't use background image & background gradient at the same time, but you can
#put image over a plain color
#background gradient also overrides backround flat color
#Any color can be declared as HEX value like #FF9922, as RGB value like rgba(100,255,200,1.0) where 1.0 is alpha opacity
#or 'transparent' for no background color
#Also `sprite` and `image` properties can't be used together

#Background plain color.
some_object_background_color=#FF0000

#Text plain color, if element contains text
some_object_text_color=#FF0000

#Background image with auto-scale. Auto-scale tries to fix object dimensions
#but it should be same aspect ratio as object
#`sprite` and `background_image` properties can't be used together
some_object_background_image=some_image.png

#CSS equivalent for background-size. Valid values "contain" (proportionally fit in box, leaving empty areas if ratio inequivalent), "cover" (default, proportionally fit in box, NOT leaving empty areas if ratio inequivalent), "fill" (breaks aspect ratio and fills all box)
some_object_backgroundSize=cover

#Background image without auto-scale. This is usefull for making sprites
#for buttons. See sample in /documentation/game.html
#`sprite` and `background_image` properties can't be used together
some_object_sprite=some_image.png
#shift image by pixels
some_object_spriteShift=10

#Vertical gradient can be set by setting BOTH top & bottom color properties
some_object_gradient_top=#FF0000
some_object_gradient_bottom=#000000

#Horizontal gradient can be set by setting BOTH left & right color properties
some_object_gradient_left=#FF0000
some_object_gradient_right=#000000

#Radial gradient can be set by setting ALL center, edge color properties and gradientRadius property
some_object_gradient_center=#FF0000
some_object_gradient_edge=#000000
some_object_gradient_radius=100
#Gradient radius is required for OLD Safari, which can't calculate object dimensions itself. Most new browsers ignore this property
#Set it to ~ object width or height

#---------------- TEXT ------------

#Set font family. Supported font list is under discussion
some_object_fontFamily=Helvetica
#Set font size in px,em,%
some_object_fontSize=10px

#Some more advanced properties:
#Line height in px
some_object_lineHeight=10
#font-weight CSS equivalent
some_object_fontWeight=bold
#font-style CSS equivalent
some_object_fontStyle=italic

#---------------- Boolean (true/false) values ------------

#make text in object to be centered. Usefull for buttons
some_object_centerText=true

#Turn shadow on/off
some_object_shadow=true

#Turn gloss on/off
some_object_gloss=true

#Turn glow on/off (wont work with gloss or shadow)
some_object_glow=true

#------------------ ADVANCED ----------------
#If one knows how to use CSS, he can use `style` property to attach any style
some_object_style=opacity: 0.2; text-decoration: underline;

#CSS equivalent for border property
some_object_border=5px solid gray

#---------- EXAMPLE END --------