ETC . Disassembler > Transpray demo

The Transpray demonstration executes a spray based construction of a HTML page. It's just to example you how layers can be used to improve dynamic visual content. In our viewpoint, layers is a technology based upon the composition model. So Images, client applets windows, HTML texts and another HTML objects can be overlayed with another layers. By this way, components of a composition can be dynamically generated in client, proxies or server time. Transpray is very single implementation of the layer composition model.

Want to see the demo again? 
 
Let's disassembler this single demo:
  • This example was designed using just two layers. The bottom layer is a traditional HTML page with texts, etc. Remember that it could be dynamically generated.
  • The top layer contains a single and special image enabling the spray effect.
    		•
  • The gif image in the top layer is a spray like drawing from opaque to transparent. It must use only two colors. In that case, white and transparent. 
    		•
  • When the web page is entire loaded, a Javascript code starts to move the top layer pixel by pixel. You can experience different ways of movement with another drawings in the top layer. 
    		•
     
    Now, visual designers can write these composition based templates as dynamic HTML. For us, layers technology and dynamic HTML has introduced the dynamic composition model for the web. Where artwork can be easily rendered in runtime, in fact client time.
    Try the example again with the bottom layer as a black image. And see the HTML source.
     


    Table of contents 
    Copyright (C) 1997, Marcio S. Galli
    Copyright (C) 1997, Taboca ArtworK