SlideShare una empresa de Scribd logo
1 de 34
Descargar para leer sin conexión
#mstechdays
techdays.microsoft.fr
#mstechdays
techdays.microsoft.fr
La magie des pixels
pour les nuls
David Catuhe, David Rousset, Michel Rousseau
@deltakosh davca@microsoft.com
@davrous davrous@microsoft.com
@rousseau_michel mirousse@microsoft.com
tech.days 2015#mstechdays
Au plus profond du grimoire
La magie des pixels
Ou plutôt des têtes de singes
Wireframing
Rasterization
Flat Shading
Gouraud
Shading
Texture
mapping
DEMO
SOFT ENGINE
tech.days 2015#mstechdays
Un peu de vocabulaire
La magie des pixels
Ne soyez plus les moldus de la 3D !
• Un point dans le monde 3D == 1 vertex
• Plusieurs vertex == des vertices
• Le type Vector3 (x,y,z) est utilisé pour donner une
position 3D ou une direction
• 1 Triangle == 1 face
• Un objet 3D object == un mesh
Vertex
Shader
Pixel
Shader
DEMO CYOS
DIS PAPA, C’EST QUOI UN SHADER ?
tech.days 2015#mstechdays
La simplexité
La représentation simplifiée d’un contexte complexe
La magie des pixels
tech.days 2015#mstechdays
Invocation première: Incanto Objectum
La magie des pixels
Une scène 3D, sur quoi ça s’appuie sur?
Scène 3D /
Entités /
Objets /
Polygones /
Triangles.
tech.days 2015#mstechdays
Invocation première: Incanto Objectum
La magie des pixels
La tesselation, c’est quoi ?
Creation des assets 3D dans un éditeur (3D studio
Max, Maya, Blender).
Assemblage dans un outil d’authoring (type Unity,
Crytech sandbox,…).
Optimisation.
tech.days 2015#mstechdays
Invocation première: Incanto Objectum
La magie des pixels
Les shaders, pour un monde en couleur
Différentes couches à assembler pour aller vers le pixel final :
Diffus + Ambient + Réflexion + Auto-illum + bump + spéculaire+
opacité = rendu final.
Procédural vs bitmap.
tech.days 2015#mstechdays
Invocation seconde: Lumos maxima
La magie des pixels
Et la lumière fut.
Pour donner du volume,
Pour animer la scène
Notion d’ombrage et d’ombres (attention, c’est subtil)
Ombres TR vs ombres précalc
tech.days 2015#mstechdays
Invocation troisième: incanto reductas
La magie des pixels
Travailler moins pour aller plus vite
tech.days 2015#mstechdays
Invocation quatrième: maska miseras
La magie des pixels
La jouer a l’esbrouffe
tech.days 2015#mstechdays
Invocation cinquième: occulus maximo 1/2
La magie des pixels
La poudre aux yeux
Anti-aliasing
tech.days 2015#mstechdays
Invocation cinquième: occulus maximo 2/2
La magie des pixels
La poudre aux yeux
tech.days 2015#mstechdays
Invocation sixième: expecto particuli
La magie des pixels
C’est particule yeah!
Feux, fumée, eau, neige, poussière,
explosion, etc..
#mstechdays
techdays.microsoft.fr
© 2015 Microsoft Corporation. All rights reserved.
tech days•
2015
#mstechdays
techdays.microsoft.fr

Más contenido relacionado

Similar a La magie des pixels pour les nuls

Créer un Minecraft avec BabylonJS
Créer un Minecraft avec BabylonJSCréer un Minecraft avec BabylonJS
Créer un Minecraft avec BabylonJSMicrosoft
 
L'avenir de l'AI en développement Web - Annie Deshaies
L'avenir de l'AI en développement Web - Annie DeshaiesL'avenir de l'AI en développement Web - Annie Deshaies
L'avenir de l'AI en développement Web - Annie DeshaiesWeb à Québec
 
