IPAD, XEBOT & ZMECH Animated Demos

home download demos platforms restrictions help

Please do not mistake these animated demos for the tutorials. The tutorials are included with the packages containing the executables and run interactively.
  XCASM on-line demo   This is a web demo of the PIC edition of the XCASM high level assembler. It allows the user to enter high level statements and evaluate the quality of the optimised code generated.
  ipdm7001.gif 19K Animated demo showing how a drawing can be quickly edited by simply picking points on an object, dragging them to a new position and then placing them (click, move, click). The connections between the lines are maintained automatically by IPAD. 
  ipdm7002.gif 17K Animated demo showing how a drawing can be quickly created and then edited. This demo emphasizes how a drawing can be quickly put together by first simply sketching a rough approximation of the required shape and then polishing it to give the actual shape required. Note how objects drawn next to each other interact with each other when they are subsequently edited without the need for complex set-up. 
  ipdm7003.gif 114K Animated demo showing interaction between objects. Note how the lines drawn in the circles maintain their size and position relative to the circles and how the whole drawing responds to the resizing and repositioning of any of the circles. 
  ipdm7004.gif 170K Animated demo showing complex editing of a pyramid with very little effort. 
  ipdm7005.gif 102K Animated demo showing complex editing of a graph in which the nodes are connected via curves. This demo shows how easily the nodes and connectors can be moved about while keeping the connections valid. Note how whole sub-sections of the graph can be easily moved (to make space for new nodes) without effecting the integrity of the connections. Note also how connections can be easily broken and re-established without the need for complex set-up (due to object interaction). 
  ipdm7006.gif 116K Animated demo showing the drawing and editing of a simple surface. Note the use of groups to clone and colour sections of the surface. Note also how individual components of the surface can be selected and edited without the need for complex set-up. 
  ipdm7007.gif 52K Animated demo showing how pre built objects (in this case electronic component symbols) can be copied from a template window to the drawing window to quickly produce specialised drawings. Note how quickly and easily connections between the components are established and how they are maintained while the drawing is being polished. 
  ipdm7008.gif 77K Animated demo showing how complex relationships between objects are maintained during trivial editing. Three lines are drawn and connected via glue points such that one end of each line is dependent on a point on one of the other lines. moving an unconnected line end will have an effect on the line connected to it which will (if we follow all the connections) effect the other end of the line we are moving. To further complicate the relationships, three other white lines are connected to the inside of this strange triangle and three blue lines form connections between the inner white lines and the outer strange triangle. Note how easy it is to edit such a complex structure with IPAD. 
  ipdm7009.gif 582K Animated demo showing real time editing of a complex drawing involving hundreds of recursive dependencies. This is a drawing of a surface formed by connecting two curves at 15 points using 15 lines. Each connecting line is connected to its neighbour line by 15 white lines. Note how responsive IPAD is when dealing with such drawings. 
  xebot001.gif 41K Animated demo showing how xebot can generate an interactive dialog from a drawing. Note how the gage and LEDs on the generated dialog are able to directly follow the user through the slider and spinner. 
  xebot003.gif 136K Animated demo showing how easily an interactive dialog can be changed or created. 
  xebot005.gif 870K Animated demo showing how an interactive dialog is created starting from scratch. 

BEWARE  this is not the interactive tutorial.

Shows how: 

  • Controls are copied from a template to produce a new dialog.
  • Controls are placed and their sizes and shapes manipulated. 
  • Control properties are edited and interactive code is attached. 
  • Controls are grouped using a frame control and the dialog is generated and activated. 
  zmech001.gif 93K Animated demo showing an actual trace of the crisis.ipd state machine being run against the generated code. At the start the events connecting the states are shown in red, green and blue. This is how the diagram was draw and is intended to highlight groups of events. When the state machine trace begins, all the events are shown as blue. As the trace proceeds, the events and states visited are changed to yellow to show the current state of the state machine and the event that caused the state transition. When there is a new transition the previous state and event are changed to grey. This allows a trail to be built up showing all the processed states. Note how the state machine responds to the simulated inputs (the red/green blocks on the left) as the user clicks on them with the mouse, and how the simulated outputs (the red/green circles to the right of the simulated inputs) are effected in response to the state machines operation. 
  zmech002.gif 87K Animated demo showing an actual trace of four state machines interacting with each other and the user.

home download demos platforms restrictions help