Navigation¶

• Main Page
• Random Page
• Create a new Page
• All Pages
• Categories
• Navigation Paths
  

• Administration
• File Management
  

• Create Account
  

Search the wiki

Renderer Element

Renderer Element allows to render any static graphical content stored in Material Library, e.g. bitmaps or vector shapes. The element provides a scalable viewport for the content, spatial transformations and various visual effects. Several hardware-accelerated image processing procedures are also available. Multiple content items can be loaded into element's list in order to form a visual stimulus set.

Table of Contents [Hide/Show] Summary Properties Snapshots Practical Use     Creating a single Renderer on a visual scene     Using Renderer to create a switchable stimulus list     Adjusting the renderer at runtime using a proxy variable

Snapshots ¶

3D Graphic	Jpg/Png pictures
Vector Graphic	Built-in library vector graphic

Practical Use ¶

The rendering can be tuned with various properties of the Renderer element. For example, you can adjust the size and contrast of the original graphics item and set its rotation angle.

Each Renderer element works with its own list of loaded Library items. It's handy for experimental scenarios where you need to present a visual stimulus selected randomly from a stimulus set. You can form a list by simply dragging library items to a Renderer element in the Element Panel. The items included in the list can be always reordered such that each item has its own integer index. Renderer elements has a property that defines which item is currenlty selected and rendered on the screen. Changing this property will cause rendering of a new item.

Creating a single Renderer on a visual scene ¶

1. Click on "add element", and select the Renderer element.
2. Navigate to the Material Library.
3. Drag selected visual materials (e.g an image or images) onto the Renderer element, in the element list on the left of the main window. Notice that you can change sorting order
4. Click on an expander button of Renderer icon to check a list loaded items and rearrange them, if necessary.
5. Adjust a position and size of the Renderer viewport on the event surface.
6. Check other properties of the Renderer element in the property grid (the element has to be selected first)
   

Using Renderer to create a switchable stimulus list ¶

1. The procedure is the same as above, except that you may drag & drop multiple visual materials onto the element.
   You may click on the down arrows to expand the list of elements.
   
   You may double click on one of the material items in the element to draw it on screen.
   
   The 'Selected Index' property will hold the index of the item in the element and the 'Selected Item' property will hold the name of the item. These properties can be changed at run time as described below.
   

Adjusting the renderer at runtime using a proxy variable ¶

You can change what the Renderer Element shows at run time by using code and a Proxy Variables.

1. Create a Renderer Element with multiple material items as above.
2. Create a Proxy Variable from the "Selected Index" property. (please see Proxy Variables if you do not know how to do this). E.g name it "StimulusIndex"
3. Now you can use the following code to change which item is displayed in the Renderer Element:
   
   

StimulusIndex=2;

1. Alternatively, one can create a Proxy Variable for the "Selected Item" property, and then use code to change the item according to it's name.
   e.g
   

   StimulusItem="Red Circle";

   
   

	Name	Size
	Animal.jpg	724.23 KB
	Renderer-Element-Icon.png	3.62 KB