Une Table Connectée pour SARAH et sa Maison

C’était un rêve de geek que j’ai pu enfin réaliser vraiment ! Je ne comprends pas que des entreprises comme ePawn n’arrivent pas sur ce marché…

Il y a quelques temps j’avais acheté et enfin reçu une PlaySurface, projet Kickstarter, utilisant un vidéo projecteur. Mais la résolution était vraiment trop faible et le produit mal suivi…

Matériel

Voici le matériel utilisé pour réaliser la table:

  • TV Haier 50″ (400€ CDiscount Noël)
  • Cadre PQLab G4 50″ 12 points (1030€ Nyu-systems)
  • Meuble en chêne + sapin réalisé par Patrick (un ami)

Ca fait un meuble de 135 x 89 x 53cm !

TV Haier

C’est le moins cher que j’ai trouvé ! Un écran sans 3D, sans connexion, et qui nous fait un beau 1920×1080. Penser quand même à la problématique démontage et aération.

Merci à Olivier Carreno pour les conseils et l’inspiration !

Cadre IR

Pour le cadre, j’ai fais le choix de passer par un revendeur Français pour éviter les mauvaises surprises et avoir une garantie. Mais j’ai aussi les coordonnées d’un revendeur chinois qui propose des cadres 50% moins cher pour une qualité inférieur.

Bon c’est une technologie clairement hors de prix qui sera certainement disrupté prochainement.

Meuble

Patrick a trouvé une belle astuce pour régler la hauteur de l’écran avec 2 rails sur lesquels ont a mis la TV. Comptez un budget de 400€ pour ce genre de table avec de belles finitions.

Même si il y a un verre protecteur de 4mm je pense que je fais rajouter une protection et un bull-gomme…

Machine

Pour jouer immédiatement, j’ai branché mon ordinateur portable. Idéalement il faut rajouter du budget pour un ordinateur type NUC qui pourrait aussi servir de serveur SARAH 😉

Logiciels

Calibration

PQLab fournit un logiciel de calibration du cadre. C’est assez satisfaisant même si je me suis battu avec l’affichage de l’écran.

Il y a aussi un SDK qui a priori sera capable de fournir la taille des touch. Faut que je vois si je peux enrichir mon Windows …

Multitouch

Ca marche bien ! J’ai testé avec plusieurs sites web c’est sympa ! Une tablette géante !!!

Board Game

Alors voilà un des cas d’usage auquel je rêvais ! Malheureusement il y a peu de ressources pour mettre en oeuvre rapidement une petite appli.

Je vais me coder un mini framework pour exploiter les 12 points du multitouch et voir les limites… Je rêve d’un Warhammer 40K Epic sur table connectée !

Vidéo

Voici une petite vidéo !

Bon l’écran est bien réactif mais au niveau HTML5 je suis à la recherche d’une librairie JS qui sait gérer le multitouch sur des tables.

  • Pouvoir ignorer des touchstart
  • Pouvoir isoler des gestures

Et ensuite ?

Plein d’idées !

