JavaFX - Effects

Applying Effects to a Node

You can apply an effect to a node using the setEffect() method. To this method, you need to pass the object of the effect.

To apply an effect to a node, you need to −

Create the node.
Instantiate the respective class of the effect that is needed to be applied.
Set the properties of the effect.
Apply the effect to the node using the setEffect() method.

Creating the Nodes

First of all, create the nodes in a JavaFX application by instantiating their respective classes.

For example, if you want to apply glow effect to an image in your application. Firstly, you need to create an image node by instantiating the Image class and set its view as shown below.

//Creating an image 
Image image = new Image("https://www.howcodex.com/green/images/logo.png"); 
       
//Setting the image view 
ImageView imageView = new ImageView(image); 

//Setting the position of the image 
imageView.setX(100); 
imageView.setY(70);  

//setting the fit height and width of the image view 
imageView.setFitHeight(200);
imageView.setFitWidth(400); 

//Setting the preserve ratio of the image view 
imageView.setPreserveRatio(true);

Instantiating the Respective Class

Instantiate the class representing the effect that is needed to be applied to the created node.

For example − To apply the glow effect, you need to instantiate the Glow class as shown in the following code box −

Glow glow = new Glow();

Setting the Properties of the Effect

After instantiating the class, you need to set the properties for the effect using its setter methods.

For example − To draw a 3-Dimensional box, you need to pass its width, height and depth. You can specify these values using their respective setter methods as shown below −

//setting the level property 
glow.setLevel(0.9);

Adding Effect to the Node

Finally, you can apply the required effect to the node using the setEffect() method. For example: To set the glow effect to the image node, you need to pass the object of the Glow class to this method as follows −

imageView.setEffect(glow);

JavaFX Effects − The following table gives you the list of various effects (classes) provided by JavaFX. These classes exist in the package called javafx.scene.effect.

S.No	Shape and Description
1	Color Adjust You can adjust the color of an image by applying the color adjust effect to it. This includes the adjustment of the hue, saturation, brightness and contrast on each pixel The class named ColorAdjust of the package javafx.scene.effect represents the color adjust effect.
2	Color Input Color Input Effect gives the same output as drawing a rectangle and filling it with color. Unlike other effects, if this effect is applied to any node, it displays only a rectangular box (not the node). This effect is mostly used to pass as an input for other effects. The class named ColorInput of the package javafx.scene.effect represents the color input effect.
3	Image Input Image input effect in JavaFX just embeds an image to the JavaFX screen. Just like Color Input effect (It is used to pass the specified colored rectangular region as input to other effect), Image Input effect is used to pass the specified image as an input to another effect. The class named ImageInput of the package javafx.scene.effect represents the Image Input effect.
4	Blend In general, blend means mixture of two or more different things or substances. If we apply this blend effect, it takes the pixels of two different inputs, at the same location and it produces a combined output based on the blend mode. The class named Blend of the package javafx.scene.effect represents the blend effect.
5	Bloom On applying bloom effect, pixels in some portions of the node are made to glow. The class named Bloom of the package javafx.scene.effect represents the bloom effect.
6	Glow Just like bloom, the Glow effect makes the given input image to glow, this effect makes the bright pixels of the input brighter. The class named Glow of the package javafx.scene.effect represents the glow effect.
7	Box Blur On applying this blur effect to a node, it is made unclear. Box blur is a kind of blur effect provided by JavaFX. In this effect, when we apply blur to a node, a simple box filter is used. The class named BoxBlur of the package javafx.scene.effect represents the boxblur effect.
8	GaussianBlur Just like Box Blur Gaussian is an effect to blur the nodes in JavaFX. The only difference in the Gaussian Blur effect is that a Gaussian convolution kernel is used to produce a blurring effect. The class named GaussianBlur of the package javafx.scene.effect represents the Gaussian Blur effect.
9	MotionBlur Just like Gaussian Effects, Motion Blur is an effect to blur the nodes in JavaFX. It also uses a Gaussian convolution kernel to produce a blurring effect, but the difference is in this effect the Gaussian convolution kernel is used with a specified angle. The class named MotionBlur of the package javafx.scene.effect represents the Motion Blur effect.
10	Reflection On applying the reflection effect to a node in JavaFX, a reflection of it is added at the bottom of the node. The class named Reflection of the package javafx.scene.effect represents the reflection effect.
11	SepiaTone On applying the Sepia tone effect to a node in JavaFX (image in general), it is toned with a reddish brown color. The class named SepiaTone of the package javafx.scene.effect represents the sepia tone effect.
12	Shadow This effect creates a duplicate of the specified node with blurry edges. The class named Shadow of the package javafx.scene.effect represents the sepia tone effect.
13	DropShadow On applying this effect to a node, a shadow will be created behind the specified node. The class named DropShadow of the package javafx.scene.effect represents the drop shadow effect.
14	InnerShadow On applying this effect to a node, a shadow will be created inside the edges of the node. The class named InnerShadow of the package javafx.scene.effect represents the inner shadow effect.
15	Lighting The lighting effect is used to simulate a light from a light source. There are different kinds of light sources namely point, distant and spot. The class named Lighting of the package javafx.scene.effect represents the lighting effect.
16	Light.Distant On applying this effect to a node, a light is simulated on it, as if it is being generated by a distant light source. Distant Light Source − A source which is at a far distance from the node. In here, the light is attenuated in one direction from the source. The class named Light.Distant of the package javafx.scene.effect represents the distant light source.
17	Light.Spot On applying this effect to a node, a light is simulated on it, as if it is being generated by a spot light. Spot light Source − The light from this source attenuates in all directions. The intensity of the light depends on the distance of the object from the source. The class named Light.Spot of the package javafx.scene.effect represents the distant light source.
18	Point.Spot On applying this effect to a node, a light is simulated on it, as if it is being generated by a point light source. Point Light Source − The light from this source attenuates in all directions from a single point. The intensity of the light depends on the distance of the object from the source. The class named Point.Spot of the package javafx.scene.effect represents the point light.

Previous Page Print Page