LyonJS

#69 - La 3D sur le web : un effet 'waouh' pas si difficile

Jeudi 16 septembre 2021 à 16:30

Retrouvez-nous pour discuter Javascript autour d'une présentation! Restez avec nous ensuite autour de l'apéro ! Ce soir, c'est encore en présentiel, avec au programme Julien qui va nous parler de 3D sur le WEB.

⚠️ Pour des raisons sanitaires, le pass sanitaire sera obligatoire pour accéder à l'évènement.

L'événement est gratuit & les places sont limitées, pensez à vous inscrire :)

L'évènement sera également diffusé en live sur Youtube 👉 https://www.youtube.com/watch?v=bhITtWOrx4c

Cet événement est gentiment sponsorisé et hébergé par Zenika, un grand merci à eux !

Talk : "La 3D sur le web"

La 3D sur le web, c'est ce petit effet "waouh" que certains sites utilisent pour sortir du lot. C'est un object que vous pouvez visualiser tout en le personnalisant en temps réel sur un site de e-commerce. C'est une expérience visuelle (voire sonore) interactive et immersive, accessible simplement depuis un navigateur. Ça vous dirait d'essayer ?

Je vous propose dans ce talk de parcourir différentes méthodes pour obtenir des effets 3D sur le web. Nous irons des méthodes simples en CSS aux plus complexes en WebGL. Nous parlerons aussi d'animations, de performance, le tout avec un peu de code et beaucoup d’exemples.

Mais avant de partir sur le web, je vous propose de découvrir les concepts de la 3D, qui sont communs à toutes ses applications (cinéma, jeux vidéos, réalité virtuelle…). Pour ça, je réaliserai devant vous l’objet animé que nous importerons ensuite sur une page web, en utilisant un logiciel open source incontournable dans ce milieu : Blender.

À la fin de ce talk en deux parties, vous connaitrez un ensemble de techniques pour apporter de la 3D sur vos pages web, que vous pourrez appliquer en fonction de vos besoins et contraintes.

Présenté par Julien Sulpis. Front-end developer chez Zenika.