effects

Volumetric particles

Hey guys, I'm toying with the idea of volumetric particles. By 'volumetric' I don't mean actually 3D model per particle - usually it's more expensive and harder to blend with other particles. What I mean is 2D particles that will look as close as possible to be volumetric. Right now what I/we have tried is particles with additional l...

Which effects library should I integrate with GWT?

I am curious if anyone has done a comparison between the different options out there. So far I am leaning towards using Moo.fx because loading prototype.js just to use scriptaculous seems a bit much. Does that make sense? Are there any other effects libraries worth trying? Thanks. ...

What is a type and effect system?

The Wikipedia artcile on Effect system is currently just a short stub and I've been wondering for a while as to what is an effect system. Are there any languages that have an effect system in addition to a type system? What would a possible (hypothetical) notation in a mainstream language, that you're familiar, with look like with e...

delay JQuery effects

I want to fade out an element and all its child elements after a delay of a few seconds. but I haven't found a way to specify that an effect should start after a specified time delay. ...

How to produce Photoshop stroke effect?

I'm looking for a way to programmatically recreate the following effect: Give an input image: I want to iteratively apply the "stroke" effect. The first step looks like this: The second step like this: And so on. I assume this will involves some kind of edge detection and then tracing the edge somehow. Is there a known algorithm ...

Stunning graphic effects with javascript

Seeing the full javascript rotating 3d cube, I was wondering, What are the most stunning javascript-only effects you've ever seen? ...

Timeout jQuery effects

I am trying to have an element fade in, then in 5000 ms fade back out again. I know I can do something like: setTimeout(function(){ $(".notice").fadeOut() }, 5000); But that will only control the fade out, would I add the above on the callback? ...

jQuery - making hide all/show this div image more generic

i have the following jquery code. basically i will have several overlapped divs and a list of links on the right of all those overlapped divs. when hovering over a link, the link's assigned div will fade in. I have the following code and it works (it uses the default windows' sample pictures), but if someone can think of a way to opti...

How to get jQuery effects working on Firefox and Google Chrome?

I'm poking around with jQuery and the fadeIn & fadeOut effects. I have the following code to display and to hide a div with a message. ` <script type="text/javascript"> $(document).ready(function() { $("button").click(function() { $("#upd").fadeIn(3000); $("#upd").fadeOut(20000); }); }...

Looking for jQuery plugin (or code) to automatically scroll Carousel items on mousover

Does anyone know of a plugin for Jquery that can replicate this functionality? Dynamic Drive Cmotion Gallery The idea is you have a list of images and only X number of them are visible at a time, and instead of clicking next/previous to scroll thru the images they scroll relative to the offset from center position of your mouse. I've ...

jQuery .animate() Issues

I'm trying to make a autoscrolling/carousel like function for an unordered list of images. When you mouse over the containing div its calling a function that's job is to animate the margin on the <ul> $(".thumbs").animate({"margin-top": (currentMargin - 10) + "px"}, function(){ console.log("margin-top" + (currentMargin - 10) + "px...

jQuery slide left and show

I extended the jQuery effects called slideRightShow() and slideLeftHide() with a couple functions that work similarly to slideUp() and slideDown() as seen below. However, I would also like to implement slideLeftShow() and slideRightHide(). I know there are substantial libraries that offer this type of thing (I'd like to avoid adding an...

Is possible to have more granular control over jQuery UI Dialog Widget's show/hide method?

Currently it seems that I can only use effects in their most basic form when using the Dialog widget. For example, the following will use the drop effect for both showing and hiding the dialog box: $('#dialog').dialog({show:'drop', hide:'drop'}); However, the default for the drop method always drops to the left. What I really want i...

disable the CTRL/Wheel zoom effect at runtime

How do you disable the ctrl/wheel zoom effect with css or javascript on certain elements. I create a menu bar that gets distorted when the zoom effect is applied. I would like to disable it for just certain elements. ...

XAML For Reflection Effect

I'm a XAML/WPF newbie, and I thought I'd write an alarm clock application to get into it. I want to get past the basic textboxes, dropdowns etc, which are fairly simple once you get the hang of the layout model, but I'd like to get into the graphics side of things. I'd like to display alarm clock digits on a black backdrop, but importa...

Most useful animation in web or desktop application

Many animation effects are simply gratuitous eye candy -- however, there are situations where animations effectively communicate to the user what's going on. What are some of your favorite uses for animations, and what specific animation type would you use? E.g.: Animate items downwards when a new item is inserted into a list ...

Using Sound Effects in a java game

Basically I am trying to use this SoundEffect class in a simple java game I'm working on for my assignment. import java.io.*; import java.net.URL; import javax.sound.sampled.*; /** * This enum encapsulates all the sound effects of a game, so as to separate the sound playing * codes from the game codes. * 1. Define all your sound eff...

Expand div with animation

I have a div that is receiving content from an ajax call. Right now I am just doing this in the ajax callback handler: function searchCallback(html) { $("#divSearchResults").html(html); } This makes the content "pop" onto the page, and it's very abrupt. Is there a way to make the div gracefully resize, like the .slideToggle() method d...

How do I combine the 'before' method with the 'fadeIn' method in jQuery?

I have a line of jquery that is inserting a div before another div that is already on the page using jQuery's before method: $("#sendEmail").before('<div id="response"><h1>Success</h1><p>Your email was sent.</p></div>'); I want the new div to fade in, so I tried to combine the methods in two different ways, but both did not work corre...

Animation effect during changes in a UIView

I want to create transition animation within a UIView (not from one UIView to another). I have one UIView that has two UITextView fields with some text in them that comes from a database record. There are next/back buttons on the screen also. When the user pressed the next button, the next record contents are shows. When this transitio...