Scriptio.us

Feature Demonstration: Different text and object displays are shown here. The JavaScript code used to launch this exposition is:

  new Scriptio({script:'demo.txt', width:400, height:290, skin:'vanilla'});

 

script: demo.txt

:set title to "Feature Demonstration"
Here is an example of the text.<br/>
+1
:display "TEXT:" at {10,10} style bold label "text"
:display "C" by {20,0} color blue
:display "o" color red
:display "l" color green
:display "o" color violet
:display "r" color orange
:display "s" color brown
:display "Bigger" by {10,-3} size 18 color black
:display "Smaller" by {10,5} size 10
:display "italic" by {10,-2} style italic color black size 14
:display "bold" by {10,0} style bold
:display "serif" by {10,0} face serif
:display "fixed" by {10,0} face fixed
+4
:display "PICTURES:" under "text" by {0,15} style bold face sans label "pictures"
:display "gif:" by {20,0}
:picture "image.gif" size {60,30} by {2,-4}
:display "jpeg:" by {15,4}
:picture "image.jpg" size {60,30} by {2,-4}
:display "png:" by {15,4}
:picture "image.png" size {60,30} by {2,-4}
+7
:display "OBJECTS:" under "pictures" by {0,15} style bold label "objects"
:rectangle by {20,0} size {30,20} color violet
:frame by {10,0} size {30,20} color red
:frame by {10,0} size {30 - 2,20 - 2} thickness 3 color olive
:circle by {10,0} size {30,20} color blue
:ellipse by {10,0} size {30,20} color green
:line by {10,0} size {40,20} color black
+10
:display "TRANSPARENCY:" under "objects" by {0,15} style bold color black label "transparency"
:display "Hello, World" by {20,0} style bold
:rectangle by {-20,0} size {60,20} transparency 50 color violet
:picture "image.gif" size {60,30} by {-20,-2} with overlay
:circle by {-20,2} size {60,20} with overlay color red
+13
:display "FADE:" under "transparency" by {0,15} style bold color black label "fade"
:display "Hello, World" by {20,0} fade 2
:picture "image.gif" size {60,30} by {20,-2} fade 2
:rectangle by {20,0} size {30,20} color green fade 2
+16
:display "GROW:" under "fade" by {0,15} style bold color black label "grow"
:display "Hello, World" by {20,0} grow 2
:picture "image.jpg" size {60,30} by {20,-4} grow 2
:rectangle by {20,4} size {30,20} color violet grow 2
+19
:display "WIPE:" under "grow" by {0,15} style bold color black label "wipe"
:display "Hello, World" by {20,0} wipe 2
:picture "image.png" size {60,30} by {20,-2} wipe 2 direction squeeze
:rectangle by {20,0} size {30,20} color red wipe 2 direction iris
+22
:display "SLIDE:" under "wipe" by {0,15} style bold color black label "slide"
:display "Hello, World" by {20,0} label "slide0"
:picture "image.jpg" size {60,30} by {20,-4} label "slide1"
:rectangle by {20,4} size {30,20} color brown label "slide2"
:slide "slide0" by {80,10} duration 4
:slide "slide1" by {80,0} duration 4
:slide "slide2" by {-180,0} duration 4
+25
:display "ENTRY:" under "slide" by {0,15} style bold color black label "combo"
:button "button" by {20,-5}
:checkbox "checkbox" by {10,5}
:radio "radio" by {10,0}
:ask by {20,0} width 60 default "text"