merci Francis !

Vous l’avez peut-être raté entre bûche de Noël et petits fours mais un article est passé sur arnandtech.com annoncant le moteur d’Unreal 3 sur l’Iphone. Ce dernier se rajoute donc à la liste des moteurs 3D pour Iphone déjà en place (voir mon billet : Moteurs 3D sur Iphone : SiO2, Unity3D, Shiva et Torque se montrent ). Démo en vidéo :

En gros, l’iphone n’est pas la seule plateforme cible puisqu’une autre plateforme mobile bénéficiera du moteur. Il ne tourne pour l’instant que sur l’Iphone 3GS uniquement. La seule démo existante semble plutôt fluide d’ailleurs. (on remarquera ces joysticks virtuels dans l’image toujours sur les côtés). Il ne semble d’ailleurs pas y avoir d’offre officielle pour développer sur mobile. On en saura plus après le CES prochainement :  » This isn’t a platform specific thing, it’s about bringing Unreal Engine 3 to the entire portable market. »

Citation d’un ami qui regarde mon billet par dessus mon épaule : « Unreal sur Iphone. Mouais. Tu n’auras jamais assez de batterie pour finir un niveau« . Mais il est de mauvaise foi…

Plutôt que de le retweeter, finalement, c’est aussi une bonne idée d’en créer un petit billet. Lee Brimelow a mis en ligne une vidéo montrant tout le processus de création et de test d’une application Iphone à partir de Flash CS5. On remarque l’intégration de classes pour l’accéléromètre, l’exportation identique à un swf ou un fichier AIR, et un test facile de rendu sur l’Iphone. Cela devrait en plaire à plus d’un.

Il y a presque un an, j’évoquais au travers d’un exemple concret une contradiction dans les standards dits « interactifs » de différents constructeurs de mobiles tactiles : comprenez par là que chacun allait de sa méthode d’interagir avec un écran et certains partaient dans des sens complètement opposés.

Si l’explosion des Iphone a quelque peu affirmé les choses, c’est sans compter quelques idées comme le portage du traditionnel clic-maintenu pour interagir plus rapidement avec une interface radiale. Le fait de relever le doigt de l’écran déclenche la sélection de l’item. Démo en vidéo (issue apparemment de engadget) :

Unity3D

Charmante démo technologique de Unity3D sur Iphone avec Penelope, disponible gratuitement sur Itunes.

Dans le genre, nous avions déjà des jeux de zombies, ou de Voodoo.

Shiva de Stonetrip

La liste des jeux de chez Stonetrip est impressionnante : http://www.stonetrip.com/iphone-3d-games.html et reste un peu dans l’ombre de tout ce qui se fait avec Unity3D.

Torque de GarageGames

GarageGames également, avec sa liste de jeux déjà créée, à voir.

Solution OpenSource : Sio2Interactive

Egalement SIo2interactive, qui est un moteur de rendu 3D open source, qui a su créer quelques jeux intéressants visibles sur leur site :

MeditationGarden from SIO2 Interactive on Vimeo.

Les autres
- On peut signaler Bork3D, croisé par hasard, qui est plus petit et moins développé.
- OolongEngine également, dont le site fait plus pâle figure.

Le blog de google Geo developper annonce la mise à disposition au travers de l’API de flash d’un peu de 3D. De quoi s’agit-il ? Simplement de la possibilité d’incliner la cartographie à plat vue de haut en différentes perspectives. Il se retrouve combiné avec du Papervision pour y inclure des bâtiments en 3D, ou d’autres éléments, avec une petite différence entre le rendu sous Flash 9 et sous flash 10, un peu plus performant. De quoi se rapprocher un peu d’un Google Earth en mode dégradé, surtout lorsque l’on sait que les fichiers KMZ fonctionnent aussi sous Google Maps.

A voir ce que cela donne en démo sur les ressources de l’API de google maps dans flash, déjà bien fournie en tutoriaux. Petit reproche : c’est parfois un peu lourd, quand même ;)

Il est vrai que la vue en 3D des villes du monde attire beaucoup, si j’en crois la dernière application de très bonne qualité (un peu chère) dispo sur Itunes vue via un article de mobinaute sous le doux nom de http://www.mobile3dcity.com :