Objets connectés, dev, hacking et cloud
Objets connectés, dev, hacking et cloudObjets connectés, dev, hacking et cloud
Objets connectés, dev, hacking et cloudMicrosoft
 
Utilisation d'Azure Machine Learning dans la détection de Spam
Utilisation d'Azure Machine Learning dans la détection de SpamUtilisation d'Azure Machine Learning dans la détection de Spam
Utilisation d'Azure Machine Learning dans la détection de SpamMicrosoft Décideurs IT
 
Utilisation d'Azure Machine Learning dans la détection de Spam
Utilisation d'Azure Machine Learning dans la détection de SpamUtilisation d'Azure Machine Learning dans la détection de Spam
Utilisation d'Azure Machine Learning dans la détection de SpamMicrosoft Technet France
 
Babylon.JS, le moteur 3D WebGL open source simple & performant
Babylon.JS, le moteur 3D WebGL open source simple & performant Babylon.JS, le moteur 3D WebGL open source simple & performant
Babylon.JS, le moteur 3D WebGL open source simple & performant Microsoft
 
Meetup unity#5 dungeonoftheendless (1)
Meetup unity#5 dungeonoftheendless (1)Meetup unity#5 dungeonoftheendless (1)
Meetup unity#5 dungeonoftheendless (1)BeMyApp
 
Créer des jeux 3D pour le web et pour le Windows Store avec BabylonJS/WebGL
Créer des jeux 3D pour le web et pour le Windows Store avec BabylonJS/WebGL Créer des jeux 3D pour le web et pour le Windows Store avec BabylonJS/WebGL
Créer des jeux 3D pour le web et pour le Windows Store avec BabylonJS/WebGL Microsoft
 
Les technologies numériques au service des apprentissages, un vaste champ d’o...
Les technologies numériques au service des apprentissages, un vaste champ d’o...Les technologies numériques au service des apprentissages, un vaste champ d’o...
Les technologies numériques au service des apprentissages, un vaste champ d’o...LIEGE CREATIVE
 
Créer une IA capable de reconnaître des fleurs (ou autres)
Créer une IA capable de reconnaître des fleurs (ou autres)Créer une IA capable de reconnaître des fleurs (ou autres)
Créer une IA capable de reconnaître des fleurs (ou autres)Olivier Eeckhoutte
 
Designing the future – Le quotidien bouleversé par la tendance Internet des o...
Designing the future – Le quotidien bouleversé par la tendance Internet des o...Designing the future – Le quotidien bouleversé par la tendance Internet des o...
Designing the future – Le quotidien bouleversé par la tendance Internet des o...Microsoft
 

Similar a La magie des pixels pour les nuls (13)

Créer un Minecraft avec BabylonJS
Créer un Minecraft avec BabylonJSCréer un Minecraft avec BabylonJS
Créer un Minecraft avec BabylonJS
 
7 - Métavers pour les entreprises.pdf
7 - Métavers pour les entreprises.pdf7 - Métavers pour les entreprises.pdf
7 - Métavers pour les entreprises.pdf
 
L'avenir de l'AI en développement Web - Annie Deshaies
L'avenir de l'AI en développement Web - Annie DeshaiesL'avenir de l'AI en développement Web - Annie Deshaies
L'avenir de l'AI en développement Web - Annie Deshaies
 
Objets connectés, dev, hacking et cloud
Objets connectés, dev, hacking et cloudObjets connectés, dev, hacking et cloud
Objets connectés, dev, hacking et cloud
 
Utilisation d'Azure Machine Learning dans la détection de Spam
Utilisation d'Azure Machine Learning dans la détection de SpamUtilisation d'Azure Machine Learning dans la détection de Spam
Utilisation d'Azure Machine Learning dans la détection de Spam
 
Utilisation d'Azure Machine Learning dans la détection de Spam
Utilisation d'Azure Machine Learning dans la détection de SpamUtilisation d'Azure Machine Learning dans la détection de Spam
Utilisation d'Azure Machine Learning dans la détection de Spam
 
