Blog/Portfolio de Bruno Simonhttp://www.bruno-simon.com/fr-frcontact@bruno-simon.com (Bruno Simon)contact@bruno-simon.com (Bruno Simon)Toutes les r�alisations de Bruno Simon, graphiste, d�veloppeur, designer et bien plus encore.<![CDATA[Fake night]]>http://bruno-simon.com/realisation-fake-nightTentative de transormer un environnement de jour en une vidéo de nuit avec en bonus quelques effets sympa.

]]>Bruno Simonrealisationshttp://bruno-simon.com/realisation-fake-nightThu, 19 Apr 2012 15:33:37 GMTR�alisation de Bruno Simon<![CDATA[Bouteilles 3D]]>http://bruno-simon.com/realisation-bouteilles-3dSimples modèles 3D de bouteilles réalisées dans le cadre d'une simulation financière. Modeling avec 3DS Max et rendu avec VRAY. Légère post-production avec After-Effect.

L'une se voulait simple et dénudée d'élément superficiels pendant que l'autre devait arborer une apparence plus luxueuse :

 

]]>Bruno Simonrealisationshttp://bruno-simon.com/realisation-bouteilles-3dThu, 19 Apr 2012 15:27:32 GMTR�alisation de Bruno Simon<![CDATA[Canvas Particules 1]]>http://bruno-simon.com/realisation-canvas-particules-1Simple expérimentation de particules sur canvas HTML5. Une bonne occasion pour tester les limites en termes de performances. Pour information, Chrome intègre  depuis sa version 18 l'accélération matérielle pour les rendus 2D canvas.

TESTER

]]>Bruno Simonrealisationshttp://bruno-simon.com/realisation-canvas-particules-1Sun, 01 Apr 2012 00:30:20 GMTR�alisation de Bruno Simon<![CDATA[WebGL boxes 1]]>http://bruno-simon.com/realisation-webgl-boxes-1Le WebGL est un système de rendu récemment intégré dans nos navigateurs par l'intermédiaire des canvas. Cette technologie tirée d'OpenGL permet des rendus 3D utilisant l'accélération matérielle des ordinateurs depuis l'arrivée d'HTML5.

La librairie Javascript Three.js permet de faciler le développement d'environnement 3D.

Vous devez posséder une navigateur suffisamment récent pour pouvoir tester cette application.

Tester WebGL Boxes 

]]>Bruno Simonrealisationshttp://bruno-simon.com/realisation-webgl-boxes-1Fri, 30 Mar 2012 00:08:38 GMTR�alisation de Bruno Simon<![CDATA[CSS 3D Slideshow]]>http://bruno-simon.com/ressource-css-3d-slideshowL'arrivée de CSS3 avec un taux de pénétration de plus en plus élevé aura permit de voir apparaître une nouvelle forme de supports de présentation en HTML.

L'une d'entre elle, nommée modestement CSS 3D Slideshow, permet de créer des slides avec des transitions 3D du plus bel effet.
Ces présentations sont compatible avec tous les navigateurs de dernière génération et modifiables depuis n'importe quel éditeur text/html.

Il est possible de changer la mise en forme en css, de rajouter des fonctionnalités JS mais aussi d'afficher des vidéos et de jouer du son sans plugin flash.

Les présentations fonctionnent bien entendu sur les mobiles bénéficiant de la technologie HTML5.

]]>Bruno Simonressourceshttp://bruno-simon.com/ressource-css-3d-slideshowWed, 28 Mar 2012 15:19:44 GMTR�alisation de Bruno Simon<![CDATA[Pusher]]>http://bruno-simon.com/ressource-pusherLe websocket est l'une des grandes nouveautés d'HTML5. Il permet de créer un tunnel de données entre le client et le server et donc aussi entre plusieurs clients.
Les possibilités sont multiples mais l'exemple classique est celui où l'on peut voir les curseurs de dizaines d'utilisateurs bouger sur la même page avec un temps de latence incroyablement bas.