Billet en réaction à quelqu’un qui me parlait des applications sur Iphone de sites d’actualités qui se copiaient tous les uns les autres avec le même positionnement de boutons : Ce positionnement en bas de l’écran étant un élément de navigation standard (Apple l’utilise d’ailleurs pour son application de l’appstore) prévu en développant comme une sorte de composant déjà tout prêt. Ce qui est malin dans ce type de développement, c’est que le code standardise un peu l’ergonomie des applications, évitant de partir dans toutes les directions côté conception.

Car la tâche n’est pas facile : les contrôles se sont déplacés dans l’écran. C’est tout simple mais cela peut provoquer une remise en question en terme de conception, et une perte de la navigation pour l’utilisateur.

Finalement, une chose intéressante lorsque l’on regarde un Iphone, c’est qu’il n’a bien sûr pas de clavier, mais pas de bouton de contrôle non plus. Un changement dans l’interface puisqu’elle doit répondre à deux situations : le mode vertical et horizontal.

Deux modes de visualisation et de navigation à maîtriser
Deux modes de visualisation du contenu et d’interaction qui ont du résoudre et absorber deux usages bien différents mais plus traditionnels :
- les claviers de téléphones portables (contrôles en dessous de l’écran)
- les contrôles (touches et stick) de consoles de jeux portables (PSP par exemple…) placés sur les côtés de l’écran.

Verticalement, on se rend compte que le système d’onglet, bien connu du web, est des plus utilisés (voir mon image plus haut). Les boutons sont tous placés en bas de l’écran, puisque très logiquement en haut, le doigt cache complètement le reste du contenu lors de la navigation. Les claviers étaient généralement placés en dessous de l’écran, les interfaces tactiles ont supprimé les croix directionnelles mais ont déplacé ces boutons dans l’écran. CQFD. Tous ces boutons au reflet bleutés dans l’état sélectionné formatent un peu la navigation exactement comme si tout le web était sous le même CMS, même si l’on perd un peu en originalité au final. Vraiment ?

La standardisation des éléments de navigation limite-elle la créativité de mise en page ? Pas forcément. On peut citer certaines applications comme Dexigner, Ru89, Home, ou même un peu plus éloigné l’application de Absolut, qui utilisent une mise en page ou une mise en scène un peu différente, se démarquant des simples listings d’articles.

Horizontalement, ce sont plutôt les jeux. Et là, je rejoins mon dernier article sur ce même déplacement. Challenge en terme de conception et de gameplay donc : tous les jeux ne se ressemblent pas et beaucoup n’ont pas accroché à certains qui demandaient de recouvrir tout l’écran avec le doigt. Certains sont même injouables. Il n’en demeure pas moins que le fait de placer des contrôles dans l’écran au même emplacement qu’ils n’étaient lorsqu’ils étaient bien physiques, n’est pas une si mauvaise idée quand même.

Image tirée du forum de iphone.fr, de Seven Swords, un RPG sur Iphone : les contrôles sont placés là idéalement de la même manière pour se déplacer et pour réaliser des actions. Pas si simple pour un RPG.

Ce challenge en terme d’interface intervient pour toutes les interfaces tactiles au final : comment s’échapper des contrôles physiques et comment surtout faire sans pour réaliser des même actions. Pour les larges surfaces tactiles, le problème n’est que plus large (ahah…). Je l’avais déjà évoqué : comment démarrer une vidéo sur un écran tactile (double clic, enfin double-doigt, ou bien dessin d’un ‘play’ ?), comment enregistrer un élément ou changer de vue ? Bref, de quoi se creuser la tête, au-delà d’une certaine standardisation récurrente…

Lorsque l’on regarde un Iphone, il faut bien se rendre à l’évidence : il n’a pas de stick de contrôle. Ce qui pour les jeux peut s’avérer délicat, surtout lorsque l’on sait que de faire tourner l’iphone de droite et de gauche est à la longue assez pénible et que le pointé du pouce pour contrôler un élément cache le reste de l’écran.

La version sur Iphone d’Assassin’s Creed édité par Gameloft, très en forme sur les jeux sur cette plateforme, a joué là d’astuce : le stick est virtuel et le pouce ne sort pas d’un petit cercle rond placé en bas à gauche de l’écran. Le déplacement des contrôles comme ceux de la DS ou la PSP avec des sticks bien physiques directement dans l’écran est très malin, résout bien des problèmes de gameplay et surtout, cela offre une très bonne qualité de jeu à l’arrivée. Il fallait y penser.

