3 of 5
3
Ubi Displays Toolkit - Create interactive multi-touch webpages anywhere
Posted: 28 December 2012 05:01 AM   [ Ignore ]   [ # 31 ]
Avatar
Rank
Joined  2012-10-13
Total Posts:  37
New Member

Ok thanks. I actually do have a projector but I am using it for my ftir tablerasberry so I would say it’s not hard to do what you are saying… Also can I load programs like media player, a program to adjust volume etc. on the displays I have calibrated or windows applications are not accepted? Is there a way to control these stuff through flash???

 Signature 

Proud FTIR Table owner..:D

Profile
 
 
Posted: 28 December 2012 06:48 AM   [ Ignore ]   [ # 32 ]
Avatar
Rank
Joined  2010-06-14
Total Posts:  62
New Member

Ahh nice!  But yea for sure you can control other programs smile There are a few options:

1) Add some new methods to the Javascript API using C#.  This means you can run methods directly from the display, like: Authority.request("lockpc") or Authority.request("openmedia")
2) Write a little server which acts as a launcher on localhost, then in the display’s javascript (or actionscript if you prefer flash), call those requests using a bit of JSON or something. smile

Personally, I’d recommend doing (2) because it means you don’t have to edit / recompile the Ubi Displays app each time you want to change the functionality - and the display PC can be separate from your main PC.

I actually included a sample display called “Control Switch.html” which should contain the basics of what you want already.  It is used for start/stopping a video on another display.  Replace Authority.call(...) with your websocket code and you should be good to go!

 Signature 

Ubi Displays: Create Interactive Projection Mapped Displays Anywhere
https://code.google.com/p/ubidisplays/