Babylon.JS, le moteur 3D WebGL open source simple & performant
Babylon.JS, le moteur 3D WebGL open source simple & performant Babylon.JS, le moteur 3D WebGL open source simple & performant
Babylon.JS, le moteur 3D WebGL open source simple & performant
 
Meetup unity#5 dungeonoftheendless (1)
Meetup unity#5 dungeonoftheendless (1)Meetup unity#5 dungeonoftheendless (1)
Meetup unity#5 dungeonoftheendless (1)
 
Créer des jeux 3D pour le web et pour le Windows Store avec BabylonJS/WebGL
Créer des jeux 3D pour le web et pour le Windows Store avec BabylonJS/WebGL Créer des jeux 3D pour le web et pour le Windows Store avec BabylonJS/WebGL
Créer des jeux 3D pour le web et pour le Windows Store avec BabylonJS/WebGL
 
MWCP22 - Mesh hybrid work
MWCP22 -  Mesh hybrid workMWCP22 -  Mesh hybrid work
MWCP22 - Mesh hybrid work
 
Les technologies numériques au service des apprentissages, un vaste champ d’o...
Les technologies numériques au service des apprentissages, un vaste champ d’o...Les technologies numériques au service des apprentissages, un vaste champ d’o...
Les technologies numériques au service des apprentissages, un vaste champ d’o...
 
Créer une IA capable de reconnaître des fleurs (ou autres)
Créer une IA capable de reconnaître des fleurs (ou autres)Créer une IA capable de reconnaître des fleurs (ou autres)
Créer une IA capable de reconnaître des fleurs (ou autres)
 
Designing the future – Le quotidien bouleversé par la tendance Internet des o...
Designing the future – Le quotidien bouleversé par la tendance Internet des o...Designing the future – Le quotidien bouleversé par la tendance Internet des o...
Designing the future – Le quotidien bouleversé par la tendance Internet des o...
 

Más de Microsoft

Uwp + Xamarin : Du nouveau en terre du milieu
Uwp + Xamarin : Du nouveau en terre du milieuUwp + Xamarin : Du nouveau en terre du milieu
Uwp + Xamarin : Du nouveau en terre du milieuMicrosoft
 
La Blockchain pas à PaaS
La Blockchain pas à PaaSLa Blockchain pas à PaaS
La Blockchain pas à PaaSMicrosoft
 
Tester, Monitorer et Déployer son application mobile
Tester, Monitorer et Déployer son application mobileTester, Monitorer et Déployer son application mobile
Tester, Monitorer et Déployer son application mobileMicrosoft
 
Windows 10, un an après – Nouveautés & Démo
Windows 10, un an après – Nouveautés & Démo Windows 10, un an après – Nouveautés & Démo
Windows 10, un an après – Nouveautés & Démo Microsoft
 
Prenez votre pied avec les bots et cognitive services.
Prenez votre pied avec les bots et cognitive services.Prenez votre pied avec les bots et cognitive services.
Prenez votre pied avec les bots et cognitive services.Microsoft
 
Office 365 Dev PnP & PowerShell : exploitez enfin le potentiel de votre écosy...
Office 365 Dev PnP & PowerShell : exploitez enfin le potentiel de votre écosy...Office 365 Dev PnP & PowerShell : exploitez enfin le potentiel de votre écosy...
Office 365 Dev PnP & PowerShell : exploitez enfin le potentiel de votre écosy...Microsoft
 
Créer un bot de A à Z
Créer un bot de A à ZCréer un bot de A à Z
Créer un bot de A à ZMicrosoft
 
Microsoft Composition, pierre angulaire de vos applications ?
Microsoft Composition, pierre angulaire de vos applications ?Microsoft Composition, pierre angulaire de vos applications ?
Microsoft Composition, pierre angulaire de vos applications ?Microsoft
 
Les nouveautés SQL Server 2016
Les nouveautés SQL Server 2016Les nouveautés SQL Server 2016
Les nouveautés SQL Server 2016Microsoft
 