On retrouve le même sur Resident Evil porté sur Iphone d’ailleurs :

Très belle vidéo conceptuelle sur mobile de reconnaissance faciale pour se connecter entre utilisateur par TAT , n’est-ce pas après tout le but premier du mobile ? Bon, nous n’y sommes pas encore, mais peut-être demain…

Voici le premier module de réalité augmentée sur Iphone : une application qui permet de localiser les personnes sur twitter à proximité avec la caméra, combinant les fonctions de 3D CSS transform gèrant les dimensions X, Y Z, avec compas et accéléromètre, le tout en Ajax. Tout est expliqué avec quelques exemples en plus sur : http://i.document.m05.de/?p=685 mais en gros, c’est un module directement intégré dans Safari.

J’avoue que c’est assez étonnant ce qui se passe sur mobile en ce moment : Layar déjà cité va mettre à disposition des API pour utiliser son module de réalité augmenté, avec la mise en ligne de son architecture dès à présent, permettant de comprendre un mieux comment cela marche.

Même jour quasiment, Wikitude annonce la mise à disposition de son API également :

MOBILIZY_PRESSRELEASE_07JULY2009

Merci à Nitenichiryu.org pour l’info.

Encore une librairie disponible sur libspark en train de devenir une petite mine d’or de projets, Iphoneas permet de connecter un jeu en flash et un Iphone. Une vidéo dénichée chez un-q.net :

The flash game is controlled with iPhone from ll_koba_ll on Vimeo.

(Il fut un temps ou je faisais des articles sur le mobile et d’autres choses que flash) : voici donc une nouvelle démo de SR Engine 2 que j’avais déjà évoqué dans un précédent article, module de réalité augmentée sur Iphone permettant d’ajouter à la caméra vidéo des indications supplémentaires aux objets ou aux bâtiments que l’on est en train de filmer.

(La notion de « augmentée » semble sujette à caution car il n’y a pas de 3D dedans. Pour ma part, celle-ci ou les systèmes de Freetag augmentent en information l’objet que l’on voit. Dans ce sens, c’est logique.)

(Via gamesalfresco)

Enkin from Enkin on Vimeo.

De même que l’on a Enkin sur Android, j’avais cité mobilizy sur mobile avec leur application d’ING fort intéressante et utile, et même la Sekai camera bien connue de tous à présent, et même Geovector. On retrouve également Nokia avec leur point and find… on pourra voir la vidéo de démo sur youtube d’ailleurs…

Si ce type d’application tarde à venir sur nos mobiles, les contraintes n’étaient pas des moindres :
- des transferts de data surfacturés,
- des portables n’ayant pas la capacité graphique nécessaires
- une absence de compas/gps hormis quelques rares modèles.
- une mauvaise gestion des applications/widgets sur mobile qui rendait leur déploiement difficile…
- une reconnaissance du lieu délicate
- De petits écrans et peu de couleurs
- Les webservices encore peu répandus.

Et ce n’est pas sans rappeler le semi-échec (ou complet ?) du QRcode & co en Europe, là où le Japon a excellé dans son utilisation avec un seul et unique standard utilisé par une grande majorité.

Bref, les seuls rares exemples étaient présents jusque là sur PDA, ou mobile haut de gamme (voir MARA avec un Nokia N95)

Quels seront les avantages et les conditions ??
Si la techno n’est pas nouvelle (rappelons que certains ont commencé à travailler dessus en 2003 et voire même avant), c’est avec un Android ou la prochaine version de l’Iphone que ce type d’application pourra réellement voir le jour. Cet usage aura-t-il plus de chances ?