Profile
 
 
Posted: 28 December 2012 07:07 AM   [ Ignore ]   [ # 33 ]
Avatar
Rank
Joined  2012-10-13
Total Posts:  37
New Member

Thanks for the help… When I manage to get the kinect I’ll post my achievements..rasberry
btw, would it make a difference to me if i buy the kinect for xbox instead of kinect for pc? because 100 euro is a big difference… Of course I don’t plan on commercial using it.!

 Signature 

Proud FTIR Table owner..:D

Profile
 
 
Posted: 28 December 2012 08:40 AM   [ Ignore ]   [ # 34 ]
Avatar
Rank
Joined  2010-06-14
Total Posts:  62
New Member

I’ve use the XBOX Kinect so it should work fine smile Looking forward to seeing what you build!!

 Signature 

Ubi Displays: Create Interactive Projection Mapped Displays Anywhere
https://code.google.com/p/ubidisplays/

Profile
 
 
Posted: 11 January 2013 12:43 PM   [ Ignore ]   [ # 35 ]
RankRank
Joined  2012-10-19
Total Posts:  148
Member

I just got my kinect and after I get some work done I’ll be trying this out!

Profile
 
 
Posted: 17 January 2013 04:09 AM   [ Ignore ]   [ # 36 ]
RankRank
Joined  2012-10-19
Total Posts:  148
Member

Scratch that! Has to have touch input. I tried your sample html and I see it working. I’ll have to write some stuff with touch and see how it works.

Profile
 
 
Posted: 17 January 2013 04:20 AM   [ Ignore ]   [ # 37 ]
RankRank
Joined  2012-10-19
Total Posts:  148
Member

Ok, first real problem. I have the kinect at an angle. I try to adjust the square for the angle. Crashes every time.

Profile
 
 
Posted: 17 January 2013 05:41 PM   [ Ignore ]   [ # 38 ]
RankRank
Joined  2012-10-19
Total Posts:  148
Member

So I’ve gotten it working, but it looks like if you drag a box beyond the bounds of the window the program will crash. Pretty cool otherwise. I’m still trying to find optimal placement for the kinect. Extreme angles don’t seem to calibrate well and I’ve been getting odd false positives(touches where there is nothing).

Argh. Apparently I can’t use standard touch events in flash. I’m looking through the files and stuff you have but what do I need to do to enable the touch in my flash programs? So far the only things working are your sample files. No other URLs or anything else works.

EDIT: OOO! I found the comment on youtube about enabling the automatic touch injection. Sweet! It works! Doesn’t seem to work quite as well as your demo files, but it works so yay for that

Profile
 
 
Posted: 17 January 2013 07:28 PM   [ Ignore ]   [ # 39 ]
Avatar
Rank
Joined  2010-06-14
Total Posts:  62
New Member

Sorry I missed these messages, normally I get emails about them.

Thanks for the bug reports, I’ll do my best to fix them first thing next week. smile

Regarding Flash, I’m not sure how to emulate touch events which Flash will respond too.  There seem to be a few hacks I can look into.  http://stackoverflow.com/questions/5235206/how-to-simulate-a-click-tag-in-a-flash-banner But for now, the toolkit is designed to support HTML5 smile I think there are a few Flash to HTML5 converters out there these days actually.

John

 Signature 

Ubi Displays: Create Interactive Projection Mapped Displays Anywhere
https://code.google.com/p/ubidisplays/

Profile
 
 
Posted: 17 January 2013 10:04 PM   [ Ignore ]   [ # 40 ]
RankRank
Joined  2012-10-19
Total Posts:  148
Member
John Hardy - 17 January 2013 07:28 PM

Regarding Flash, I’m not sure how to emulate touch events which Flash will respond too.  There seem to be a few hacks I can look into.  http://stackoverflow.com/questions/5235206/how-to-simulate-a-click-tag-in-a-flash-banner But for now, the toolkit is designed to support HTML5 smile I think there are a few Flash to HTML5 converters out there these days actually.

John

I’ve been doing stuff with flash just because I know how to use it. I don’t really know javascript aside from basic web usages. When you say html5, are there certain touch functions that need to be in place? I’ve tried general html pages and there’s no response or interaction.

I got over excited when I thought forcing the multitouch worked, since I saw the dots, but it didn’t actually work. I looked at your example files and see custom ubi displays js, but I’m not sure how to use it.

Profile
 
 
Posted: 17 January 2013 10:21 PM   [ Ignore ]   [ # 41 ]
Avatar
Rank
Joined  2010-06-14
Total Posts:  62
New Member

Using JQuery, you can make a HTML element like <div id="play"> do things when touched by going:

// When we press play.
$('#play').bind('touchstart', function(e)
{
         
// Turn the border orange and start playback.
         
$('#play').css({"background-color""orange"});
});

That example comes from Video.html but when I get chance I’m going to add some more interesting examples to the displays smile

 Signature 

Ubi Displays: Create Interactive Projection Mapped Displays Anywhere
https://code.google.com/p/ubidisplays/

Profile
 
 
Posted: 17 January 2013 10:24 PM   [ Ignore ]   [ # 42 ]
RankRank
Joined  2012-10-19
Total Posts:  148
Member

Cool. I started looking up touch events with the HTML 5 canvas as well. This will probably finally get me learning some JavaScript. I’ve avoided it for too long I suppose.

Profile
 
 
Posted: 17 January 2013 10:38 PM   [ Ignore ]   [ # 43 ]
Avatar
Rank
Joined  2010-06-14
Total Posts:  62
New Member

It’s actually pretty nice once you get the hang of it smile There are plenty of resources online, but feel free to email if you have questions and I’ll do my best to help you out.

 Signature 

Ubi Displays: Create Interactive Projection Mapped Displays Anywhere
https://code.google.com/p/ubidisplays/

Profile
 
 
Posted: 18 January 2013 01:09 AM   [ Ignore ]   [ # 44 ]
RankRank
Joined  2012-10-19
Total Posts:  148
Member
John Hardy - 17 January 2013 10:21 PM

Using JQuery, you can make a HTML element like <div id="play"> do things when touched by going:

// When we press play.
$('#play').bind('touchstart', function(e)
{
         
// Turn the border orange and start playback.
         
$('#play').css({"background-color""orange"});
});


That example comes from Video.html but when I get chance I’m going to add some more interesting examples to the displays smile

I couldn’t get that to work at all so I guess I’ll just have to keep reading up on things. So far I can get multitouch working with magictouch js using samples from here(http://www.html5rocks.com/en/mobile/touch/), but it will only work with the auto inject multitouch javascript and that will always put the multicolored dots on screen.

I wish I knew how to program because I would attempt to translate this into window touches, or TUIO touches. If it became TUIO then I could use the TUIO to wintouch drivers that work with CCV and reactivision or work with it directly in flash or other tuio supported programs.

Profile
 
 
Posted: 18 January 2013 05:21 AM   [ Ignore ]   [ # 45 ]
RankRank
Joined  2012-10-19
Total Posts:  148
Member

I don’t know if this would interest you, but I found this(https://github.com/robbeofficial/KinectTouch) from looking on the tuio site.

Profile
 
 
   
3 of 5
3