Conteneurs Linux ou Windows : quelles approches pour des IT agiles ?
Conteneurs Linux ou Windows : quelles approches pour des IT agiles ?Conteneurs Linux ou Windows : quelles approches pour des IT agiles ?
Conteneurs Linux ou Windows : quelles approches pour des IT agiles ?Microsoft
 
Administration et supervision depuis le Cloud avec Azure Logs Analytics
Administration et supervision depuis le Cloud avec Azure Logs AnalyticsAdministration et supervision depuis le Cloud avec Azure Logs Analytics
Administration et supervision depuis le Cloud avec Azure Logs AnalyticsMicrosoft
 
Retour d'expérience de projets Azure IoT "large scale" (MicroServices, portag...
Retour d'expérience de projets Azure IoT "large scale" (MicroServices, portag...Retour d'expérience de projets Azure IoT "large scale" (MicroServices, portag...
Retour d'expérience de projets Azure IoT "large scale" (MicroServices, portag...Microsoft
 
Plan de Reprise d'Activité avec Azure Site Recovery
Plan de Reprise d'Activité avec Azure Site RecoveryPlan de Reprise d'Activité avec Azure Site Recovery
Plan de Reprise d'Activité avec Azure Site RecoveryMicrosoft
 
Modélisation, déploiement et gestion des infrastructures Cloud : outils et bo...
Modélisation, déploiement et gestion des infrastructures Cloud : outils et bo...Modélisation, déploiement et gestion des infrastructures Cloud : outils et bo...
Modélisation, déploiement et gestion des infrastructures Cloud : outils et bo...Microsoft
 
Transformation de la représentation : De la VR à la RA, aller & retour.
Transformation de la représentation : De la VR à la RA, aller & retour.Transformation de la représentation : De la VR à la RA, aller & retour.
Transformation de la représentation : De la VR à la RA, aller & retour.Microsoft
 
Quelles architectures pour vos applications Cloud, de la VM au conteneur : ça...
Quelles architectures pour vos applications Cloud, de la VM au conteneur : ça...Quelles architectures pour vos applications Cloud, de la VM au conteneur : ça...
Quelles architectures pour vos applications Cloud, de la VM au conteneur : ça...Microsoft
 
Introduction à ASP.NET Core
Introduction à ASP.NET CoreIntroduction à ASP.NET Core
Introduction à ASP.NET CoreMicrosoft
 
Open Source et Microsoft Azure, rêve ou réalité ?
Open Source et Microsoft Azure, rêve ou réalité ?Open Source et Microsoft Azure, rêve ou réalité ?
Open Source et Microsoft Azure, rêve ou réalité ?Microsoft
 
Comment développer sur la console Xbox One avec une application Universal Win...
Comment développer sur la console Xbox One avec une application Universal Win...Comment développer sur la console Xbox One avec une application Universal Win...
Comment développer sur la console Xbox One avec une application Universal Win...Microsoft
 
Azure Service Fabric pour les développeurs
Azure Service Fabric pour les développeursAzure Service Fabric pour les développeurs
Azure Service Fabric pour les développeursMicrosoft
 

Más de Microsoft (20)

Uwp + Xamarin : Du nouveau en terre du milieu
Uwp + Xamarin : Du nouveau en terre du milieuUwp + Xamarin : Du nouveau en terre du milieu
Uwp + Xamarin : Du nouveau en terre du milieu
 
La Blockchain pas à PaaS
La Blockchain pas à PaaSLa Blockchain pas à PaaS
La Blockchain pas à PaaS
 
Tester, Monitorer et Déployer son application mobile
Tester, Monitorer et Déployer son application mobileTester, Monitorer et Déployer son application mobile
Tester, Monitorer et Déployer son application mobile
 
Windows 10, un an après – Nouveautés & Démo
Windows 10, un an après – Nouveautés & Démo Windows 10, un an après – Nouveautés & Démo
Windows 10, un an après – Nouveautés & Démo
 
Prenez votre pied avec les bots et cognitive services.
Prenez votre pied avec les bots et cognitive services.Prenez votre pied avec les bots et cognitive services.
Prenez votre pied avec les bots et cognitive services.
 
Office 365 Dev PnP & PowerShell : exploitez enfin le potentiel de votre écosy...
Office 365 Dev PnP & PowerShell : exploitez enfin le potentiel de votre écosy...Office 365 Dev PnP & PowerShell : exploitez enfin le potentiel de votre écosy...
Office 365 Dev PnP & PowerShell : exploitez enfin le potentiel de votre écosy...
 
Créer un bot de A à Z
Créer un bot de A à ZCréer un bot de A à Z
Créer un bot de A à Z
 
Microsoft Composition, pierre angulaire de vos applications ?
Microsoft Composition, pierre angulaire de vos applications ?Microsoft Composition, pierre angulaire de vos applications ?
Microsoft Composition, pierre angulaire de vos applications ?
 
Les nouveautés SQL Server 2016
Les nouveautés SQL Server 2016Les nouveautés SQL Server 2016
Les nouveautés SQL Server 2016
 
Conteneurs Linux ou Windows : quelles approches pour des IT agiles ?
Conteneurs Linux ou Windows : quelles approches pour des IT agiles ?Conteneurs Linux ou Windows : quelles approches pour des IT agiles ?
Conteneurs Linux ou Windows : quelles approches pour des IT agiles ?
 
Administration et supervision depuis le Cloud avec Azure Logs Analytics
Administration et supervision depuis le Cloud avec Azure Logs AnalyticsAdministration et supervision depuis le Cloud avec Azure Logs Analytics
Administration et supervision depuis le Cloud avec Azure Logs Analytics
 
Retour d'expérience de projets Azure IoT "large scale" (MicroServices, portag...
Retour d'expérience de projets Azure IoT "large scale" (MicroServices, portag...Retour d'expérience de projets Azure IoT "large scale" (MicroServices, portag...
Retour d'expérience de projets Azure IoT "large scale" (MicroServices, portag...
 
Plan de Reprise d'Activité avec Azure Site Recovery
Plan de Reprise d'Activité avec Azure Site RecoveryPlan de Reprise d'Activité avec Azure Site Recovery
Plan de Reprise d'Activité avec Azure Site Recovery
 
Modélisation, déploiement et gestion des infrastructures Cloud : outils et bo...
Modélisation, déploiement et gestion des infrastructures Cloud : outils et bo...Modélisation, déploiement et gestion des infrastructures Cloud : outils et bo...
Modélisation, déploiement et gestion des infrastructures Cloud : outils et bo...
 
Transformation de la représentation : De la VR à la RA, aller & retour.
Transformation de la représentation : De la VR à la RA, aller & retour.Transformation de la représentation : De la VR à la RA, aller & retour.
Transformation de la représentation : De la VR à la RA, aller & retour.
 
Quelles architectures pour vos applications Cloud, de la VM au conteneur : ça...
Quelles architectures pour vos applications Cloud, de la VM au conteneur : ça...Quelles architectures pour vos applications Cloud, de la VM au conteneur : ça...
Quelles architectures pour vos applications Cloud, de la VM au conteneur : ça...
 
Introduction à ASP.NET Core
Introduction à ASP.NET CoreIntroduction à ASP.NET Core
Introduction à ASP.NET Core
 
Open Source et Microsoft Azure, rêve ou réalité ?
Open Source et Microsoft Azure, rêve ou réalité ?Open Source et Microsoft Azure, rêve ou réalité ?
Open Source et Microsoft Azure, rêve ou réalité ?
 
Comment développer sur la console Xbox One avec une application Universal Win...
Comment développer sur la console Xbox One avec une application Universal Win...Comment développer sur la console Xbox One avec une application Universal Win...
Comment développer sur la console Xbox One avec une application Universal Win...
 
Azure Service Fabric pour les développeurs
Azure Service Fabric pour les développeursAzure Service Fabric pour les développeurs
Azure Service Fabric pour les développeurs
 

La magie des pixels pour les nuls