Pour ceux qui veulent s'y essayer, Pusher fourni des servers avec une offre gratuite largement suffisante pour découvrir les Websocket (20 connection maximum pour 100 000 messages par jour) et une API rendant le développement très simple.

]]>Bruno Simonressourceshttp://bruno-simon.com/ressource-pusherSun, 25 Mar 2012 11:51:45 GMTR�alisation de Bruno Simon<![CDATA[Codr]]>http://bruno-simon.com/ressource-codrCodr.cc est une solution de coding à plusieurs. Il suffit de se connecter au site pour directement commencer à écrire du code. Une url est fournie et permet à d'autres de voir et d'éditer le même code en live. Cette instantanéité est obtenue grâce au websockets HTML5.

Une coloration syntaxique est disponible pour les langages HTML, CSS, Javascript, PHP, Python, Java, C++ et Ruby.

En raison de quelques bugs, il est préférable de l'utiliser uniquement pour partager son code facilement.

]]>Bruno Simonressourceshttp://bruno-simon.com/ressource-codrWed, 21 Mar 2012 10:41:58 GMTR�alisation de Bruno Simon<![CDATA[Battleship | Bande-annonce]]>http://bruno-simon.com/ressource-battleship-bande-annonceUne espèce sur-développé et hostile à l'homme qui sort des profondeurs de la mer. Des bateaux de guerres pour faire face. Place à l'action avec Battleship qui promet de belles images bourrées d'effets spéciaux.
Sortie prévue le 11 avril 2012.

]]>Bruno Simonressourceshttp://bruno-simon.com/ressource-battleship-bande-annonceSun, 25 Mar 2012 15:01:05 GMTR�alisation de Bruno Simon<![CDATA[NUIverse pour Microsoft Surface]]>http://bruno-simon.com/ressource-nuiverse-microsoft-surfaceNUIverse est une application tournant sur les tablette Miscrosoft 2.0 et permet de naviguer dans l'espace avec une immersion et une intuitivité rarement égalée.
Pour rappel, il vous faudra dépenser pas loin de 10 000 € rien que pour une tablette Samsung's SUR40.

]]>Bruno Simonressourceshttp://bruno-simon.com/ressource-nuiverse-microsoft-surfaceMon, 19 Mar 2012 23:10:03 GMTR�alisation de Bruno Simon<![CDATA[Samsung | Saint-Valentin]]>http://bruno-simon.com/realisation-samsung-saint-valentinDéveloppement d'une application Facebook Samsung par l'agence Heaven via la Junior Entreprise Synerg'heTiC pour la Saint-Valentin.

L'application permettait au couple de se connecter afin de choisir un téléphone pour son/sa partenair(e) et avoir une chance de gagner au tirage au sort final. Les couche-tard pouvaient voir une version spéciale nuit à partir d'une certaine heure. 

Intégration par Steven Loiseau.

 

]]>Bruno Simonrealisationshttp://bruno-simon.com/realisation-samsung-saint-valentinMon, 19 Mar 2012 17:19:34 GMTR�alisation de Bruno Simon<![CDATA[Samsung | Wave 3]]>http://bruno-simon.com/realisation-samsung-wave-3Développement d'une application Facebook par l'agence Heaven via la Junior Entreprise Synerg'heTiC pour la promotion du Samsung - Wave 3.

L'onglet Facebook consistait en une série d'applications cliquables donnant accès aux informations mais aussi à un concours permettant de gagner aléatoirement des Wave 3.

Intégration par Steven Loiseau.

 

]]>Bruno Simonrealisationshttp://bruno-simon.com/realisation-samsung-wave-3Sun, 01 Apr 2012 00:31:04 GMTR�alisation de Bruno Simon<![CDATA[Expire - Le Film]]>http://bruno-simon.com/realisation-expire-le-film

Expire est un film réalisé durant les deux semaines vidéos à HETIC.
Par équipe allant jusqu'à 9 l'objectif était de réaliser un court métrage en seulement 12 jours.

