first version of tuio controlled camera

This commit is contained in:
Stephen
2024-12-03 16:44:49 +01:00
parent c977e5ac9e
commit a332457fa8
50 changed files with 22710 additions and 0 deletions

View File

@ -0,0 +1,117 @@
<?xml version='1.0' encoding='ISO-8859-1'?>
<!--
shapes:
circle, square, roundsquare, triangle, star
octagon, ellipse, cross, pentagon, hexagon
colors:
RGB in HEX format
white=FFFFFF, black=000000, red=FF0000, etc.
-->
<tuio>
<!--
the definition of the various object classes
you can define the shape, color and name of each object
-->
<class name="blue cube" shape="square" color="174EAA" description="blue cube"/>
<class name="red cube" shape="square" color="DC1F2C" description="red cube"/>
<class name="green cube" shape="square" color="0EA44A" description="green cube"/>
<class name="yellow cube" shape="square" color="E4D81F" description="yellow cube"/>
<class name="blue square" shape="square" color="174EAA" description="blue square"/>
<class name="red square" shape="square" color="DC1F2C" description="red square"/>
<class name="green square" shape="square" color="0EA44A" description="green square"/>
<class name="yellow square" shape="square" color="E4D81F" description="yellow square"/>
<class name="blue disk" shape="circle" color="174EAA" description="blue disk"/>
<class name="red disk" shape="circle" color="DC1F2C" description="red disk"/>
<class name="green disk" shape="circle" color="0EA44A" description="green disk"/>
<class name="yellow disk" shape="circle" color="E4D81F" description="yellow disk"/>
<class name="blue pentagon" shape="pentagon" color="174EAA" description="blue pentagon"/>
<class name="red pentagon" shape="pentagon" color="DC1F2C" description="red pentagon"/>
<class name="green pentagon" shape="pentagon" color="0EA44A" description="green pentagon"/>
<class name="yellow pentagon" shape="pentagon" color="E4D81F" description="yellow pentagon"/>
<class name="blue round" shape="roundsquare" color="174EAA" description="blue round"/>
<class name="red round" shape="roundsquare" color="DC1F2C" description="red round"/>
<class name="green round" shape="roundsquare" color="0EA44A" description="green round"/>
<class name="yellow round" shape="roundsquare" color="E4D81F" description="yellow round"/>
<class name="blue star" shape="star" color="174EAA" description="blue star"/>
<class name="red star" shape="star" color="DC1F2C" description="red star"/>
<class name="green star" shape="star" color="0EA44A" description="green star"/>
<class name="yellow star" shape="star" color="E4D81F" description="yellow star"/>
<!--
the definition of the actual object instances
you can define the type, IDs and position each object
-->
<!--
first we create four squares with the according fiducial IDs from 0-3
-->
<object class="blue square" fiducials="0" active="false" xpos="120" ypos="30" angle="0"/>
<object class="red square" fiducials="1" active="false" xpos="180" ypos="30" angle="0"/>
<object class="yellow square" fiducials="2" active="false" xpos="240" ypos="30" angle="0"/>
<object class="green square" fiducials="3" active="false" xpos="300" ypos="30" angle="0"/>
<!--
here we create four disks with the IDs from 4-7
-->
<object class="blue disk" fiducials="4" active="false" xpos="500" ypos="30" angle="0"/>
<object class="red disk" fiducials="5" active="false" xpos="560" ypos="30" angle="0"/>
<object class="yellow disk" fiducials="6" active="false" xpos="620" ypos="30" angle="0"/>
<object class="green disk" fiducials="7" active="false" xpos="680" ypos="30" angle="0"/>
<!--
here we create 2x four rounded squares, please note that you can actually repeat fiducial IDs
-->
<object class="blue round" fiducials="8" active="false" xpos="50" ypos="100" angle="0"/>
<object class="blue round" fiducials="8" active="false" xpos="50" ypos="160" angle="0"/>
<object class="red round" fiducials="9" active="false" xpos="50" ypos="220" angle="0"/>
<object class="red round" fiducials="9" active="false" xpos="50" ypos="280" angle="0"/>
<object class="yellow round" fiducials="10" active="false" xpos="50" ypos="340" angle="0"/>
<object class="yellow round" fiducials="10" active="false" xpos="50" ypos="400" angle="0"/>
<object class="green round" fiducials="11" active="false" xpos="50" ypos="460" angle="0"/>
<object class="green round" fiducials="11" active="false" xpos="50" ypos="520" angle="0"/>
<!--
these are four cubes, please note that we use four sides with different IDs
-->
<object class="blue cube" fiducials="12,13,14,15" active="false" xpos="750" ypos="100" angle="0"/>
<object class="red cube" fiducials="16,17,18,19" active="false" xpos="750" ypos="160" angle="0"/>
<object class="yellow cube" fiducials="20,21,22,23" active="false" xpos="750" ypos="220" angle="0"/>
<object class="green cube" fiducials="24,25,26,27" active="false" xpos="750" ypos="280" angle="0"/>
<!--
here we create four pentagon shaped objects
-->
<object class="blue pentagon" fiducials="28" active="false" xpos="120" ypos="570" angle="0"/>
<object class="red pentagon" fiducials="29" active="false" xpos="180" ypos="570" angle="0"/>
<object class="yellow pentagon" fiducials="30" active="false" xpos="240" ypos="570" angle="0"/>
<object class="green pentagon" fiducials="31" active="false" xpos="300" ypos="570" angle="0"/>
<!--
and finally four star shaped objects
-->
<object class="blue star" fiducials="32" active="false" xpos="500" ypos="570" angle="0"/>
<object class="red star" fiducials="33" active="false" xpos="560" ypos="570" angle="0"/>
<object class="yellow star" fiducials="34" active="false" xpos="620" ypos="570" angle="0"/>
<object class="green star" fiducials="35" active="false" xpos="685" ypos="570" angle="0"/>
</tuio>

View File

@ -0,0 +1,51 @@
<html>
<head>
<title>
reacTIVision documentation
</title>
<style type="text/css">
body { font-family:sans-serif; }
A:link { color:red; }
</style>
</head>
<body>
<h1>object handling</h1>
<ul>
<li>simple mouse-dragging moves the selected object ON the table
<li>right mouse-dragging rotates the selected object ON the table
<p>
<li>SHIFT mouse-dragging moves the selected object OVER the table surface
<li>moving the object out of the (round) table area, deactivates it
<li>active objects have a black rotation mark, inactive objects are grayed out
<p>
<li>SHIFT right-mouse-dragging changes the face of an object with multiple faces
<p>
<li>moving the mouse over an object holding the CTRL-key displays the object's type
</ul>
<h1>cursor handling</h1>
<ul>
<li>simple mouse-dragging on the table creates cursor events
<li>press SHIFT while dragging to create a sticky cursor
<li>continue to manipulate any sticky cursor by moving its gray area
<li>remove sticky cursors by SHIFT clicking in its gray area
<li>press CTRL while dragging to add a cursor to a group
<li>moving any cursor of a group will move the other group members
<li>remove cursors from a group by CTRL clicking in its dark gray area
</ul>
<h1>configuration</h1>
<ul>
<li>the general configuration can be edited in XML format in the file resources/config.xml
<li>you can edit generic object classes and configure specifc object instances
<li>you can create volumetric objects by assigning various fiducial IDs to an instance
<li>it is possible to freely assign any ID in any particular order
<li>fiducial IDs can appear various times in the same setup
</ul>
</body>
</html>