Multi-User Video Tic-Tac-Toe for Android

My previous post, “Video Chat for Android in 30 Lines of Code”, has generated a good level of interest. A slight twist on the same idea is to build collaboration into your applications. The use case here is slightly different: instead of enabling simple “video conversations” between remote users, this level of collaboration enables remote users to work together (or play together) within an application on their mobile device (or traditional computer).

To demonstrate this idea, I wrote a series of Flex applications with collaboration “built-in”. The same application can be deployed as an Android app, as a desktop app, or in the browser.

The first application in this series is a simple Tic-Tac-Toe game. The collaboration features built in this application are:

  • Videochat
  • Shared cursors: follow the other player’s mouse position
  • Real time messages: a player’s move is immediately sent to the other player
  • Shared states: whose turn is it to play etc.

These features are enabled by LiveCycle Collaboration Service.

Watch the video of the Android version:

Play Now!

Click here to play (with the Browser version). This is obviously a simple application, but the same concepts can easily be applied to sophisticated social or business apps. My 6 year-old loves it, especially when I’m on the road :)

Download the source code:

Click here to download the source code.

Comments

  1. Todd Sharp says:

    Very cool stuff.

    Ray Camden and I just found a tiny bug. Looks like you can take as many turns in a row that you want to. I’d expect it to block me from making a move until my opponent made his move.

  2. Hi, I’m learning new flex program would be very helpful for me thanks

  3. JH says:

    Ray Camden and I just found a tiny bug. Looks like you can take as many turns in a row that you want to. I’d expect it to block me from making a move until my opponent made his move.

  4. GB says:

    C’mon guys gameplay isn’t the point here. =)

    Anyways, I set the accountURL to my https://collaboration.adobelivecycle.com/username URL, but I can’t figure out what URL to put in as the amfEndpoint in the app-config.xml file to get it to work.

    Thanks!

  5. Nice production presented by androids, really nice and informative, thanks.

  6. Linda says:

    Really cool stuff !

    Thanks to share this app ;)

  7. Clare Sinor says:

    Have been looking at doing site optimization and improving the web design on my website for a long time, so this website has been really helpful. Clear read also, so thank you!

  8. jamse says:

    it’s so cool and informaitive..
    but I cant see this code…

    How can I see it..??

  9. Pooja Gupta says:

    Hi,

    Not able to view the code…it would be great if you could share the code.

    Regards,
    Pooja

  10. Hi, It’s very nice but i’ve flex SDK4.5 how i can convert to flex 4.5 version? and can i use spark?

  11. Great stuff. I’m running into problems downloading the source code; I keep getting the error…

    An invalid character was found in text content. Error processing resource ‘http://coenraets.org/tictactoe/tictactoe.fxp'. …

  12. ajmal says:

    hi
    what program do we use to open the source code?

    thanks

Trackbacks

  1. [...] une expérimentation sympa de Christophe Coenraets . Après le chat vidéo en moins de 30 lignes, il continue à utliser LCCS mais cette fois pour un [...]

  2. [...] Christophe Coenraets Rich Internet Applications, Flex, AIR, Java, Android Skip to content BioUsing Flex with Spring « Multi-User Video Tic-Tac-Toe for Android [...]

  3. [...] et offre, en plus du mode multijoueur, un chat video pour communiquer avec son adversaire. Consulter l’article  MéthodologieRichesse des modes de conversationVoici un intéressant compte-rendu d’un [...]

Speak Your Mind

*