L'équipe du film :

 - Quentin Gauvrit
 - Maxime Sarri
 - Marie-Aude Robic
 - Benjamin Khin Nguyen Phuc
 - Arthur Honinckx
 - Jean-Briac d'Augustin
 - Céline Tonnelier
 - Steven Ankri
 - Bruno Simon

Les éléments 3D ont été réalisés sur 3DS Max. After Effect étant nécessaire pour les effets spéciaux, Premiere Pro était idéal pour le montage.
Une caméra GoPro a été utilisée pour une grande partie des plans.

 

]]>Bruno Simonrealisationshttp://bruno-simon.com/realisation-expire-le-filmSun, 01 Apr 2012 00:31:24 GMTR�alisation de Bruno Simon<![CDATA[Raoul 3D]]>http://bruno-simon.com/realisation-raoul-3dLe personnage représente le directeur du cabinet d'assurances. Le site Internet communiquant sur l'aspect proche du cabinet envers ses clients, il était important de pouvoir visualiser des personnes sur le site, d'où la caricature. Le modèle a été réalisé sur 3DS-Max.

]]>Bruno Simonrealisationshttp://bruno-simon.com/realisation-raoul-3dSun, 01 Apr 2012 00:31:48 GMTR�alisation de Bruno Simon<![CDATA[Générateur de particules]]>http://bruno-simon.com/realisation-generateur-de-particulesL'application Flash qui suit permet de générer des particules et de les personnaliser. Pas de but particulier, faites les particules que vous souhaitez, personnalisez la forme, la couleur, l'animation et plein d'autres paramètres en live.

 

]]>Bruno Simonrealisationshttp://bruno-simon.com/realisation-generateur-de-particulesMon, 19 Mar 2012 00:40:18 GMTR�alisation de Bruno Simon<![CDATA[Grid Maker]]>http://bruno-simon.com/realisation-grid-makerUne petite application flash dont l'objectif est de permettre à l'utilisateur de créer une grille et de la personnalisée pour laisser évoluer les particules.
L'application s'inspire directement du film Tron : Legacy et notamment du générique de fin avec ses lumières laissant des traces.

TESTER L'APPLICATION

]]>Bruno Simonrealisationshttp://bruno-simon.com/realisation-grid-makerMon, 19 Mar 2012 00:28:09 GMTR�alisation de Bruno Simon<![CDATA[Molehill Away3D]]>http://bruno-simon.com/realisation-molehill-away3dTest de la version du flash player 11 encore à l'état "Incubator".

La grande nouveauté est l'amélioration des performances graphiques grâce au nouveau système de rendu bas niveau Mohehill. Pour pouvoir utiliser Mohehill, les gars de chez Away3D on mis à disposition une version Alpha, nommée Broomstick.
La Class jiglibFlash a été utilisé pour permettre de gérer la physique et les collisions.

Les nouvelles performances permettent d'afficher des milliers de polygones sans aucun ralentissement.

Après plusieurs mises à jour des navigateurs et du flash player, la version actuelle de l'expérimentation ne fonctionne malheureusement plus. Le lien a donc été supprimé mais de nouvelles expérimentations devraient arriver bientôt. 

 

]]>Bruno Simonrealisationshttp://bruno-simon.com/realisation-molehill-away3dMon, 19 Mar 2012 00:19:19 GMTR�alisation de Bruno Simon<![CDATA[Le Comptoir]]>http://bruno-simon.com/realisation-le-comptoirLe Comptoir est un bar sur Paris conseillé pour tous les fans de rugby et pour profiter d'une bonne pinte de chouffe dans une bonne ambiance. Voila pour la petite publicité.

Design original mais ne correspondant pas suffisamment au style du bar

]]>Bruno Simonrealisationshttp://bruno-simon.com/realisation-le-comptoirMon, 19 Mar 2012 00:07:32 GMTR�alisation de Bruno Simon<![CDATA[Head Tracker v1]]>http://bruno-simon.com/realisation-head-tracker-v1L'objectif était de détecter la position de l'utilisateur et de sa tête grâce à sa webcam en actionscript 3.

