Welcome Guest, you are in: Login

EventIDE Wiki

RSSRSS

Navigation




Search the wiki


PoweredBy

Page History: Ink Canvas Element

Compare Page Revisions



« Older Revision - Back to Page History - Newer Revision »


Page Revision: 2013/08/30 17:56


Element Icon Ink Canvas
Info
Category: Behavioural Input AddIn: Base Elements
Creator: OkazoLab Team Scope: Parent Event
Owns Snippets: no Usage: Snippets

The Ink canvas element allows one to record and visualize painting strokes made by a participant. This element can also be used to verify if the user writes the correct text using a graphics tablet. (See screen shots)


Video



Snapshots

Experiment Run

Experiment Run

After experiment  Picture Stays in InkCanvas

After experiment
Picture Stays in InkCanvas

Cat Recognized correctly

Cat Recognized correctly

Recorgnized that user  wrote wrong word

Recorgnized that user
wrote wrong word




Practical Use

Create Ink Canvas element as seen in the Video

  1. Add a renderer element and add a picture to the renderer element. (see Renderer Element)
  2. Add Ink Canvas element from the "BEHAVIOURAL INPUT" Category.
  3. Move it into the right place
  4. You may now start the experiment. After the experiment is ran, the drawing will remain on the ink canvas. It may be used to extract pen-points data out of it.



Notes

Synchronized Internal Actions

Experiment StartParent Event OnsetStatus change between Onset/OffsetParent Event OffsetExperiment End
Starts to record pen movement. Is deactivated, stops recording pen movement.



Properties

Generic Properties

NameDescriptionConstraintsValue TypeUpon Runtime Change
Settings
Reset On OnsetDefines whether the old canvas strokes and text recognition results are reset on the onset of the parent event.BooleanCauses redrawing of the element on the event surface ~6ms.
Normal Tip ModeSpecifies the mode of the pointing device as it interacts with the canvas
Inverted Tip ModeSpecifies the mode of the inverted pointing device as it interacts with the canvas (e.g. with the inverted tip of a stylus)
Drawing Attributes
Behold PressureDefines whether the thickness of a rendered stroke changes according the amount of pressure applied (if an input device can report a pressure)Boolean
Is HighlighterDefines whether the rendered stroke looks like a highlighter (semi-transparent).Boolean
Pen SizeDefines a size of the drawing pen.EventIDE.ClassLibrary.clSize
Pen ColourDefines a color of the drawing pen.stColor
Drawn ColorDefines a color that highlights the currently drawing stroke. When a stroke is finished, it turns back to the pen color. No highlighting is applied, when the transparent color (0,255,255,255) is selected.stColor
SmoothingDefines whether Bezier smoothing is used to render strokes.Boolean
Pen ShapeDefines a shape of the drawing pen. Assign 0 for rectangle and 1 for ellipse.enPenShape
Canvas BackgroundDefines the background of the ink canvas.stColor
Actions
Clear Canvas NowSet to true to clear canvas and erase all collected strokes.Boolean
Save Ink File NowAssign a fully specified filename to save the current strokes to a file at runtimeclDesignAction
Open Ink File NowAssign a fully specified filename to load strokes from a file at runtime. Only the Ink Serialized Format (.isf) files are supported.clDesignAction
Recognize Text NowAssign true to initiate text recognition on the canvas. The result is returned via Recognized Text property.clDesignAction
Runtime Status
Stroke NumberReturns a number of drawn strokesInt32
Recognized TextReturn a recognized text in a result of the Recognize Text actionString
Recognition Confidence Return a confidence rank in results of the Recognize Text actionString

+=== Properties inherited from clVisualElement ===
NameDescriptionConstraintsValue TypeUpon Runtime Change
VISUAL APPEARANCE
Alpha MaskingDefines whether the visual content rendered by this element will be used as an opacity mask which is applied onto the given event surface. The active opacity mask allows one to expose pixels of the parent event surface through a solid background of the given event. If the value is true, the darker pixels of the content will make more transparent holes on the entire event surface.Boolean
AntiAliasingIf true, the rendered content will be anti-aliased for smoother visual appearance. If false, rendering will be authentic to its source, e.g. a bitmap. Boolean
PositionDefines the position of the element viewport on the screen. The position can be set in any of three coordinate systems: a) pixels, b) polar, c) central. clPoint
SizeDefines the size of the element viewport on the screen. The size can be set in any of three coordinate systems: a) pixels, b) visual degrees, c) 'relative-to-screen' size. clSize
Z OrderIndicates the current depth order of the element viewport on the surface of the parent event. The greatest number corresponds to the top position. The order can be changed by moving the element up and down in the element list.Int32
Pivot PointDefines the pivot point (coordinate and the rotation centers) within the element viewport. stAlignment or Int32
VisibleDefines whether the element is currently visible on the event surface. The property is convenient for switching visual content on and off. Boolean
RotationDefines the rotation angle (in degrees) of element viewport relative to the its pivot point. Double in the range 0..360
EFFECTS
Transparent ColorThe color of the original pixels of rendered content that will be set as transparent. stColor
Transparency ToleranceTolerance ratio for choosing colors that become transparent. Zero means that effect is not applied, 1 denotes that all colors will become trasparent. Int32, range (0..100)
Color MaskProduces a multiplicative combination of the original pixels and the selected mask color (except the alpha channel). The effect emulates a look through a colored glass. White or transparent mask color doesn't change the original pixels. stColor
OpacityOpacity of the rendered content. Int32, range (0..100)
ContrastContrast of the rendered content. Int32, range (-100..100)
BrightnessDefines the brighness of the rendered content. Int32, range (-100..100)
SaturationSaturation of the rendered content. Double
PixelationDefines the pixel scale of the rendering. Int32, range (0..100)
BlurringThe radius used in the gaussian blur of rendered content, as a pixel-based factor. The default is 0 which means no blurring. Int32
POSITIONAL JITTER
Reset JitterSet to true at runtime to reset the current positional jitter.Boolean, set true for action
Current JitterJitter range, in pixels (non inclusive)..clSize
Jitter RangeJitter range, centered at the original position of the element.. clSize

+=== Properties inherited from clElement === Inherited properties of clElement
NameDescriptionConstraintsValue TypeUpon Change
Control
Is EnabledIf set to false the element is completely omitted when the experiment is run.Boolean
TitleTitle of the element.String

ScrewTurn Wiki version 5.2.0.8. Some of the icons created by FamFamFam.