Build 2016 - P492 - The Power of the EffectBrush in Windows UI
Build 2016 - P492 - The Power of the EffectBrush in Windows UI
Build 2016 - P492 - The Power of the EffectBrush in Windows UI
• Visual Tree –
• SpriteVisual - The visual that is used to draw content on screen
• Brushes - CompositionEffectBrush paints a visual with the contents
of a composition effect
• UWP - Where possible use Win2D (OSS graphics C# runtime)
packages for effect descriptions
Create a SurfaceBrush to hold your source content
Describe your effect
Compile your effect
Apply your effect
At the description step – Add another effect as source input to the effect
At the compile step - specify animatable properties
new[] {
"SaturationEffect.Saturation" });
myEffect.Properties.InsertScalar("saturationEffect.Saturation", 0f);
Create your animation
Start the animation on the saturation property
Build 2016 - P492 - The Power of the EffectBrush in Windows UI
Build 2016 - P492 - The Power of the EffectBrush in Windows UI
Point lights have color and position within a scene, but no single
direction. They give off light equally in all directions. Like a lightbulb
lights have only color and direction, not position. They
emit parallel light. This means that all light generated by directional
lights travels through a scene in the same direction. Like the sun
Spotlights have color, position, and direction in which they emit
light. Light emitted from a spotlight is made up of a bright inner
cone and a larger outer cone. Like a flashlight.
Diffused light appears to be a non-reflective surface and the light is
scattered in all directions
Specular lighting effect appears to be a reflective surface
Height maps create an image with surface and elevation
information to create an illusion of light falling on the textures of an
image.
Build 2016 - P492 - The Power of the EffectBrush in Windows UI
github.com/microsoft/composition
Channel 9
Effects System Overview
https://msdn.microsoft.com/en-us/windows/uwp/graphics/composition-effects

More Related Content

PDF
The making of iwasa house by ernesto delgado
PDF
Mini The Making of H hauz _VRAY 1.6 beta rendering challenge winner
PPT
Max2015 ch13
PPTX
Tester powerpoint
PPT
Modeling and texturing in 3 ds max
PPTX
Editing picture
PDF
Automatic Watercolorizaiton of image
PPTX
Digipak creation
The making of iwasa house by ernesto delgado
Mini The Making of H hauz _VRAY 1.6 beta rendering challenge winner
Max2015 ch13
Tester powerpoint
Modeling and texturing in 3 ds max
Editing picture
Automatic Watercolorizaiton of image
Digipak creation

What's hot (20)

PPTX
Digipak creation
PPTX
Lesson 1 different types of animation
PPTX
Digipak creation
PDF
3DS Max - Presentation
PPTX
Working progress inlay
PPTX
TMD2063 | Digital Animation - Chapter 2
PPTX
Production Experiments
PPTX
Editing images
PPTX
Photoshop Skill - How to Use Layers
PPTX
Tutorial for album cover
PPTX
Animation software by Er. Suvisha Gupta
PDF
Graduate Diploma Major Project 2014
PPTX
Animation background history 4
PPTX
Raster animation
PPT
Final Presentation
PPTX
TMD2063 | Digital Animation - Chapter 3
PPTX
Animation- Vedant Singh
PPTX
Animation 2013 bis_taj
PDF
Go Material
PPT
Minh le
Digipak creation
Lesson 1 different types of animation
Digipak creation
3DS Max - Presentation
Working progress inlay
TMD2063 | Digital Animation - Chapter 2
Production Experiments
Editing images
Photoshop Skill - How to Use Layers
Tutorial for album cover
Animation software by Er. Suvisha Gupta
Graduate Diploma Major Project 2014
Animation background history 4
Raster animation
Final Presentation
TMD2063 | Digital Animation - Chapter 3
Animation- Vedant Singh
Animation 2013 bis_taj
Go Material
Minh le
Ad

Similar to Build 2016 - P492 - The Power of the EffectBrush in Windows UI (6)

PPT
Adding shadows of objects | Computer Graphics
PPTX
Introduction to Lights
PDF
Volume Rendering in Unity3D
PPT
Modelo y textrurizado 3 ds max
PPTX
computergrapgichiddensurfacemethodes.pptx
PPTX
Visual realism
Adding shadows of objects | Computer Graphics
Introduction to Lights
Volume Rendering in Unity3D
Modelo y textrurizado 3 ds max
computergrapgichiddensurfacemethodes.pptx
Visual realism
Ad

More from Windows Developer (20)