- On pourra jouer. Certes. Même si l’on a déjà des GPS mission ou des ParallelKingdom à base de geolocalisation, on a toutes sortes de jeux qui peuvent voir le jour avec la réalité : jeu de piste, jeu d’enquête etc… sans compter sur Nintendo pour faire des jeux comme Ghostwire.
- Des informations, avis et critiques sur les restaurants, sur les hotels et les bars (etc…) et pour cela, les sites de proximité ont déjà une base de donnée énorme géocalisée. Reste à croiser les données.
- Des visites guidées : pour le tourisme, ou pour les musées ( comme le MARQ), cela pourra être possible et ludique. Dans ce domaine, c’est juste une évolution naturelle de ce qui existe déjà… j’avais travaillé dessus il y a quelques années. c’était plus ou moins le concept.
- Cela existe déjà plus ou moins dans l’industrie avec des aides sur des lunettes souples indiquant les caractéristiques de telle ou telle pièce que l’on cible (il faudra que je retrouve cela.)
- Comme outil de support pour les handicapés ? information sur l’accessibilité des bâtiments, pour les aveugles dans la rue avec une sythèse vocale… ca colle. Et cela a l’air de démarrer pour les produits déjà :

- Les twitters-likes et réseau sociaux qui s’essaient à la géolocalisation… (social sooshi, aka-aki etc.. qui ont un peu du mal à démarrer en France…) existent déjà
- Aujourd’hui, tout le monde sait ou presque utiliser google maps ^ (Et comprends plus ou moins le principe de la géolocalisation). Mieux, beaucoup maitrisent également le principe du wiki ou de la base de données régies par les utilisateurs, selon le même principe que les photos sur google maps ou que les références sur les sites de proximité… chose parfois essentielle pour obtenir une bonne reconnaissance d’image.
- Les technologies sur mobile sont plus soucieuses de l’ubiquité de leurs applications…

On peut toujours laisser le choix à l’utilisateur entre la 2D (google maps) et la 3D, enfin la réalité vue par l’oeil de la caméra… ce qui permet de lancer l’usage… Il faudra en tout cas démonter la valeur ajoutée dans les applications qu’offre ce système à une simple géocalisation cartographique en 2D. Le SREngine me semble bien parti en tout cas !

Edit : je suis tombé après coup sur une présentation qui traite du même sujet.. la chance ;)

Et c’est encore Int13.net qui revient avec cette vidéo d’un de leur prochain jeu : Kweekies. Sortie du jeu cet été sur Smartphone.

Merci France ^

Une application à base de réalité augmenté sur Google Android d’ING aux Pays-Bas qui innove après sa dernière campagne web vidéo en Belgique assez magnifique (soulignons-le) pour son côté décalé et très bien écrite. L’application couple votre position GPS, et la caméra pour représenter en temps réel le distributeur le plus proche. Ils utilisent le système – qui commence à être connu – de mobilizy en démo dans la vidéo plus bas, avec la collaboration de SPRXMobile. Un mode carte est également disponible pour une vision avec plus de recul. Cette application est un très bon exemple d’intégration rapide d’une techno développée vers une société qui va l’utiliser à bon escient.

Au-delà des applications amusantes, la réalité augmentée fait beaucoup parler d’elle en ce moment et ses domaines d’activités semblent très nombreuses (géocalisation, médecine, industrie, entertainement, magasin, boutique de vêtement…). On a là un bon exemple d’application rendant vraiment service à ses utilisateurs.
L’application est disponible sur : http://wegwijzer.ing.nl/

La source de l’information est marketingfacts.nl

La vidéo du système de mobilizy.

Edit : je viens de trouver un reportage sur l’outil en question :

Quelques idées sur 2009 en quelques points non exhaustifs bien sûr, je mets à plat quelques ‘trucs’ qui m’interpellent quand on me parle de 2009…

1. Le web tend de plus en plus vers le jeu et des codes interactifs ou narratifs (et sans parler du cinéma) qui puisent leur inspiration dans celui-ci. On le voit beaucoup au travers de certains sites en flash apparus en 2008 ou certaines bannières : la mise en scène ludique du contenu, la manipulation interactive des éléments dans l’espace, le scénario… (merci à la 3D temps réeel, la vidéo interactive, et le flash tout court)C’est aussi une question de capacité technique devenu possible, mais c’est un aspect du web que je prends plaisir à observer.