Posez votre ordinateur portable ou la webcam sur une surface stable, autorisez flash à utiliser votre webcam (nécessaire pour le tracking) et déplacez-vous de gauche à droite et de haut en bas pour voir le résultat.

 

L'univers 3D a été réalisé avec Away3D. Le debugger permet de comprendre la détection des mouvements.

Fonctionnement :
A chaque frame, le script compare l'image actuelle à celle l'instant d'avant. Les coordonnées de tous les pixels qui ont changé de couleurs sont stoqués dans un tableau et la moyenne de ces coordonnées permet d'obtenir la position de la personne. Une limitation de la hauteur de détection permet de cibler la tête.

Il s'agit d'une première version. De nombreux problèmes sont à corriger. L'idéal serait de ne detecter que le visage et non les mouvements comme c'est le cas actuellement.

]]>Bruno Simonrealisationshttp://bruno-simon.com/realisation-head-tracker-v1Sun, 18 Mar 2012 23:55:57 GMTR�alisation de Bruno Simon<![CDATA[Système Solaire 3D]]>http://bruno-simon.com/realisation-systeme-solaire-3dSystème solaire 3D en Flash réalisé avec le moteur de rendu Away3D. Les textures d'origine proviennent de ce site. Le nombre de polygones vari selon la distance de la caméra par rapport aux différents models pour de meilleur performances.

 

TESTER LE SYSTÈME SOLAIRE

]]>Bruno Simonrealisationshttp://bruno-simon.com/realisation-systeme-solaire-3dSun, 18 Mar 2012 23:41:38 GMTR�alisation de Bruno Simon<![CDATA[Paper Boxhead]]>http://bruno-simon.com/realisation-paper-boxheadÇa ne sert pas à grand chose mais pour ceux qui ont le temps et l'envie, voici quelque Paper Boxhead réalisés sur Photoshop.

 

TÉLÉCHARGER LA VERSION IMPRIMABLE

 

]]>Bruno Simonrealisationshttp://bruno-simon.com/realisation-paper-boxheadSun, 18 Mar 2012 23:05:22 GMTR�alisation de Bruno Simon<![CDATA[Space Shooter]]>http://bruno-simon.com/realisation-space-shooterContrôlez la position de votre vaisseau avec les flèche et dirigez vos tirs avec votre souris pour détruire les vagues d'ennemis et augmenter votre arsenal.

JOUER AU JEU

]]>Bruno Simonrealisationshttp://bruno-simon.com/realisation-space-shooterSun, 18 Mar 2012 22:59:34 GMTR�alisation de Bruno Simon<![CDATA[Ancien portfolio]]>http://bruno-simon.com/realisation-ancien-portfolio

]]>Bruno Simonrealisationshttp://bruno-simon.com/realisation-ancien-portfolioSun, 18 Mar 2012 22:47:20 GMTR�alisation de Bruno Simon<![CDATA[Caricature Einstein]]>http://bruno-simon.com/realisation-caricature-einsteinCroquis réalisés à la main puis dessin à la tablette

]]>Bruno Simonrealisationshttp://bruno-simon.com/realisation-caricature-einsteinSun, 18 Mar 2012 22:27:08 GMTR�alisation de Bruno Simon<![CDATA[Lampe à huile 3D]]>http://bruno-simon.com/realisation-lampe-a-huile-3dExercice de modeling 3D sur 3DS-Max dont le but était de réaliser une lampe à huile à partir d'une photo.

 

Originale

]]>Bruno Simonrealisationshttp://bruno-simon.com/realisation-lampe-a-huile-3dSun, 18 Mar 2012 22:23:26 GMTR�alisation de Bruno Simon<![CDATA[Casque 3D Aerial 7]]>http://bruno-simon.com/realisation-casque-3d-aerial-7Réplique 3D du casque Aerial7 Tank réalisée sur 3DS-Max durant la semaine de formation à HETIC.

 