PPTX
Our Fluent Path to Spatial Computing: Easy as 1-2D-3D
PPTX
Fluent Design System inside of Microsoft: Office
PPTX
Building powerful desktop and MR applications with new windowing apis
PPTX
Creating Innovative Experiences for Fluent Design using the Visual Layer
PPTX
Rapidly Construct LOB Applications with UWP and Visual Studio 2017
PPTX
Modernizing Desktop Apps on Windows 10
PPTX
How Simplygon helped Remix become platform independent
PPTX
Harnessing the Power of AI with Windows Ink
PPTX
Technical deep dive into creating the “Solutions Showcase for Mixed Reality” ...
PPTX
Developing for Sets on Windows 10
PPTX
Data-Driven and User-Centric: Improving enterprise productivity and engagemen...
PPTX
Drive user reengagement across all your Windows, Android, and iOS with Micros...
PPTX
Fluent Design: Evolving our Design System
PPTX
Seizing the Mixed Reality Revolution – A past, present and future Mixed Reali...
PPTX
Windows 10 on ARM for developers
PPTX
Building Mixed reality with the new capabilities in Unity
PPTX
Set up a windows dev environment that feels like $HOME
PPTX
Modernizing Twitter for Windows as a Progressive Web App
PPTX
Holograms for trade education, built for students, by students with Immersive...
PPTX
Designing Inclusive Experiences to Maximize Reach and Satisfaction
Our Fluent Path to Spatial Computing: Easy as 1-2D-3D
Fluent Design System inside of Microsoft: Office
Building powerful desktop and MR applications with new windowing apis
Creating Innovative Experiences for Fluent Design using the Visual Layer
Rapidly Construct LOB Applications with UWP and Visual Studio 2017
Modernizing Desktop Apps on Windows 10
How Simplygon helped Remix become platform independent
Harnessing the Power of AI with Windows Ink
Technical deep dive into creating the “Solutions Showcase for Mixed Reality” ...
Developing for Sets on Windows 10
Data-Driven and User-Centric: Improving enterprise productivity and engagemen...
Drive user reengagement across all your Windows, Android, and iOS with Micros...
Fluent Design: Evolving our Design System
Seizing the Mixed Reality Revolution – A past, present and future Mixed Reali...
Windows 10 on ARM for developers
Building Mixed reality with the new capabilities in Unity
Set up a windows dev environment that feels like $HOME
Modernizing Twitter for Windows as a Progressive Web App
Holograms for trade education, built for students, by students with Immersive...
Designing Inclusive Experiences to Maximize Reach and Satisfaction

Recently uploaded (20)

PDF
Advancing precision in air quality forecasting through machine learning integ...
PDF
Early detection and classification of bone marrow changes in lumbar vertebrae...
PPTX
Module 1 Introduction to Web Programming .pptx
PDF
Produktkatalog für HOBO Datenlogger, Wetterstationen, Sensoren, Software und ...
PDF
Enhancing plagiarism detection using data pre-processing and machine learning...
PPTX
Internet of Everything -Basic concepts details
PDF
Lung cancer patients survival prediction using outlier detection and optimize...
PPTX
Build Your First AI Agent with UiPath.pptx
PDF
Co-training pseudo-labeling for text classification with support vector machi...
PDF
Flame analysis and combustion estimation using large language and vision assi...
PPTX
GROUP4NURSINGINFORMATICSREPORT-2 PRESENTATION
PPTX
Training Program for knowledge in solar cell and solar industry
PDF
Data Virtualization in Action: Scaling APIs and Apps with FME
PDF
Convolutional neural network based encoder-decoder for efficient real-time ob...
PDF
4 layer Arch & Reference Arch of IoT.pdf
PDF
The-2025-Engineering-Revolution-AI-Quality-and-DevOps-Convergence.pdf
PDF
“A New Era of 3D Sensing: Transforming Industries and Creating Opportunities,...
PDF
Improvisation in detection of pomegranate leaf disease using transfer learni...
PPT
Galois Field Theory of Risk: A Perspective, Protocol, and Mathematical Backgr...
PPTX
future_of_ai_comprehensive_20250822032121.pptx
Advancing precision in air quality forecasting through machine learning integ...
Early detection and classification of bone marrow changes in lumbar vertebrae...
Module 1 Introduction to Web Programming .pptx
Produktkatalog für HOBO Datenlogger, Wetterstationen, Sensoren, Software und ...
Enhancing plagiarism detection using data pre-processing and machine learning...
Internet of Everything -Basic concepts details
Lung cancer patients survival prediction using outlier detection and optimize...
Build Your First AI Agent with UiPath.pptx
Co-training pseudo-labeling for text classification with support vector machi...
Flame analysis and combustion estimation using large language and vision assi...
GROUP4NURSINGINFORMATICSREPORT-2 PRESENTATION
Training Program for knowledge in solar cell and solar industry
Data Virtualization in Action: Scaling APIs and Apps with FME
Convolutional neural network based encoder-decoder for efficient real-time ob...
4 layer Arch & Reference Arch of IoT.pdf
The-2025-Engineering-Revolution-AI-Quality-and-DevOps-Convergence.pdf
“A New Era of 3D Sensing: Transforming Industries and Creating Opportunities,...
Improvisation in detection of pomegranate leaf disease using transfer learni...
Galois Field Theory of Risk: A Perspective, Protocol, and Mathematical Backgr...
future_of_ai_comprehensive_20250822032121.pptx

Build 2016 - P492 - The Power of the EffectBrush in Windows UI

  • 4. • Visual Tree – • SpriteVisual - The visual that is used to draw content on screen • Brushes - CompositionEffectBrush paints a visual with the contents of a composition effect • UWP - Where possible use Win2D (OSS graphics C# runtime) packages for effect descriptions
  • 5. Create a SurfaceBrush to hold your source content Describe your effect Compile your effect Apply your effect
  • 6. At the description step – Add another effect as source input to the effect
  • 7. At the compile step - specify animatable properties new[] { "SaturationEffect.Saturation" }); myEffect.Properties.InsertScalar("saturationEffect.Saturation", 0f); Create your animation Start the animation on the saturation property
  • 10. Point lights have color and position within a scene, but no single direction. They give off light equally in all directions. Like a lightbulb lights have only color and direction, not position. They emit parallel light. This means that all light generated by directional lights travels through a scene in the same direction. Like the sun Spotlights have color, position, and direction in which they emit light. Light emitted from a spotlight is made up of a bright inner cone and a larger outer cone. Like a flashlight.
  • 11. Diffused light appears to be a non-reflective surface and the light is scattered in all directions Specular lighting effect appears to be a reflective surface Height maps create an image with surface and elevation information to create an illusion of light falling on the textures of an image.
  • 13. github.com/microsoft/composition Channel 9 Effects System Overview https://msdn.microsoft.com/en-us/windows/uwp/graphics/composition-effects