2. 3D in the browser : oui ! de Flash 10, à Unity3D, de plus en plus… j’en parle assez depuis des mois et certains se demandent aujourd’hui si Adobe n’aurait pas intérêt à racheter Unity pour l’intégrer dans flash. beaucoup ont envie de faire un grand pas en avant avec les capacités de calcul. Cette idée folle pourrait être révolutionnaire… Toutefois, le débat entre Unity et Flash semble intéresser pas mal de monde. Il y a même sur googlecode des projets d’intégration de Unity dans une page web, très tourné vers le dialogue avec Flash (j’avais avancé l’idée que Unity pourrait remplacer Shockwave, ce n’était peut être pas si idiot que cela, et surtout avec la mise à dispo de l’outil sur pc qui arrive en 2009)
;)

3. Interconnections, et dialogues : de la 3D au web, du web au mobile, du mobile à la 3D, de la 3D dans le web qui communique avec un mobile, du web/metaverse qui comunique avec des objets reliés à internet… : dialogues, échanges, et partage de données. Comme pour le flash : tout support, plateforme, omniprésent et permanent. Des services comme Twitter forcent la main, sous la frénésie des internautes à vouloir rester connectés en permanence. La représentation des données s’adapte en fonction du support, mais elles continuent de transiter…

4. En parlant de Lifestream/lifelogging, l’élément central reste l’identité numérique et l’avatar. Ce couple est une relation passionnante qui reste la base de tout échange, et la base de nombreux univers. Je crois beaucoup à l’utilisation et à la montée en puissance de l’avatar comme élément central d’un certain développement du web (ce n’est pas nouveau en même temps), même si c’est quelque chose d’un peu trop systématique aujourd’hui. (Edit : à lire un billet qui va dans ce sens d’ailleurs! et ma petite chronique là-dessus sur l’atelier)

5. Attention à ne pas se lancer trop vite : le web se développe depuis 15 ans, la 3D sur le web tente de se développer depuis 15 ans. Certains sujets reviennent régulièrement sur le devant de la scène : espaces virtuels, agents virtuels, tout 3D… Laissez du temps aux technologies pour devenir un peu plus standard et matures… Oui, tout ceci est fun, mais pas n’importe comment. Il y a une question d’équipement du public, de coût de production, de performance de la techno… Observez, testez, expérimentez… Je suis assez d’accord avec certains points évoqués chez readwriteweb : il y a les usages et technos du passé qui ressurgissent avec un effet ‘hype’ et les vraies innovations qui ont tendances à se mêler entre elles et l’évolution peut être lente.

6. Toujours dans les réserves : malgré toutes sortes de prédictions comme celle de Forrester, et malgré des concepts convaincants ci-et-là, je ne crois toujours pas à la prochaine transformation totale d’internet de la 2D à la 3D . Ce sont deux choses qui continueront encore longtemps de travailler en parallèle, de dialoguer et qui ne partagent pas forcément le même usage. (Je reproche un peu aux prédictions de vouloir voir trop loin ( > 2015 ?!), ce qui fausse la vision des choses, et s’écarte de la réalité de ce que sera le futur… beaucoup de points ne sont pas gagnés par avance). C’est aussi pour moi une question d’interface.

Par contre, il ne faut surtout pas sous-estimer la montée en puissance de la 3D du côté du web ou des metaverses (advergames, simple interface 3D en flash, concepts originaux de jeux, serious games, mondes miroirs…). Les outils de créations se sont multipliés en 2008… il va devenir aussi facile de créer un univers virtuel qu’une page web… non j’exagère… Mon site favori de l’année ? Ecodazoo bien sûr !!!

7. On a vu cette année la sortie de Silverlight 2, Flash 10, et AIR sur le terrain des RIAs. Ne me posez pas la question de savoir si Flash ou Silverlight va gagner, je n’aime pas les mettre en concurrence. Toutefois, on va voir en 2009 une explosion des effets d’annonce, des moyens et finalement des avancées en terme de 3D, de vidéo, de RIA… jusqu’à Silverlight 3 et Flash 11 à la fin de l’année 2009. Des versions logicielles qui se suivent plus rapidement, mais est-ce que les gens vont suivre, eux ? (formation, équipement, coût de chaque upgrade…)

8. Montée en puissance de la réalité augmentée comme l’a été en 2008 l’interface tactile. En flash, c’est encore un peu limité, mais sur consoles, sur pc, ou dans les magasins, c’est un élément ludique surprenant qui fascine et qui peut être bien utile de surcroît. IHM, quand tu nous tiens…. Quelques exemples :