Et une spéciale dédicace à David Gageot 😉

  1. Un petit test sur Roll20.net qui visiblement ne gère pas le touch:

    J’aime

  2. Enorme !!
    Il me faut la meme ^^

    J’aime

  3. Un bon petit Puerto Rico (jeu de plateau) ou un Agricola enrichie entre pote!
    Mon dieu que j’ai hâte de recevoir mon cadre IR!

    Encore bravo pour la réalisation! ❤

    J’aime

  4. Génial, tu commences quand la série ?
    On peut passer commande 😉

    J’aime

  5. ouah, c’est génial !! 0_0 !!

    J’aime

  6. Sur la partie jeux de plateau c’est rageant car je n’arrive pas à trouver une librairie HTML5/JS simple avec des exemple pour faire ce que je veux j’ai même posté une question sur StackOverflow

    J’aime

  7. Je rajoute une vidéo en cours d’upload

    J’aime

  8. Salut, suite à twitter du coup je viens de te faire part d’une expérience perso sur une table tactile et soft en JS 🙂

    Déjà pour commencer il te faut récup les infos brutes de l’écran tactile c’est un standard dériver de l’OSC, à savoir le TUIO qui va te permettre d’avoir les infos sur les points tactiles, leurs tailles, formes et direction (si disponible par l’écran).

    Ensuite il te faut un soft qui ce connecte à ce flux TUIO et l’interprète. J’ai bosser sur un projet avec un écran tactile PQLab et une appli full web empaqueter avec NodeWebkit. Du coup du node.js pour recevoir les data et les envoyer traité au front.

    Dans un premier temps j’ai utiliser et modifier ce travail : http://fe9lix.github.io/Tuio.js/ mais j’ai du refaire tout le système côté front pour dispatcher des events sur des éléments du DOM. Puis j’ai trouvé https://github.com/ekryski/caress-server qui c’est avéré une super alternative car il fonctionne de pair avec Hammer.js (une lib dédiée pour les gestures multitouch mobile).

    Je pense qu’avec ça tu as tout ce qu’il faut pour communiqué entre ton écran et des langages web.

    Hésites pas si tu as des questions je restes dispo 🙂

    J’aime

  9. Excellent merci c’est très intéressant ! En regardant le SDK de PQLabs je me disais bien qu’il faudrait mettre un serveur WebSocket comme fait le LeapMotion. C’est cool si c’est déjà fait et intégré avec HammerJS.

    Par cotnre je n’arrive pas a trouver une liste précise des choses qu’on a en plus avec TUIO ?

    Pour mon petit exemple j’utilise touchstart qui fait pas mal de choses « simples »

    Et est ce que tu connais des moteurs de jeux de plateau qui se serait construit au dessus de tout ça ?

    J’aime

  10. je mets une autre vidéo en ligne

    J’aime

  11. En cherchant les infos sur les tarifs je suis tombé la dessus : http://www.tangibledisplay.com/media/files/portfolio/PQLabs_price_list_Sept2013.pdf

    J’aime

  12. Alors moi pour être précis c’est un Verre Trempé 4mm + G4 50″ 12pts (anti éclaboussure) pour 1030€ TTC (car les prix doivent être hors taxe) et la livraison est comprise il faut compter environ 10J

    La version chinoise:

    Here we offer several prices for your reference:
    50″ 10 points touch screen overlay sample price 585 dollars
    50″ 16 points touch screen overlay sample price 790 dollars
    50″ 32 points touch screen overlay sample price 1163 dollars

    Sachant qu’il doit y avoir au moins 35% à rajouter de frais de port + douane+ …

    J’aime

  13. Et tu as les prix pour les dimensions inférieur et 32points?

    J’aime

  14. Magique ! Si toi ton rêve c’est un warhammer 40K moi ce serait des parties de D&D ou Pathfinder sur ce genre de table !

    J’aime

    1. J’ai testé rapidement Roll20.net mais visiblement le site est pas très pensé pour le touch

      J’aime

  15. C’est vrai que ce que propose Roll20 est pas mal ! Mais je verrais bien une app bien pensée sur le style de tabletopconnect.com pour tout ce qui est gestion coté DM et un affichage centrale des maps comme Roll20 ! Tellement de choses sont possibles.

    J’aime

  16. Je viens de voir ton post sur stackoverflow JP ! Tu le veux vraiment ton 40K 😀

    J’aime

  17. Hi hi, ah bah quand je cherche de l’information c’est StackOverflow, Quora, G+, les meetup, contacts et plein d’autres sources 🙂

    J’aime

  18. Bonjour,
    Que pensez-vous d’un écran de ce type : http://www.e-gybeset.com/ecran-tactile/1513-iiyama-te4262mts-b1-touch-screen-monitor-4948570111442.html pour faire une table type surface ?
    Merci de votre retour 🙂
    Franck

    J’aime

    1. Faudrait faire le calcul du prix car c’est une techno IR comme ma table. A vu de nez, le cout de le faire sois même doit être inférieur.

      J’aime

  19. Bonjour,
    Je trouve ta table trop géniale !! J’ai bien envie de m’en faire une aussi :p
    Mais avant de me lancer, j’aimerais bien que tu nous fasse un petit feedback, comme ça peu plus d’un mois que tu l’utilises. Est tu satisfais des performances, du tactile, de son utilisation ? Le tactile est-il semblable à celui des smartphone (niveau réactivité et précision) ?
    Merci d’avance pour ta réponse

    J’aime

    1. Merci,

      Je ne l’ai pas utilisé suffisamment pour te répondre,
      – je viens tout juste d’installer un NUC dessus car je trouvais que mon portable laguais
      – Au niveau « touch » ce n’est pas comme un mobile car c’est de l’IR (donc les objets font touch aussi) et c’est moins précis (difficile d’expliquer) mais ca marche quand même bien !
      – Au niveau OS même si windows a fait des efforts il reste pas mal de problème d’ergonomie (j’ai un clavier de planqué)
      – Au niveau code c’est honteux, faut tout réinventer car rien n’a été pensé « multi user »

      J’aime

  20. Merci pour ta réponse, l’as tu testé avec un autre OS que windows ? Et est ce que le tactile permet t-il de remplacer complètement la souris ?

    J’aime

  21. Non que Windows qui a le meilleur support tactile a mon sens, sinon faudrait mettre de l’Android mais bon ….

    Pour la souris oui et non, disons qu’une fois configuré oui mais pour dépanner il faut la souris.

    Et il y a des pb ergonomique de base: tu pose un verre sur la table, c’est un touch. Et donc ton windows réagis en conséquence

    J’aime

  22. Hello à tous, très joli projet comme toujours JP, j’ai réalisé ma table également depuis maintenant 1 an, je viens de faire un refrech récemment, j’ai remplacé la 42″ par une 40″, la 42″ était un poil trop grande pour ce déplacer d’un endroit à l’autre.

    J’ai ajouter un mini PC android, ça marche relativement très bien, et c’est surtout adapté au touche screen, enfin en grande partie. J’ai pu joué à des plateaux style Monopoly, destin le jeu de la vie, etc, c’est assez sympa. Mais sur android, ça arrive que l’IR perdent ses repères, les drivers ont surement été développé avec les pieds…

    Juste un petit retour perso.

    Bonne continuation JP.

    J’aime

Laisser un commentaire