Original

 

Bonus

 

]]>Bruno Simonrealisationshttp://bruno-simon.com/realisation-casque-3d-aerial-7Sun, 18 Mar 2012 22:18:18 GMTR�alisation de Bruno Simon<![CDATA[Legion]]>http://bruno-simon.com/realisation-legionConçu par curiosité sur les fondements d'une IA en actionscript 3. Chaque vaisseau test en permanence où se trouve les différentes zones pour choisir vers laquelle il doit se réfugier.

]]>Bruno Simonrealisationshttp://bruno-simon.com/realisation-legionSun, 18 Mar 2012 22:08:16 GMTR�alisation de Bruno Simon<![CDATA[Logo 3D perso]]>http://bruno-simon.com/realisation-logo-3D-persoLogo réalisé en une après-midi pour cloturer la semaine de formation 3DS-Max à HETIC.

Directement inspiré du logo EA visible dans le jeu Crysis.

]]>Bruno Simonrealisationshttp://bruno-simon.com/realisation-logo-3D-persoSun, 18 Mar 2012 22:00:48 GMTR�alisation de Bruno Simon<![CDATA[Sony Cyber-Shot]]>http://bruno-simon.com/realisation-sony-cyber-shotMaquette réalisée en 3h dans le cadre d'un examen à HETIC. L'objectif était de réaliser le design d'un site factice faisant la promotion des nouvelles gammes d'appareils Cyber-shot de chez Sony.

]]>Bruno Simonrealisationshttp://bruno-simon.com/realisation-sony-cyber-shotSun, 18 Mar 2012 21:53:02 GMTR�alisation de Bruno Simon<![CDATA[Bouncing Game]]>http://bruno-simon.com/realisation-bouncing-gameJeu réalisé il y a environ un an pour de découvrir l'actionscript 3.


]]>Bruno Simonrealisationshttp://bruno-simon.com/realisation-bouncing-gameSun, 18 Mar 2012 21:47:30 GMTR�alisation de Bruno Simon<![CDATA[Un monde de lave]]>http://bruno-simon.com/realisation-un-monde-de-laveL'objectif de ce digital painting réalisé sur Photoshop étaient de dessiner un sous-terrain rocheux couvert de lave en insistant sur l'effet de chaleur.

Les détails sont peu développés puisqu'il s'agissait surtout d'une expérimentation.

]]>Bruno Simonrealisationshttp://bruno-simon.com/realisation-un-monde-de-laveSun, 18 Mar 2012 21:55:14 GMTR�alisation de Bruno Simon<![CDATA[Junior Entreprise]]>http://bruno-simon.com/realisation-junior-entrepriseMaquette réalisé dans le cadre des cours de webdesign à HETIC pour simuler la refonte du site de la junior entreprise de l'école. Le cahier des charges était assez souple pour ne pas limiter les possibilités graphiques et permettre d'imaginer une navigation plus attrayante.

]]>Bruno Simonrealisationshttp://bruno-simon.com/realisation-junior-entrepriseSun, 18 Mar 2012 21:15:58 GMTR�alisation de Bruno Simon<![CDATA[Anthony Cabula]]>http://bruno-simon.com/realisation-anthony-cabulaAnthony Cabula est un artiste graphique belge qui n'en est qu'à ses débuts mais qui fait pourtant preuve d'incroyables talents dans des domaines tels que la 3D, la photographie, la musique ou encore la réalisation et le montage de films.

Ayant besoin d'un blog en urgence pour présenter ses travaux à l'occasion d'un entretient, le porte-folio a été réalisé en seulement quelques jours.

Le webdesign à ensuite été intégré à une simple installation wordpress, idéale pour les blogs.
Le lendemain, le site était fonctionnel.

]]>Bruno Simonrealisationshttp://bruno-simon.com/realisation-anthony-cabulaWed, 21 Mar 2012 11:38:01 GMTR�alisation de Bruno Simon