effects

Blur effect on window background image

|▌冷眼眸甩不掉的悲伤 提交于 2019-12-06 07:52:08
问题 I have a window with image as background. On that window I also have buttons and other controls. This is my style for that window: <Style x:Key="MyWindow" TargetType="{x:Type Window}"> <Setter Property="Background"> <Setter.Value> <ImageBrush ImageSource="Images\myImage.png" /> </Setter.Value> </Setter> <Setter Property="Effect"> <Setter.Value> <BlurEffect Radius="20" /> </Setter.Value> </Setter> </Style> The problem is that the blur effect is applied to the whole window and not just the

Canvas versus SVG animations (effects[filters] and performance)

人盡茶涼 提交于 2019-12-06 06:44:02
问题 I am developing an application that should run equally smoothly on a web browser (IE support completely optional) and on iPhones and have tested various libraries for days, including: jQuery SVG, CAKE (Canvas Animation Kit Experiment), Burst Engine, Processing.js and Raphael, and have yet to find the right one for this experiment. The input is optional - whether an SVG or a PNG rendered from the vector, the only two requirements for the animation library are to be able to animate (rotate) the

DirectX world view matrix multiplications - GPU or CPU the place

醉酒当歌 提交于 2019-12-05 19:58:54
I am new to directx, but have been surprised that most examples I have seen the world matrix and view matrix are multiplied as part of the vertex shader, rather than being multiplied by the CPU and the result being passed to the shader. For rigid objects this means you multiply the same two matrices once for every single vertex of the object. I know that the GPU can do this in parallel over a number of vertices (don't really have an idea how many), but isn't this really inefficient, or am I just missing something? I am still new and clueless. In general, you want to do it on the CPU. However,

jquery .animate different speeds

北慕城南 提交于 2019-12-05 19:52:38
I am using the .animate function in Jquery. I have a div that slides over using marginLeft, but I also need it to fade in, but I need it to be slower than the marginLeft effect. With .animate, I can only seem to apply one speed parameter. <script type="text/javascript"> $(document).ready(function(){ $(".topFrameAnim").css("opacity", "0.0"); $(".topFrameAnim").animate({ marginLeft: "0", }, 500 ); $(".topFrameAnim").animate({ opacity: "1", }, 1000 ); // Need this effect to be applied at the same time, at a different speed. }); </script> You need to use the two argument form of animate, with

Fade in delay on Load

走远了吗. 提交于 2019-12-05 18:21:05
I've stumpled on something quite nice, I've wanted to use in some upcoming project. It's an animated opacity on load, or you can call it fade in. I wondered if you could link some elements together (ex. 3) so element2 only starts when element1 is finished, and element3 when no. 2 is? Or should you define a delay on element2 and multiply the delay on element3 ? If you had divs, say class="faded" , you could fade each in on load, each in a row like this: $(".faded").each(function(i) { $(this).delay(i * 400).fadeIn(); }); You can view a demo of this effect here , or a slower version here . The

water effect in a view based application

≡放荡痞女 提交于 2019-12-05 05:14:22
问题 I'm using a view based application in xcode and I would like to do an effect: water effect like this video .In this video the guy use opengl es And I don't know it it's possible without. 回答1: Following code is use for the water drop effect, -(IBAction)btnActionTapped:(id)sender{ CATransition *animation=[CATransition animation]; [animation setDelegate:self]; [animation setDuration:1.75]; [animation setTimingFunction:UIViewAnimationCurveEaseInOut]; [animation setType:@"rippleEffect"];

Create custom FrameworkContentElement to add diagonal line over text in WPF

梦想的初衷 提交于 2019-12-05 04:43:31
Is there any way to create a custom FrameworkContentElement (or an Inline ) that draws a diagonal line over its content? Something like Strike-through decoration but with a diagonal shape: It is not possible to inherent from TextDecoration or TextEffect (they are sealed). Any idea? UPDATE : I tried to create an example as minimal as possible. In more complex scenarios you will have to extend this. Here is how it looks: this is the corresponding xaml: <AdornerDecorator> <StackPanel> <TextBlock> <Run>this is normal Text</Run><LineBreak/> <Run local:DiagonalStrikeThroughAdorner.StrikeThroughBrush

How to apply multiple effect on same element

丶灬走出姿态 提交于 2019-12-05 02:49:15
How can i set mulitple effect like(shadow and blur) on same element. I've just this minute done this. Credit to Greg Schechter for the idea. You can nest Decorators like a Border and put a different Effect on each. I haven't tried with a large number of Effects yet but so far performance seems good. Regards David It might be too late, but helps many people visiting for the answer. Its possible to achieve multiple effects. Just enclose the UIElement within another new UIElement(any element for that matter, like a stack panel for example). Then apply effects for both elements. Two effects

Android Cover Flow with image shadow effect

大兔子大兔子 提交于 2019-12-04 19:07:18
I want to implement cover flow as below I have tried Carousel, but its not the same thing. Did some google search was not able to find something even near to the cover flow implemented in given example. Definitely have a look at this, FancyCoverFlow . There is a demo app for it in the Play store as well that shows the reflection requirement you'd like. have you tried this: blog post public Bitmap getRefelection(Bitmap image) { // The gap we want between the reflection and the original image final int reflectionGap = 0; // Get you bit map from drawable folder Bitmap originalImage = image; int

How can I achieve this background scroll effect?

心已入冬 提交于 2019-12-04 18:57:45
I really like the way each background section overlaps each other which scrolling down. I have seen it done a lot: here is the link : http://www.soleilnoir.net/believein/ Any ideas how to achieve the similar effect? Thanks This effect is called parallax . Here are some links related to this effect: a great demo from Nike http://www.nike.com/jumpman23/aj2012/ a collection of parallax http://webdesignledger.com/inspiration/21-examples-of-parallax-scrolling-in-web-design (make sure to see each example, some are really great ! ex: http://benthebodyguard.com/index.php http://www.siebennull.com/