You could also create awesome, dynamic - animated backgrounds with particle effects. Inside MP2.Yeah. Particle Effects are gonna be real useful in MP
Pixel shaders could be used for almost anything. Not just particle effects. Blur, grayscale, water like animation... list is endless
Germany
I've already started coding a ParticleSystem element, but for various reasons my testing time is much more limited than my coding time and I have more urgent debugging to do (for video playback) so it may be little while before it's ready. I'll let you know. I might put it together with my EffectBrush (a brush that allows use of custom shaders with XAML defined parameters) into a SkinEngine Extension plugin which can then be added to core later if necessary.
Germany
<ListView Style="{ThemeResource PlaylistListViewStyle}" ItemsSource="{Binding Items}"
HorizontalAlignment="Stretch" VerticalAlignment="Stretch">
<ListView.Resources>
<Command x:Key="Select_Command" Source="{StaticResource ShowPlaylistModel}" Path="Play"
Parameters="{LateBoundValue BindingValue={Binding}}"/>
</ListView.Resources>
</ListView><SomeUIElement>
<Resources>
<ResourceWrapper x:Key="BlackColor" Resource="#FF000000"/>
</Resources>
</SomeUIElement><Button>
<Button.Command>
<Command>
<Command.Parameters>
<Binding Source="..." Path="..."/>
</Command.Parameters>
</Command>
</Button.Command>
</Button><Button>
<Button.Command>
<Command>
<Command.Parameters>
<LateBoundValue>
<Binding Source="..." Path="..."/>
</LateBoundValue>
</Command.Parameters>
</Command>
</Button.Command>
</Button><ResourceWrapper x:Key="Contents_Element"><SomeUIElement>
<Resources>
<ResourceWrapper x:Key="BlackColor" Resource="#FF000000"/>
</Resources>
</SomeUIElement>
<label color="BlackColor" content="string" /><DockPanel Name="FastParticleBackground.Window1"
xmlns="www.team-mediaportal.com/2008/mpf/directx"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Context="{Model Id=5726DA5A-70D5-458f-AF67-611293D97912}" LastChildFill="False">
<Grid>
<Grid.Background>
<RadialGradientBrush Center="0.54326,0.45465" RadiusX="0.602049" RadiusY="1.02049" GradientOrigin="0.4326,0.45465">
<GradientStop Color="#57ffe6" Offset="0"/>
<GradientStop Color="#008ee7" Offset="0.718518495559692"/>
<GradientStop Color="#2c0072" Offset="1"/>
</RadialGradientBrush>
</Grid.Background>
<Canvas x:Name="ParticleHost">
<Ellipse RenderTransformOrigin="0.5,0.5" Width="5" Height="5" Fill="White">
<Ellipse.RenderTransform>
<TransformGroup>
<TranslateTransform X="{Binding TranslateTransform0_X}" Y="{Binding TranslateTransform0_Y}"/>
</TransformGroup>
</Ellipse.RenderTransform>
</Ellipse>
</Canvas>
<Label Content="{Binding HelloString}" Margin="10"
HorizontalAlignment="Left" VerticalAlignment="Center"/>
</Grid>
</DockPanel>#region Copyright (C) 2007-2010 Team MediaPortal
/*
Copyright (C) 2007-2010 Team MediaPortal
https://www.team-mediaportal.com
This file is part of MediaPortal 2
MediaPortal 2 is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.
MediaPortal 2 is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
You should have received a copy of the GNU General Public License
along with MediaPortal 2. If not, see <http://www.gnu.org/licenses/>.
*/
#endregion
using MediaPortal.Core.General;
using MediaPortal.UI.Presentation.Models;
using MediaPortal.UI.SkinEngine.MpfElements;
using MediaPortal.UI.SkinEngine.SkinManagement;
using MediaPortal.UI.SkinEngine.Xaml;
using MediaPortal.UI.SkinEngine.Xaml.Interfaces;
using MediaPortal.UI.SkinEngine.Controls.Visuals;
using MediaPortal.UI.SkinEngine.MpfElements.Resources;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Windows;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Threading;
//using System.Windows.Media;
using System.Windows.Media.Media3D;
using System.Windows.Media.Effects;
using System.Windows.Shapes;
using System.Collections;
using System;
using System.Windows;
namespace Models.HelloWorld
{
/// <summary>
/// Example for a simple model.
/// The screenfile to this model is located at:
/// /Skins/default/screens/hello_world.xaml
/// </summary>
/// <remarks>
/// <para>
/// Models are used for providing data from the system to the skin and for executing actions (commands)
/// which are triggered by the Skin, for example by clicking a button.
/// </para>
/// <para>
/// All public properties can be data-bound by the skin, for example the <see cref="HelloString"/> property.
/// Note that properties, which are updated by the model and whose new value should be propagated to the
/// skin, must be backed by an instance of <see cref="AbstractProperty"/>. That instance must be made available
/// to the skin engine by publishing it under the same name as the actual property plus "Property", see for example
/// <see cref="HelloStringProperty"/>.
/// </para>
/// <para>
/// You can also consider to implement the interface <see cref="IWorkflowModel"/>, which makes it
/// possible to attend the screenflow = workflow of the user session. When that interface is implemented and this
/// model is registered in a workflow state as backing workflow model, the model will get notifications when the
/// GUI navigation switches to or away from its workflow state.
/// </para>
/// <para>
/// To make an UI model known by the system (and thus loadable by the skin), it is necessary to register it
/// in the <c>plugin.xml</c> file.
/// </para>
/// </remarks>
public class Model
{
// ListItem
public List<Particle> particleList = new List<Particle>();
/// <summary>
/// This is a localized string resource. Localized string resources always look like this:
/// <example>
/// [Section.Name]
/// </example>
/// Localized resources must be present at least in the english language, as this is the default.
/// In the english language file of this hello world plugin, you'll find the translation of this string.
/// The language file is located at: /Language/strings_en.xml
/// </summary>
protected const string HELLOWORLD_RESOURCE = "[HelloWorld.HelloWorldText]";
protected const string TranslateTransform0_X_RESOURCE = "20";
protected const string TranslateTransform0_Y_RESOURCE = "20";
/// <summary>
/// Another localized string resource.
/// </summary>
protected const string COMMAND_TRIGGERED_RESOURCE = "[HelloWorld.ButtonTextCommandExecuted]";
/// <summary>
/// This property holds a string that we will modify in this tutorial.
/// </summary>
private readonly AbstractProperty _helloStringProperty;
private readonly AbstractProperty _TranslateTransform0_XProperty;
private readonly AbstractProperty _TranslateTransform0_YProperty;
/// <summary>
/// Constructor... this one is called by the WorkflowManager when this model is loaded due to a screen reference.
/// </summary>
public Model()
{
// In models, properties will always be WProperty instances. When using SProperties for screen databinding,
// the system might run into memory leaks.
_helloStringProperty = new WProperty(typeof(string), HELLOWORLD_RESOURCE);
_TranslateTransform0_XProperty = new WProperty(typeof(string), TranslateTransform0_X_RESOURCE);
_TranslateTransform0_YProperty = new WProperty(typeof(string), TranslateTransform0_Y_RESOURCE);
//_ParticleHost = new WProperty(typeof(string), ParticleHost);
Window_Loaded();
}
/// <summary>
/// This sample property will be accessed by the hello_world screen. Note that the data type must be the same
/// as in the instantiation of our backing property <see cref="_helloStringProperty"/>.
/// </summary>
public string HelloString
{
get { return (string) _helloStringProperty.GetValue(); }
set { _helloStringProperty.SetValue(value); }
}
public string TranslateTransform0_X
{
get { return (string)_TranslateTransform0_XProperty.GetValue(); }
set { _TranslateTransform0_XProperty.SetValue(value); }
}
public string TranslateTransform0_Y
{
get { return (string)_TranslateTransform0_YProperty.GetValue(); }
set { _TranslateTransform0_YProperty.SetValue(value); }
}
/// <summary>
/// This is the dependency property for our sample string. It is needed to propagate changes to the skin.
/// </summary>
/// <remarks>
/// <para>
/// If the screen databinds to the <see cref="HelloString"/> property in a binding mode which will propagate data
/// changes from the model to the skin, the SkinEngine will attach a change handler to this property.
/// </para>
/// <para>
/// In other words: Every property <c>Xyz</c>, which should be able to be attached to, must be present also as
/// <c>XyzProperty</c>.
/// Only if <c>XyzProperty</c> is present in the model, value changes can be propagated to the skin.
/// </remarks>
public AbstractProperty HelloStringProperty
{
get { return _helloStringProperty; }
}
public AbstractProperty TranslateTransform0_XProperty
{
get { return _TranslateTransform0_XProperty; }
}
public AbstractProperty TranslateTransform0_YProperty
{
get { return _TranslateTransform0_YProperty; }
}
/// <summary>
/// Method which will be called from our screen. We will change the value of our HelloWorld string here.
/// </summary>
public void ChangeHelloWorldString()
{
HelloString = COMMAND_TRIGGERED_RESOURCE;
}
DispatcherTimer timer = new DispatcherTimer();
Random random = new Random(DateTime.Now.Millisecond);
// Some general values
double MaxSize = 30;
double NumberOfParticles = 25;
int Width = 800;
int Height = 600;
/*double VerticalVelocity = 0.4;
double HorizontalVelocity = -2.2;
double elapsed = 0.1;*/
public void Window_Loaded()
{
for (int i = 0; i < NumberOfParticles; i++)
{
CreateParticle();
}
timer.Interval = TimeSpan.FromMilliseconds(33.33);
timer.Tick += new EventHandler(timer_Tick);
timer.Start();
HelloString = "EXECUTED";
}
void timer_Tick(object sender, EventArgs e)
{
// I control "particle" from their ellipse representation
//foreach (Ellipse ellipse in ParticleHost.Children)
//{
/*var p = ellipse.Tag as Particle;
var t = ellipse.RenderTransform as TranslateTransform;
// Update location
t.X += p.Velocity.X;
t.Y += p.Velocity.Y;
// Check if the particle is too high
if (t.Y < -MaxSize)
{
t.Y = Height + MaxSize;
}
// Check if the particle has gone outside
if (t.X < -MaxSize || t.X > Width + MaxSize)
{
t.X = random.NextDouble() * Width;
t.Y = Height + MaxSize;
}
// Brush & Effect
//ellipse.Fill = p.Brush;
ellipse.Fill = (Brush)Brushes.White.Clone();
// Comment this line to deactivate the Blur Effect
ellipse.Effect = p.Blur;*/
//}
//----------------------------
foreach (Particle particle in particleList)
{
TranslateTransform0_X = (ToDouble(TranslateTransform0_X) + particle.Velocity.X).ToString();
TranslateTransform0_Y = (ToDouble(TranslateTransform0_Y) + particle.Velocity.Y).ToString();
HelloString = "Transform X to " + TranslateTransform0_X;
// Check if the particle is too high
if (ToDouble(TranslateTransform0_Y) < -MaxSize)
{
TranslateTransform0_Y = (Height + MaxSize).ToString();
}
// Check if the particle has gone outside
if (ToDouble(TranslateTransform0_X) < -MaxSize || ToDouble(TranslateTransform0_X) > Width + MaxSize)
{
TranslateTransform0_X = (random.NextDouble() * Width).ToString();
TranslateTransform0_Y = (Height + MaxSize).ToString();
}
}
}
private void CreateParticle()
{
// Brush (White)
var brush = System.Windows.Media.Brushes.White.Clone();
// Opacity (0.2 <= 1)
brush.Opacity = 0.2 + random.NextDouble() * 0.8;
// Blur effect
var blur = new BlurEffect();
blur.RenderingBias = RenderingBias.Performance;
// Radius (1 <= 40)
blur.Radius = 1 + random.NextDouble() * 39;
// Ellipse
var ellipse = new Ellipse();
// Size (from 15% to 95% of MaxSize)
ellipse.Width = ellipse.Height = MaxSize * 0.15 + random.NextDouble() * MaxSize * 0.8;
// Starting location of the ellipse (anywhere in the scree
// extraTags adden
var p = new Particle();
// Speed
double speed = RandomWithVariance(20, 15);
double velocityMultiplier = (random.NextDouble() + 0.25) * speed;
double vX = (1.0 - (random.NextDouble() * 2.0)) * velocityMultiplier;
// Only going from the bottom of the screen to the top (for now)
double vY = -Math.Abs((1.0 - (random.NextDouble() * 2.0)) * velocityMultiplier);
p.Velocity = p.Velocity = new Point(vX, vY);
p.Blur = blur;
ellipse.Tag = p;
//this.ParticleHost.Children.Add(ellipse);
TranslateTransform t;
t = new TranslateTransform();
ellipse.RenderTransform = t;
ellipse.RenderTransformOrigin = new Point(0.5, 0.5);
//t.X = RandomWithVariance(Width / 2, Width / 2);
//t.Y = Height;
//----------------------------------------
// add particle to list
particleList.Add(p);
// set position
TranslateTransform0_X = RandomWithVariance(Width / 2, Width / 2).ToString();
TranslateTransform0_Y = Height.ToString();
}
private double RandomWithVariance(double midvalue, double variance)
{
double min = Math.Max(midvalue - (variance / 2), 0);
double max = midvalue + (variance / 2);
double value = min + ((max - min) * random.NextDouble());
return value;
}
#region helper functions
/// <summary>
/// Wandelt in String in Double um
/// </summary>
/// <param name="In"></param>
/// <returns></returns>
public static double ToDouble(string In)
{
In = In.Replace(",", ".");
return double.Parse(In, System.Globalization.CultureInfo.InvariantCulture);
}
/// <summary>
/// Wandelt String in Double um mit Default falls es nicht möglich ist
/// </summary>
/// <param name="In"></param>
/// <param name="Default"></param>
/// <returns></returns>
public static double ToDouble(string In, double Default)
{
double dblOut;
In = In.Replace(",", ".");
try
{
dblOut = double.Parse(In, System.Globalization.CultureInfo.InvariantCulture);
}
catch
{
dblOut = Default;
}
return dblOut;
}
/// <summary>
/// Wandelt einen String in Double um (Default = 0 oder es wird eine Exception ausgelöst)
/// </summary>
/// <param name="In">String</param>
/// <param name="UseExceptions">True (Exception wird ausgelöst) oder False (Default 0 wird verwendet)</param>
/// <returns></returns>
public static double ToDouble(string In, bool UseExceptions)
{
double dblOut;
In = In.Replace(",", ".");
try
{
dblOut = double.Parse(In, System.Globalization.CultureInfo.InvariantCulture);
}
catch (Exception ex)
{
if (UseExceptions)
throw ex;
else
dblOut = 0;
}
return dblOut;
}
#endregion
}
}<?xml version="1.0" encoding="utf-8"?>
<!-- Hello world workflow state actions -->
<Workflow DescriptorVersion="1.0">
<MenuActions>
<!-- This is the workflow action which will be shown in the main menu in the home screen.
A PushNavigationTransition is a static action which is always visible in one or more defined
workflow states. When executed, the given target state will be pushed onto the workflow navigation stack.
There are also other action types which can be used at this place, for example it is possible to
make the action visible and invisible programmatically when using a workflow contributor action.
The action's name is only needed for debugging purposes and won't be shown to the user.
The DisplayCategory is used to group actions together. There is no detailed definition which groups
are present but the idea is that each plugin developer uses its own display categories to group its actions
together. There are also some common display categories which can be reused here. Use the first letter
as an indicator for the sort ordering, for example "z" for actions which should be posed at the end,
"a" for the beginning, etc.
The SortOrder is used for finer grained sorting inside a display category. We suggest to use a single, lower-case
letter here.
The SourceState attribute is needed to tell the system in which states the action should be visible.
Use the state's id here. You can also use a star ("*"). In that case, the action will be shown in each
state.
The TargetState attribute must always contain an id of a valid target state where the sytem will navigate to
when this action is executed.
The DisplayTitle will be shown in the main menu for this action. -->
<PushNavigationTransition Id="EA48BD6E-60D3-45b2-9C35-1AB437CC72FB"
Name="Home->HelloWorld"
DisplayCategory="z-HelloWorld"
SortOrder="a"
SourceState="7F702D9C-F2DD-42da-9ED8-0BA92F07787F"
TargetState="D5CD9D35-1B36-4ede-8BED-A4FB658F27BD"
DisplayTitle="[HelloWorld.MenuEntry]"/>
</MenuActions>
</Workflow><?xml version="1.0" encoding="utf-8"?>
<!-- Hello world workflow states -->
<Workflow DescriptorVersion="1.0">
<States>
<!-- This is the workflow state which corresponds to the hello world screen. Each workflow state corresponds to
a certain UI state. The id is needed to be able to reference the state, for example in the action which
navigates to this state, see in file hello-world-actions.xml.
The name of the state is only needed for debug reasons and will not be shown to the user.
The MainScreen will automatically be shown by the workflow manager when switching to the state.
It is also possible to set the screen programmatically when using a workflow model.
The DisplayLabel is the string which is shown in the Navigation bar for this state. -->
<WorkflowState Id="D5CD9D35-1B36-4ede-8BED-A4FB658F27BD"
Name="HelloWorldMain" MainScreen="hello_world"
DisplayLabel="[HelloWorld.StateDisplayLabel]"/> <!-- No workflow model -->
</States>
</Workflow><DockPanel Name="FastParticleBackground.Window1"
xmlns="www.team-mediaportal.com/2008/mpf/directx"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">2010-11-20 15:30:22.911131 [Error][InputManager dispatch thread]: PluginManager: Error building plugin item '5726DA5A-70D5-458f-AF67-611293D97912' at location '/Models'
Exception: System.Reflection.TargetInvocationException: Ein Aufrufziel hat einen Ausnahmefehler verursacht. ---> System.InvalidOperationException: Beim aufrufenden Thread muss es sich um einen STA-Thread handeln, da dies für viele Komponenten der Benutzeroberfläche erforderlich ist.
bei System.Windows.Input.InputManager..ctor()
bei System.Windows.Input.InputManager.GetCurrentInputManagerImpl()
bei System.Windows.Input.InputManager.get_Current()
bei System.Windows.Input.KeyboardNavigation..ctor()
bei System.Windows.FrameworkElement.FrameworkServices..ctor()
bei System.Windows.FrameworkElement.EnsureFrameworkServices()
bei System.Windows.FrameworkElement..ctor()
bei System.Windows.Shapes.Ellipse..ctor()
bei Models.HelloWorld.Model.CreateParticle()
bei Models.HelloWorld.Model.Window_Loaded()
bei Models.HelloWorld.Model..ctor()
--- Ende der internen Ausnahmestapelüberwachung ---
bei System.RuntimeTypeHandle.CreateInstance(RuntimeType type, Boolean publicOnly, Boolean noCheck, Boolean& canBeCached, RuntimeMethodHandle& ctor, Boolean& bNeedSecurityCheck)
bei System.RuntimeType.CreateInstanceSlow(Boolean publicOnly, Boolean fillCache)
bei System.RuntimeType.CreateInstanceImpl(Boolean publicOnly, Boolean skipVisibilityChecks, Boolean fillCache)
bei System.Activator.CreateInstance(Type type, Boolean nonPublic)
bei System.Activator.CreateInstance(Type type)
bei MediaPortal.Core.PluginManager.PluginRuntime.InstantiatePluginObject(String typeName) in M:\Programmieren\C#\MediaPortal 2\trunk - Kopie\MediaPortal\Source\System\MediaPortal.Core\PluginManager\PluginRuntime.cs:Zeile 238.
bei MediaPortal.Core.Services.PluginManager.Builders.InstanceBuilder.BuildItem(PluginItemMetadata itemData, PluginRuntime plugin) in M:\Programmieren\C#\MediaPortal 2\trunk - Kopie\MediaPortal\Source\System\MediaPortal.Core\Services\PluginManager\Builders\InstanceBuilder.cs:Zeile 45.
bei MediaPortal.Core.Services.PluginManager.PluginManager.RequestItem(PluginItemRegistration itemRegistration, Type type, IPluginItemStateTracker stateTracker) in M:\Programmieren\C#\MediaPortal 2\trunk - Kopie\MediaPortal\Source\System\MediaPortal.Core\Services\PluginManager\PluginManager.cs:Zeile 409.
Message: Ein Aufrufziel hat einen Ausnahmefehler verursacht.
Site : System.Object CreateInstance(System.RuntimeType, Boolean, Boolean, Boolean ByRef, System.RuntimeMethodHandle ByRef, Boolean ByRef)
Source : mscorlib
Inner Exception(s):
Beim aufrufenden Thread muss es sich um einen STA-Thread handeln, da dies für viele Komponenten der Benutzeroberfläche erforderlich ist.
Stack Trace:
bei System.RuntimeTypeHandle.CreateInstance(RuntimeType type, Boolean publicOnly, Boolean noCheck, Boolean& canBeCached, RuntimeMethodHandle& ctor, Boolean& bNeedSecurityCheck)
bei System.RuntimeType.CreateInstanceSlow(Boolean publicOnly, Boolean fillCache)
bei System.RuntimeType.CreateInstanceImpl(Boolean publicOnly, Boolean skipVisibilityChecks, Boolean fillCache)
bei System.Activator.CreateInstance(Type type, Boolean nonPublic)
bei System.Activator.CreateInstance(Type type)
bei MediaPortal.Core.PluginManager.PluginRuntime.InstantiatePluginObject(String typeName) in M:\Programmieren\C#\MediaPortal 2\trunk - Kopie\MediaPortal\Source\System\MediaPortal.Core\PluginManager\PluginRuntime.cs:Zeile 238.
bei MediaPortal.Core.Services.PluginManager.Builders.InstanceBuilder.BuildItem(PluginItemMetadata itemData, PluginRuntime plugin) in M:\Programmieren\C#\MediaPortal 2\trunk - Kopie\MediaPortal\Source\System\MediaPortal.Core\Services\PluginManager\Builders\InstanceBuilder.cs:Zeile 45.
bei MediaPortal.Core.Services.PluginManager.PluginManager.RequestItem(PluginItemRegistration itemRegistration, Type type, IPluginItemStateTracker stateTracker) in M:\Programmieren\C#\MediaPortal 2\trunk - Kopie\MediaPortal\Source\System\MediaPortal.Core\Services\PluginManager\PluginManager.cs:Zeile 409.is
is
public void Window_Loaded()
{
for (int i = 0; i < NumberOfParticles; i++)
{
CreateParticle();
}
timer.Interval = TimeSpan.FromMilliseconds(33.33);
timer.Tick += new EventHandler(timer_Tick);
timer.Start();
logger.Info("HelloWorld: Window_Loaded() - timer started: " + timer.IsEnabled.ToString());
HelloString = "EXECUTED";
}This mean the Timer should be active right?
public void timer_Tick(object sender, EventArgs e)
{
logger.Info("HelloWorld: TimerTick");
//... other stuff
}See file master_menu.xaml#74:
<ContentPresenter Margin="10,0,10,10" x:Name="ContentViewer" VerticalAlignment="Stretch" HorizontalAlignment="Stretch"
Content="{DynamicResource Contents_Element}"/>To make that work, in your "label", you need to write "{StaticResource BlackColor}" or "{ThemeResource BlackColor}".
I hope that is a test program and not code which you wrote into the SkinEngine!?