Sur PC, consoles ou autre :
- Mini expérimente la réalité augmentée en Allemagne avec plein d’images sur cet autre blog.
- Eyepet : la réalité augmentée arrive sur PS3
- Réalité augmentée de bureau : de nouveaux tamagotchis ? (ca bugge à loisir mais cela reste intéressant).
- Sur une petite revue de web ancienne

En Flash avec Papervision :
- Cette première exploitation pour un vrai site internet de Flartoolkit pour globo.com
- 2ème réalité augmentée en flash et un magazine papier augmenté…
- Réalité augmentée en Flash : #3ème, chez Digital Pictures

Sur Iphone:
ARF : un chiot en réalité augmentée sur Iphone

8 bis. – C’est aussi l’année où l’image va sortir le plus de l’écran, et ce, un peu partout (webcam ou cinéma). Avec les bonnes vieilles lunettes, pourquoi pas. Toutefois, c’est comme pour la 3D sur le web, ces nouvelles interfaces vont enrichir, compléter ou travailler en parallèle l’expérience d’un utilisateur, mais pas remplacer totalement celle que l’on connait depuis des années. (clavier, souris, page web, écran…)

Et enfin, deux points un peu plus hors sujets :
9. Réalité du terrain oblige, des services courants web 2 deviennent payants. (Si jamais un jour netvibes devient payant, je n’aurais pas trop de mal à louer ce service tant il m’est devenu indispensable… mais il ne faudrait pas que cela se généralise ! )

10. Un fossé regrettable de plus en plus présent entre les acteurs d’internet qui font de la veille et grandissent au rythme de l’évolution du web et ceux qui gardent leurs acquis sans les renouveler. Le web a évolué très très vite depuis quelques années et cela continue. Des métiers sont apparus (ne serait-ce dans la création, voir à ce sujet les études de designers interactifs) et le panel des connaissances au global s’étend de plus en plus. Je ne parle même pas de ceux qui n’ont pas pris le train en marche de l’essor d’internet (ou qui ne peuvent pas, confer fracture numérique bien connue)… les résultats sont notables en qualité de la communication, des campagnes et des investissements qui sont faits dans des opérations qui n’auront pas les résultats escomptés. Peut-être est-ce aussi le début de cette Génération Y qui grandit avec un web plus mature, et le ciblage d’un public en particulier de plus en plus important, avec des strates de plus en plus marquées dans les différents usages (UGC, advergames, Serious Games etc…)

De fil en aiguille, les technologies traitées dans ce billet, me permettent aussi – point après point – de montrer qu’il y a une certaine logique sur ce blog (ahah!) et pourquoi je parle d’interactivité en flash, de 3D, et d’univers virtuels régulièrement et de manière mélangée. De plus en plus, ces points sont liés et se mêlent entre eux ! Ce n’était pas si difficile que ca à trouver dans le même temps…

Il suffit de tester deux téléphones mobiles à écran tactile pour se rappeler d’un certain.. problème récurrent. Regardez la vidéo ci-dessus de 23 secondes :

- l’un demande de faire passer le doigt de haut en bas pour défiler le contenu. (Relation de poulie)
- l’autre, (Iphone), de bas en haut, ce qui aimante le doigt sur le contenu. (relation de contact physique direct)

D’accord, même de retour de nouvel an et l’esprit embrumé, ca saute aux yeux : le système interactif de défilement est l’inverse entre les deux téléphones. Je vous laisser deviner celui qui demeure le plus… ergonomique (évident, efficace, compréhensible etc…). En tout cas, passer de l’un à l’autre est extrêmement perturbant.

Et le cas est similaire avec les interfaces tactiles multi-touch : comment fais-je par exemple pour démarrer une vignette qui s’avère être une vidéo ? Double-clic du doigt ? Dessin d’un « play » sur l’écran ? Pour en avoir testé quelques unes maintenant, l’interaction idéale sur ce support reste aussi à trouver…. et à standardiser pour éviter de perdre tout le monde (au moins créer une recommandation) ! D’ailleurs, il y a des travaux dessus en cours… que je vous aurais donné si j’étais plus organisé. Flûte. Ce sera pour une autre fois.