Archives de catégorie : SPACEGOO

Les news de la startup SPACEGOO

PARIS BUBBLES

Le développement de cette démonstration webgl nous a fait revenir à l’objet initial qui nous a lancé dans la création de SPACEGOO, à savoir l’affichage de contenus multimédia, typiquement 2D, dans un contexte 3D. Ici le contexte 3D permet une expérience de navigation plus douce, qui n’est pas hachée par les clics sur les liens hypertextes.

Le contraste entre la 2D et la 3D créé un effet intéressant, et met en valeur le contenu 2D par effet de perspective. Cette mise en valeur est enrichie par les transitions entre la couleur et le noir et blanc.

Cette démonstration nous a pris 4 jours de développement à 2, et on est très satisfait du résultat produit. Par rapport à nos autres démonstrations nous introduisons des éléments nouveaux, notamment le positionnement d’éléments CSS en synchronisation avec la scène Webgl. Le déploiement du contenu est également innovant : au début il sort de la bulle où chaque contenu est emballé dans un carré, et ces carrés sont de tailles décroissantes et positionnés dans un rectangle dont le rapport hauteur/largeur vaut le nombre d’or ( vous trouverez plus d’informations sur cette disposition ici : http://en.wikipedia.org/wiki/Fibonacci_number ). Puis il se dispatche sur l’écran de sorte à ne pas trop se chevaucher.

Cette présentation rend particulièrement bien avec un écran tactile de grande taille.

Le lien vers la démo est ici : http://www.spacegoo.com/bubbles

Pour les non compatibles, voici la démo :

bubbles.ogv
Runtime
1:25
Compteur de vues
454

Editeur de circuits en html5

Nous voulons créer un jeu de voitures en 3D en WebGL.  Nous avons donc commencé par créer un éditeur de circuits.

Créé en html5 et php, ce logiciel permet à l’utilisateur d’importer une image de fond (vue aérienne ou tracé d’un circuit connu) puis d’en créer une représentation 3D sous la forme d’un fichier ply (stanford).

Voici un exemple du résultat [circuit de Dijon] L’essentiel de la procédure consiste à définir des courbes de Bézier qui représenteront le bord du circuit. On peut alors éditer les points de contrôle de chaque courbe par simple clic/glisser. On dispose à tout moment de la touche ‘u’ pour revenir en arrière.

On peut ensuite calculer le maillage et l’exporter en ply, comme présenté dans la vidéo ci-dessous :

Spacegoo Circuit Editor
Runtime
1:20
Compteur de vues
186

La dernière version de Temps Libre en 3D vient de sortir

La dernière version du magazine Temps Libre en 3D vient de sortir. Elle est disponible ici :

http://www.temps-libre.info/3d/TempsLibreParis63

Cette mise en page innovante a été effectuée en utilisant Spacegoo CMS.
Pour ceux qui n’ont pas de navigateur compatible ou un ordinateur trop vieux ou des drivers graphiques pas à jour avec windows XP/vista, voici une vidéo capture d’écran :

SPACEGOO CMS adopté par Temps Libre

Temps Libre est un journal gratuit mensuel au format A4, dont l’édition actuelle est à 40 pages et qui va bientôt passer à 56 pages. C’est le premier journal à adopter la présentation 3D SPACEGOO. Vous pouvez trouver les différentes édition du numéro actuel en suivant ces liens :

Pour pouvoir les visualiser, il faut un navigateur compatible WebGL, typiquement Firefox 4 ou Chrome (8 ou supérieur). Il faut également que vous ayez vos drivers de carte graphique à jour, notamment pour les utilisateur de Windows Vista.