Stretch part of a buffered image Part 2
I recently posted a question regarding resizing parts of a buffered image here . This question was answered brilliantly by Maxideon. I have implemented his suggestion and it works a treat, however because my application does not have rectangles for the sea areas of the map, those parts of the bufferedimage stay still and contains parts of countries that stay undistorted. My question is, is there a way to distort part of the image so that it drags the surrounding parts with it, making the distortion look a bit smoother?
Thanks in advance.
I have uploaded a video of the program at work to youtube here . As you can see, as the rectangles shrink/expand they drag the part of the map with them but they leave gaps, I was hoping to make this smoother in some way so the whole image becomes distorted. Thanks for your reply.
Regards,
Matthew
Similar Messages
-
Stretch part of a buffered image
For my dissertation at university I am writing a program to generate rectangular cartograms, for an example look at:
here (Not my work)
I have written the algorithm to generate the cartograms(rectangles are drawn using Java 2D rectangle) and as a further step, I have overlayed a transparent buffered image of the actual map. I want to link the image and the rectangles so that when a rectangle gets bigger, that part of the image gets stretched larger (and visa versa for a rectangle getting smaller). I can check whether rectangles are getting larger or smaller but I am not sure about how to code the stretching(distorting) of the buffered image. Any ideas (or suggestions how to do this differently) would be greatly appreciated.
I am posting my drawing code in case this helps understand what I am trying to do. The algorithm for generating cartograms is not important and is contained in another class.
public class DrawPanel extends JPanel
private BufferedImage image;
private ArrayList<Rect> newrectList;
private ArrayList<Integer> newareaList;
private ArrayList<ArrayList<ArrayList<Integer>>> newneighbourList;
* Sets inherited arraylist as local variables
* @param rectList an arraylist of Rect objects
* @param areaList an arraylist of the desired area for each rectangle
* @param neighbourList
* @param transparency
public DrawPanel(ArrayList<Rect> rectList, ArrayList<Integer> areaList,
ArrayList<ArrayList<ArrayList<Integer>>> neighbourList,double transparency) throws IOException
setSize(600,480);
newrectList = rectList;
newareaList = areaList;
newneighbourList = neighbourList;
float tempfloat=(float) transparency;
image = loadTranslucentImage(tempfloat);
public static BufferedImage loadTranslucentImage(float transperancy) throws IOException
// Load the image
BufferedImage loaded = ImageIO.read(new File("Europe_map.jpg"));
// Create the image using the
BufferedImage aimg = new BufferedImage(loaded.getWidth(), loaded.getHeight(), BufferedImage.TRANSLUCENT);
// Get the images graphics
Graphics2D g = aimg.createGraphics();
// Set the Graphics composite to Alpha
g.setComposite(AlphaComposite.getInstance(AlphaComposite.SRC_OVER, transperancy));
// Draw the LOADED img into the prepared reciver image
g.drawImage(loaded,null,0, 0);
// let go of all system resources in this Graphics
g.dispose();
// Return the image
return aimg;
@Override
* draws the rectangles
* @param g A graphics object in order to draw rectangles to the screen
//Code removed because I went over the character count
* redraws the rectangles to the screen
public void reDrawMap(boolean toHighlight, int highlight, boolean showPop, double transparency,
boolean transparencyChanged) throws IOException
Graphics g = this.getGraphics();
g.clearRect(0,0,600,480);
g.setColor(Color.blue);
g.fillRect(0,0,600,480);
int x=0;
for(int i = 0; i < newrectList.size(); i++)
Rect rect = newrectList.get(i);
int j = newareaList.get(i);
int area = j*j;
//not important
g.fill3DRect(rect.x, rect.y, rect.width, rect.height,true);
g.setColor(Color.black);
g.drawString(rect.name,(rect.x)+5,(rect.y)+10);
if(showPop == true)
double finalarea = area*0.005;
BigDecimal b = new BigDecimal(finalarea).setScale(2,BigDecimal.ROUND_HALF_UP);
finalarea=b.doubleValue();
String areastring = Double.toString(finalarea);
g.drawString(areastring,(rect.x)+5,(rect.y)+25);
if(transparencyChanged ==true)
float tempfloat=(float) transparency;
image = loadTranslucentImage(tempfloat);
g.drawImage(image, 0, 0,getWidth(),getHeight(), null);
else
g.drawImage(image, 0, 0,getWidth(),getHeight(), null);
}My idea is to have an arraylist of rectangles in this class to keep a local copy of the rectangles being drawn. It is then easy to test if the new rectangle being drawn has a greater or less area than previously. Once this is done, I need to execute some code to stretch a rectangle of that size and position in "image".
Thanks,
MattI want to link the image and the rectangles so that when a rectangle gets bigger, that part of the image gets stretched larger (and visa versa for a rectangle getting smaller)Why don't you create a class that has at least these two fields
BufferedImage country;
Rectangle rect;Of course you can use any name for the fields you want.
You have one universal image (in this case "Euro_map.jpg"). Country will be a subimage of this universal one
//see BufferedImage#getSubimage api
country = euroMap.getSubimage(x,y,w,h);then when you draw rect you draw the country on top of it scaled to fit the same bounds.
g2d.setRenderingHint(
java.awt.RenderingHints.KEY_INTERPOLATION,
java.awt.RenderingHints.VALUE_INTERPOLATION_BILINEAR);
g2d.setComposite(
AlphaComposite.getInstance(AlphaComposite.SRC_OVER, transperancy));
g2d.drawImage(country,rect.x,rect.y,rect.width,rect.height,null);
g2d.setComposite(AlphaComposite.SrcOver);Lastly, in your code you have this
BufferedImage aimg = new BufferedImage(loaded.getWidth(), loaded.getHeight(), BufferedImage.TRANSLUCENT);The third parameter should be a BufferedImage type (TYPE_INT_ARGB for example). java.awt.Transparency.TRANSLUCENT has a value of 3, so you were creating a TYPE_INT_ARGB_PRE by chance. Luckily this type has an alpha channel. Were you aware you were doing that? -
How can I stretch part of a clip only?
I am trying to replace the originally recorded voice audio with a re-recorded, clean version. I used the Automatic Speecha Alignment tool and it did an OK job, but it's not quite perfect. I now need to adjust some parts of the clip that are not perfectly aligned, while leaving the parts that are already aligned correctly in place.
Is it possible to stretch part of a clip, leaving the rest where it is? I think of this like the After Effects Puppet tool, but for audio.You might get on better with the original method if you break down the parts that you are having difficulty with matching into smaller sections, and reapplying the Speech Alignment Tool to them like that - which is, in a way, similar to what you'd have to do with the clips; ie, split them up.
-
Problem in sending buffered image to remote machine
iam able to capture ithe desktop screen as a buffered image by using buffered image class in java.awt.image.but iam bot able to send that buffered image to remote machine.it is only possible to send some part of that buffered image.but iam not able to transmit the whole buffere image of my desktop.can u help.
Hi,
For this topic you should have a look ( 2004-07-08 The Java Specialists' Newsletter [Issue 091] )
from Dr. Heinz Kabutz. Indeed, the newsletter is quite useful and sometimes also amazing.
I really enjoy reading it.
In this newsletter he is exactly doing what you wanted to know.
He uses an ObjectOutputStream, but compresses the screenshot beforehand as follows:
import com.sun.image.codec.jpeg.*;
Toolkit defaultToolkit = Toolkit.getDefaultToolkit();
Rectangle shotArea = new Rectangle(
defaultToolkit.getScreenSize());
ByteArrayOutputStream bout = new ByteArrayOutputStream();
JPEGImageEncoder encoder = JPEGCodec.createJPEGEncoder(bout);
encoder.encode(robot.createScreenCapture(shotArea));
return bout.toByteArray();Hope that helps -
How do I fix extremely slow rendering with buffered images?
I've found random examples of people with this problem, but I can't seem to find any solutions in my googling. So I figured I'd go to the source. Basically, I am working on a simple platform game in java (an applet) as a surprise present for my girlfriend. The mechanics work fine, and are actually really fast, but the graphics are AWFUL. I wanted to capture some oldschool flavor, so I want to render several backgrounds scrolling in paralax (the closest background scrolls faster than far backgrounds). All I did was take a buffered image and create a graphics context for it. I pass that graphics context through several functions, drawing the background, the distant paralax, the player/entities, particles, and finally close paralax.
Only problem is it runs at like 5 fps (estimated, I havn't actually counted).
I KNOW this is a graphics thing, because I can make it run quite smoothly by commenting out the code to draw the background/paralax backgrounds... and that code is nothing more complicated than a graphics2d.drawImage
So obviously I am doing something wrong here... how do I speed this up?
Code for main class follows:
import javax.swing.JApplet;
import java.awt.*;
import java.awt.image.BufferedImage;
import java.awt.event.*;
import Entities.*;
import Worlds.*;
// run this applet in 640x480
public class Orkz extends JApplet implements Runnable, KeyListener
double x_pos = 10;
double y_pos = 400;
int xRes=640;
int yRes=480;
boolean up_held;
boolean down_held;
boolean left_held;
boolean right_held;
boolean jump_held;
Player player;
World world;
BufferedImage buffer;
Graphics2D bufferG2D;
int radius = 20;
public void init()
//xRes=(int) this.getSize().getWidth();
//yRes=(int) this.getSize().getHeight();
buffer=new BufferedImage(xRes, yRes, BufferedImage.TYPE_INT_RGB);
bufferG2D=buffer.createGraphics();
addKeyListener(this);
public void start ()
player=new Player(320, 240, xRes,yRes);
world=new WorldOne(player, getCodeBase(), xRes, yRes);
player.setWorld(world);
// define a new thread
Thread th = new Thread (this);
// start this thread
th.start ();
public void keyPressed(KeyEvent e)
//works fine
}//end public void keypressed
public void keyReleased(KeyEvent e)
//this works fine
public void keyTyped(KeyEvent e)
public void paint( Graphics g )
update( g );
public void update(Graphics g)
Graphics2D g2 = (Graphics2D)g;
world.render(bufferG2D);
g2.drawImage(buffer, null, null);
public void run()
// lower ThreadPriority
Thread.currentThread().setPriority(Thread.MIN_PRIORITY);
long tm;
long tm2;
long tm3;
long tmAhead=0;
// run a long while (true) this means in our case "always"
while (true)
tm = System.currentTimeMillis();
player.moveEntity();
x_pos=player.getXPos();
y_pos=player.getYPos();
tm2 = System.currentTimeMillis();
if ((tm2-tm)<20)
// repaint the applet
repaint();
else
System.out.println("Skipped draw");
tm3= System.currentTimeMillis();
tmAhead=25-(tm3-tm);
try
if (tmAhead>0)
// Stop thread for 20 milliseconds
Thread.sleep (tmAhead);
tmAhead=0;
else
System.out.println("Behind");
catch (InterruptedException ex)
System.out.println("Exception");
// set ThreadPriority to maximum value
Thread.currentThread().setPriority(Thread.MAX_PRIORITY);
public void stop() { }
public void destroy() { }
}Here's the code for the first level
package Worlds;
import java.awt.Color;
import java.awt.Graphics2D;
import java.awt.image.BufferedImage;
import java.util.*;
import javax.swing.*;
import javax.imageio.*;
import java.awt.event.*;
import java.awt.*;
import java.awt.image.*;
import java.io.File;
import java.net.URL;
import java.awt.geom.AffineTransform;
import Entities.Player;
public class WorldOne implements World
Player player;
//Location of Applet
URL codeBase;
// Image Resources
BufferedImage paralax1Image;
BufferedImage paralax2Image;
BufferedImage backgroundImage;
// Graphics Elements
int xRes;
int yRes;
double paralaxScale1,paralaxScale2;
double worldSize;
int frameX=1;
int frameY=1;
public WorldOne(Player player, URL codeBase, int xRes, int yRes)
this.player=player;
this.codeBase=codeBase;
this.xRes=xRes;
this.yRes=yRes;
worldSize=4000;
String backgroundImagePath="worlds\\world1Graphics\\WorldOneBack.png";
String paralax1ImagePath="worlds\\world1Graphics\\WorldOnePara1.png";
String paralax2ImagePath="worlds\\world1Graphics\\WorldOnePara2.png";
try
URL url1 = new URL(codeBase, backgroundImagePath);
URL url2 = new URL(codeBase, paralax1ImagePath);
URL url3 = new URL(codeBase, paralax2ImagePath);
backgroundImage = ImageIO.read(url1);
paralax1Image = ImageIO.read(url2);
paralax2Image = ImageIO.read(url3);
paralaxScale1=(paralax1Image.getWidth()-xRes)/worldSize;
paralaxScale2=(paralax2Image.getWidth()-xRes)/worldSize;
catch (Exception e)
System.out.println("Failed to load Background Images in Scene");
System.out.println("Background Image Path:"+backgroundImagePath);
System.out.println("Background Image Path:"+paralax1ImagePath);
System.out.println("Background Image Path:"+paralax2ImagePath);
}//end constructor
public double getWorldSize()
double xPos=player.getXPos();
return worldSize;
public void setFramePos(int frameX, int frameY)
this.frameX=frameX;
this.frameY=frameY;
public int getFrameXPos()
return frameX;
public int getFrameYPos()
return frameY;
public void paralax1Render(Graphics2D renderSpace)
int scaledFrame=(int)(paralaxScale1*frameX);
renderSpace.drawImage(paralax1Image,-scaledFrame,0,null); //Comment this to increase performance Massively
public void paralax2Render(Graphics2D renderSpace)
int scaledFrame=(int)(paralaxScale2*frameX);
renderSpace.drawImage(paralax2Image,-scaledFrame,0,null); //Comment this to increase performance Massively
public void backgroundRender(Graphics2D renderSpace)
renderSpace.drawImage(backgroundImage,null,null); //Comment this to increase performance Massively
public void entityRender(Graphics2D renderSpace)
//System.out.println(frameX);
double xPos=player.getXPos()-frameX+xRes/2;
double yPos=player.getYPos();
int radius=15;
renderSpace.setColor (Color.blue);
// paint a filled colored circle
renderSpace.fillOval ((int)xPos - radius, (int)yPos - radius, 2 * radius, 2 * radius);
renderSpace.setColor(Color.blue);
public void particleRender(Graphics2D renderSpace)
//NYI
public void render(Graphics2D renderSpace)
backgroundRender(renderSpace);
paralax2Render(renderSpace);
entityRender(renderSpace);
paralax1Render(renderSpace);
}//end class WorldOneI can post more of the code if people need clarification. And to emphasize, if I take off the calls to display the background images (the 3 lines where you do this are noted), it works just fine, so this is purely a graphical slowdown, not anything else.
Edited by: CthulhuChild on Oct 27, 2008 10:04 PMare the parallax images translucent by any chance? The most efficient way to draw images with transparent areas is to do something like this:
public static BufferedImage optimizeImage(BufferedImage img)
GraphicsDevice gd = GraphicsEnvironment.getLocalGraphicsEnvironment().getDefaultScreenDevice();
GraphicsConfiguration gc = gd.getDefaultConfiguration();
boolean istransparent = img.getColorModel().hasAlpha();
BufferedImage img2 = gc.createCompatibleImage(img.getWidth(), img.getHeight(), istransparent ? Transparency.BITMASK : Transparency.OPAQUE);
Graphics2D g = img2.createGraphics();
g.drawImage(img, 0, 0, null);
g.dispose();
return img2;
}I copied this from a util class I have and I had to modify it a little, I hope I didn't break anything.
This piece of code does a number of things:
- it allows the images to be hardware accelerated
- the returned image is 100% compatible with the display, regardless of what the input image is
- BITMASK transparent images are an incredible amount faster than translucent images
BITMASK means that a pixel is either fully transparent or it is fully opaque; there is no alpha blending being performed. Alpha blending in software rendering mode is very slow, so this may be the bottleneck that is bothering you.
If you require your parallax images to be translucent then I wouldn't know how to get it to draw quicker in an applet, other than trying out java 6 update 10 to see if it fixes things. -
File chooser to buffered image
Hi all,
Sorry about the total newbie question; I'm trying to figure out how to convert a jpg into a buffered image, while using the file chooser to select it. I'd like to do all this in a scrollpane. Does anyone have some sample code for this, at least so I can play around? I have ideas, but I'm getting tons of errors while trying things like:
public class ImProc extends JComponent{
private BufferedImage source, destination;
private JComboBox options;
public ImProc( BufferedImage image){
source = destination = image;
setBackground(Color.white);
setLayout( new BorderLayout());
JPanel controls = new JPanel();
options = new JComboBox(
new String[] {"[source]", "brighten", "darken", "rotate", "scale" }
options.addItemListener(new ItemListener(){
public void itemStateChanged( ItemEvent ie){
String option = (String)options.getSelectedItem();
BufferedImageOp op = null;
if(option.equals("[source]"))
destination = source;
else if(option.equals("brighten"))
op = new RescaleOp(1.5f, 0, null);
else if(option.equals("darken"))
op = new RescaleOp(0.5f, 0, null);
else if (option.equals("rotate"))
op = new AffineTransformOp(
AffineTransform.getRotateInstance(Math.PI / 6), null);
else if (option.equals("scale"))
op = new AffineTransformOp(
AffineTransform.getScaleInstance(.5, .5), null);
if(op != null) destination = op.filter(source, null);
repaint();
controls.add(options);
add(controls, BorderLayout.SOUTH);
public void paintComponent(Graphics g){
int imageWidth = destination.getWidth();
int imageHeight = destination.getHeight();
int width = getSize().width;
int height = getSize().height;
g.drawImage(destination,
(width - imageWidth) / 2, (height - imageHeight) / 2, null);
public static void main(String[] args){
JFileChooser chooser = new JFileChooser();
String filename = chooser.getName();
ImageIcon icon = new ImageIcon(filename);
Image i = icon.getImage();
int w = i.getWidth(null), h = i.getHeight(null);
BufferedImage buffImage = new BufferedImage(w, h,
BufferedImage.TYPE_INT_RGB);
Graphics2D imageGraphics = buffImage.createGraphics();
imageGraphics.drawImage(i, 0, 0, null);
JFrame frame = new JFrame("Image");
frame.getContentPane().add(new ImProc(buffImage));
frame.setSize(buffImage.getWidth(), buffImage.getHeight());
frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
frame.setVisible(true);
So, I'm stuck. Any help from anyone is appreciated.
Thanks,
JoeNow, with:
import java.awt.*;
import java.awt.event.*;
import java.awt.geom.*;
import java.awt.image.*;
import javax.swing.*;
import java.io.*;
import javax.imageio.*;
public class ImProc extends JComponent{
private BufferedImage source, destination;
private JComboBox options;
public ImProc( BufferedImage image){
source = destination = image;
setBackground(Color.white);
setLayout( new BorderLayout());
JPanel controls = new JPanel();
options = new JComboBox(
new String[] {"[source]", "brighten", "darken", "rotate", "scale" }
options.addItemListener(new ItemListener(){
public void itemStateChanged( ItemEvent ie){
String option = (String)options.getSelectedItem();
BufferedImageOp op = null;
if(option.equals("[source]"))
destination = source;
else if(option.equals("brighten"))
op = new RescaleOp(1.5f, 0, null);
else if(option.equals("darken"))
op = new RescaleOp(0.5f, 0, null);
else if (option.equals("rotate"))
op = new AffineTransformOp(
AffineTransform.getRotateInstance(Math.PI / 6), null);
else if (option.equals("scale"))
op = new AffineTransformOp(
AffineTransform.getScaleInstance(.5, .5), null);
if(op != null) destination = op.filter(source, null);
repaint();
controls.add(options);
add(controls, BorderLayout.SOUTH);
public void paintComponent(Graphics g){
int imageWidth = destination.getWidth();
int imageHeight = destination.getHeight();
int width = getSize().width;
int height = getSize().height;
g.drawImage(destination,
(width - imageWidth) / 2, (height - imageHeight) / 2, null);
public static void main(String[] args){
JFrame frame = new JFrame("Image");
frame.setSize(300, 300);
frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
frame.setVisible(true);
JFileChooser chooser = new JFileChooser();
//String filename = chooser.getName();
File f = chooser.getSelectedFile();
//String filename = f.getName();
//ImageIcon icon = new ImageIcon(filename);
//Image i = ImageIO.read(f);
//int w = i.getWidth(null), h = i.getHeight(null);
//BufferedImage buffImage = null;
try{
BufferedImage buffImage = ImageIO.read(f);
catch (IOException e){
System.out.println("Error: " + e.getMessage());
frame.getContentPane().add(new ImProc(buffImage));
Graphics2D imageGraphics = buffImage.createGraphics();
imageGraphics.drawImage(buffImage, 0, 0, null);
With this, it doesn't seem to find my variable buffImage. However, it complains if I don't use the try{} catch{}. Am I not declaring something properly? -
Adding Text to a Buffered Image
Hey
I am trying to add text to a bufferedimage image and have tried a couple of ways.
I cannot seem to get it to work propely though. Everytime i try, the text appears but the image appears inside the lettering of the text and not under it like i want it to.
Could someone please explain the best way of place text on TOP of an image as i am really stuck now :(
Thanks in advanced for any helpBasically paint your buffered image into a new BufferedImage and then paint in the new text on top.
Here's a demo.
import java.awt.*;
import java.awt.font.*;
import java.awt.geom.*;
import java.awt.image.BufferedImage;
import javax.swing.*;
public class BufferedImageTest
public static void main(String[] args)
ImageGenerator ig = new ImageGenerator();
JFrame f = new JFrame();
f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
f.getContentPane().add(ig.getOriginalImagePanel(), "North");
f.getContentPane().add(ig.getTextPanel(), "South");
f.setSize(400,640);
f.setLocation(200,50);
f.setVisible(true);
f.getContentPane().add(ig.getNewImagePanel());
f.validate();
f.repaint();
class ImageGenerator
JPanel originalPanel = new JPanel()
public void paintComponent(Graphics g)
super.paintComponent(g);
Graphics2D g2 = (Graphics2D)g;
g2.setRenderingHint(RenderingHints.KEY_ANTIALIASING,
RenderingHints.VALUE_ANTIALIAS_ON);
int w = getWidth();
int h = getHeight();
g2.setPaint(Color.blue);
g2.fill(new Rectangle2D.Double(w/16, h/16, w*7/8, h*7/8));
g2.setPaint(Color.yellow);
g2.fill(new Rectangle2D.Double(w/8, h/8, w*3/4, h*3/4));
g2.setPaint(Color.red);
g2.fill(new Ellipse2D.Double(w/6, h/6, w*2/3, h*2/3));
g2.setPaint(Color.green);
g2.draw(new Line2D.Double(w/16, h/16, w*15/16, h*15/16));
JPanel textPanel = new JPanel()
Font font = new Font("lucida sans regular", Font.PLAIN, 32);
String text = "A New Label";
public void paintComponent(Graphics g)
super.paintComponent(g);
Graphics2D g2 = (Graphics2D)g;
g2.setRenderingHint(RenderingHints.KEY_ANTIALIASING,
RenderingHints.VALUE_ANTIALIAS_ON);
g2.setFont(font);
FontRenderContext frc = g2.getFontRenderContext();
LineMetrics lm = font.getLineMetrics(text, frc);
float textWidth = (float)font.getStringBounds(text, frc).getWidth();
int w = getWidth();
int h = getHeight();
float x = (w - textWidth)/2;
float y = (h + lm.getHeight())/2 - lm.getDescent();
g2.drawString(text, x, y);
public ImageGenerator()
originalPanel.setBackground(Color.white);
originalPanel.setPreferredSize(new Dimension(300,200));
textPanel.setOpaque(false);
textPanel.setPreferredSize(new Dimension(300,200));
private BufferedImage createNewImage()
BufferedImage image = new BufferedImage(originalPanel.getWidth(),
originalPanel.getHeight(),
BufferedImage.TYPE_INT_RGB);
Graphics2D g2 = image.createGraphics();
originalPanel.paint(g2);
textPanel.paint(g2);
g2.dispose();
return image;
public JPanel getOriginalImagePanel()
return originalPanel;
public JPanel getTextPanel()
return textPanel;
public JPanel getNewImagePanel()
JPanel panel = new JPanel()
BufferedImage image = createNewImage();
public void paintComponent(Graphics g)
super.paintComponent(g);
Graphics2D g2 = (Graphics2D)g;
g2.drawImage(image, null, 0, 0);
return panel;
} -
Java Grahpics2d, Buffered Image, really bad fps when rotating a image10Dpts
Hey, i'm making a spaceship game, and i use buffered .gif that are loaded before they are used.
(The images are only loaded once before anyone says that :D )
However, when i have a reasonably sized image rotating in real time, such as a 533 by 182, at normal scale my fps drops really low, like into the mid teens, and i'm not sure why.
This only seems to happen when the iamge rotates, the fps stays fine when the image is translating.
I use Affine Transforms to do my rotating.
And i'm already using the createCompatibleImage GraphicsConfiguration to help increase performance, but i still get this problem.
I've also noticed if i zoom in realy close (using scaling ffrom affine transform) the same thing happens if i rotate, and my fps drops really low as well.
and the problem with the fps dropping when rotating is alot reduced if i zoom out alot as well.
Anyone got any idea how i can imrpove performance.
I'm buffering images as so:
public BufferedImage createCompatible(int width, int height, int transparency) {
GraphicsConfiguration gc = GraphicsEnvironment.getLocalGraphicsEnvironment().getDefaultScreenDevice().getDefaultConfiguration() ;
BufferedImage compatible = gc.createCompatibleImage(width,height,transparency);
return compatible;
}and the following code block is the one i use to render the spaceships (Actors)
public void paint(Graphics2D g){
AffineTransform at = new AffineTransform();
at.scale(Sector42Main.UNIVSCALE, Sector42Main.UNIVSCALE);
at.translate(x
-(((Actor)Sector42Main.playeractors.get(FOCUS_ID)).x)
+((Stage.WIDTH/2)/Sector42Main.UNIVSCALE)
- (((Actor)Sector42Main.playeractors.get(FOCUS_ID)).getWidth()/2) ,
y
-(((Actor)Sector42Main.playeractors.get(FOCUS_ID)).y)
+ ((Stage.HEIGHT/2)/Sector42Main.UNIVSCALE)
- (((Actor)Sector42Main.playeractors.get(FOCUS_ID)).getHeight()/2));
at.rotate(r,getWidth()/2,getHeight()/2);
at.scale(xscale, yscale);
g.drawImage( spriteCache.getSprite(spriteNames[currentFrame]),at, stage);
}any help would be really welcome.
thanks.
Message was edited by:
MatthewHI've found that a lot of game development seems to involve working out exactly what you can get away with in terms of display rather than conforming to a strict model. Sure, this is changing these days, but in terms of a bitmapped sprite just how much difference will each incremement make when projected onto pixels?
I tend to find a little experimentation with these things goes a long way - you might find that rounding your model's angle to a display angle with a much lower resolution (say, every 2 or 5 or 10 degrees) doesn't acutally make any real difference to the game (apart from letting you render frames moire quickly) once a number of sprites are flying about the place.
Still, just one suggestion. Let us all know if you find a another way around it.
Cheers,
John -
HI Please Help me with Zoom of a buffered image
Hi All,
Please help,
I want to zoom the buffered image using Affine Transforms, the code shown below can rotate the buffered image now how to zoom the same buffered image using Affine Transforms.
import java.awt.*;
import java.awt.event.*;
import java.awt.geom.*;
import java.awt.image.BufferedImage;
import javax.swing.*;
public class RotationBounds extends JPanel implements ActionListener
BufferedImage image;
AffineTransform at = new AffineTransform();
Rectangle2D.Double bounds = new Rectangle2D.Double();
double theta = 0;
double thetaInc = Math.PI / 2;
public void actionPerformed(ActionEvent e)
theta += thetaInc;
setTransform();
repaint();
private void setTransform()
int iw = image.getWidth();
int ih = image.getHeight();
double cos = Math.abs(Math.cos(theta));
double sin = Math.abs(Math.sin(theta));
double width = iw * cos + ih * sin;
double height = ih * cos + iw * sin;
double x = (getWidth() - iw) / 2;
double y = (getHeight() - ih) / 2;
at.setToTranslation(x, y);
at.rotate(theta, iw / 2.0, ih / 2.0);
x = (getWidth() - width) / 2;
y = (getHeight() - height) / 2;
// Set bounding rectangle that will frame the image rotated
// with this transform. Use this width and height to make a
// new BuffferedImage that will hold this rotated image.
// AffineTransformOp doesn't have this size information in
// the translation/rotation transform it receives.
bounds.setFrame(x - 1, y - 1, width + 1, height + 1);
protected void paintComponent(Graphics g)
super.paintComponent(g);
Graphics2D g2 = (Graphics2D) g;
setBackground(Color.gray);
g2.setRenderingHint(RenderingHints.KEY_ANTIALIASING,
RenderingHints.VALUE_ANTIALIAS_ON);
if (image == null)
initImage();
g2.drawRenderedImage(image, at);
// g2.setPaint(Color.blue);
g2.draw(bounds);
g2.setPaint(Color.green.darker());
g2.fill(new Ellipse2D.Double(getWidth() / 2 - 2,
getHeight() / 2 - 2, 4, 4));
private void initImage()
int w = 360, h = 300;
image = new BufferedImage(w, h, BufferedImage.TYPE_INT_RGB);
Graphics2D g2 = image.createGraphics();
g2.setRenderingHint(RenderingHints.KEY_ANTIALIASING,
RenderingHints.VALUE_ANTIALIAS_ON);
g2.setPaint(new Color(220, 240, 240));
g2.fillRect(0, 0, w, h);
g2.setPaint(Color.red);
g2.drawString("Text for test", 50, 50);
g2.drawRect(0, 0, w - 1, h - 1);
g2.dispose();
g2.setTransform(at);
// setTransform();
private JPanel getLast()
JButton rotateButton = new JButton("Rotate");
rotateButton.addActionListener(this);
JButton zoomButton = new JButton("Zoom");
JPanel panel = new JPanel();
panel.add(rotateButton);
panel.add(zoomButton);
return panel;
public static void main(String[] args)
RotationBounds test = new RotationBounds();
JFrame f = new JFrame();
f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
f.getContentPane().add(test);
f.getContentPane().add(test.getLast(), "North");
f.setSize(400, 400);
f.setLocation(0, 0);
f.setVisible(true);
}Message was edited by:
New_to_Javaimport java.awt.*;
import java.awt.event.*;
import java.awt.geom.*;
import java.awt.image.BufferedImage;
import java.util.Hashtable;
import javax.swing.*;
import javax.swing.event.*;
public class RotationZoom extends JPanel {
AffineTransform at = new AffineTransform();
Point2D.Double imageLoc = new Point2D.Double(100.0, 50.0);
Rectangle2D.Double bounds = new Rectangle2D.Double();
BufferedImage image;
double theta = 0;
double scale = 1.0;
final int PAD = 20;
public RotationZoom() {
initImage();
public void addNotify() {
super.addNotify();
setTransform();
protected void paintComponent(Graphics g) {
super.paintComponent(g);
Graphics2D g2 = (Graphics2D)g;
g2.setRenderingHint(RenderingHints.KEY_ANTIALIASING,
RenderingHints.VALUE_ANTIALIAS_ON);
g2.setRenderingHint(RenderingHints.KEY_INTERPOLATION,
RenderingHints.VALUE_INTERPOLATION_BICUBIC);
g2.drawRenderedImage(image, at);
g2.setPaint(Color.red);
g2.draw(bounds);
public Dimension getPreferredSize() {
return new Dimension((int)(imageLoc.x + Math.ceil(bounds.width)) + PAD,
(int)(imageLoc.y + Math.ceil(bounds.height)) + PAD);
private void update() {
setTransform();
revalidate();
repaint();
private void setTransform() {
int iw = image.getWidth();
int ih = image.getHeight();
double cos = Math.abs(Math.cos(theta));
double sin = Math.abs(Math.sin(theta));
double width = iw*cos + ih*sin;
double height = ih*cos + iw*sin;
at.setToTranslation(imageLoc.x, imageLoc.y);
at.rotate(theta, scale*iw/2.0, scale*ih/2.0);
at.scale(scale, scale);
double x = imageLoc.x - scale*(width - iw)/2.0;
double y = imageLoc.y - scale*(height - ih)/2.0;
bounds.setFrame(x, y, scale*width, scale*height);
private void initImage() {
int w = 240, h = 180;
int type = BufferedImage.TYPE_INT_RGB;
image = new BufferedImage(w,h,type);
Graphics2D g2 = image.createGraphics();
g2.setRenderingHint(RenderingHints.KEY_ANTIALIASING,
RenderingHints.VALUE_ANTIALIAS_ON);
g2.setBackground(new Color(220,220,240));
g2.clearRect(0,0,w,h);
g2.setPaint(Color.red);
g2.draw(new CubicCurve2D.Double(0, h, w*4/3.0, h/4.0,
-w/3.0, h/4.0, w, h));
g2.setPaint(Color.green.darker());
g2.draw(new Rectangle2D.Double(w/3.0, h/3.0, w/3.0, h/3.0));
g2.dispose();
private JPanel getControls() {
JSlider rotateSlider = new JSlider(-180, 180, 0);
rotateSlider.setMajorTickSpacing(30);
rotateSlider.setMinorTickSpacing(10);
rotateSlider.setPaintTicks(true);
rotateSlider.setPaintLabels(true);
rotateSlider.addChangeListener(new ChangeListener() {
public void stateChanged(ChangeEvent e) {
int value = ((JSlider)e.getSource()).getValue();
theta = Math.toRadians(value);
update();
rotateSlider.setBorder(BorderFactory.createTitledBorder("theta"));
int min = 50, max = 200, inc = 25;
JSlider zoomSlider = new JSlider(min, max, 100);
zoomSlider.setMajorTickSpacing(inc);
zoomSlider.setMinorTickSpacing(5);
zoomSlider.setPaintTicks(true);
zoomSlider.setLabelTable(getLabelTable(min, max, inc));
zoomSlider.setPaintLabels(true);
zoomSlider.addChangeListener(new ChangeListener() {
public void stateChanged(ChangeEvent e) {
int value = ((JSlider)e.getSource()).getValue();
scale = value/100.0;
update();
zoomSlider.setBorder(BorderFactory.createTitledBorder("scale"));
JPanel panel = new JPanel(new GridBagLayout());
GridBagConstraints gbc = new GridBagConstraints();
gbc.weightx = 1.0;
gbc.fill = GridBagConstraints.HORIZONTAL;
gbc.gridwidth = GridBagConstraints.REMAINDER;
panel.add(rotateSlider, gbc);
panel.add(zoomSlider, gbc);
return panel;
private Hashtable getLabelTable(int min, int max, int inc) {
Hashtable<Integer,JComponent> table = new Hashtable<Integer,JComponent>();
for(int j = min; j <= max; j += inc) {
JLabel label = new JLabel(String.format("%.2f", j/100.0));
table.put(new Integer(j), label);
return table;
public static void main(String[] args) {
RotationZoom test = new RotationZoom();
JFrame f = new JFrame();
f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
f.getContentPane().add(new JScrollPane(test));
f.getContentPane().add(test.getControls(), "Last");
f.setSize(500,500);
f.setLocation(200,100);
f.setVisible(true);
} -
Couln't save a buffered image as BMP with java 1.4
Dear friends,
I tried to save a buffered image as BMP with java 1.4. When I run the program ,it executes sucessfully, but no image wasn't created. When I tried the same code with java 1.5 got the right result.
This is the code I have written.
public static void saveBMPFile(BufferedImage bufferredImage, String fileName) throws Exception{
// TODO Auto-generated method stub
try {
Iterator iter =
ImageIO.getImageWritersByMIMEType("image/bmp");
// Get first writer
if (iter.hasNext()) {
ImageWriter writer = (ImageWriter) iter.next();
ImageWriteParam iwp = writer.getDefaultWriteParam();
iwp.setCompressionMode(ImageWriteParam.MODE_EXPLICIT);
iwp.setCompressionType("BI_RGB");
FileImageOutputStream fios = new FileImageOutputStream(new File(fileName));
writer.setOutput(fios);
IIOImage image = new IIOImage(bufferredImage, null, null);
writer.write(null, image, iwp);
bufferredImage.flush();
fios.flush();
fios.close();
} catch (Exception e) {
throw e;
please help me to find its solution.
thanks & regards
K P JyothishPlease use code tags http://forum.java.sun.com/help.jspa?sec=formatting
I can see no else for "if (iter.hasNext()) {", so if no encode is found, no error message would be displayed. -
Convert JPanel to buffered Image
Hi,
i have a JPanel,I override the paintComponent() method to do a lot of painting. the size of this panel is about 2500 X 2500 i want to convert it to a buffered image,
but i dont get image of total panel, but only the image of what is displayed on screen, every thing else is black, i guess becuase this is not painted,
so how do i get the total image, need help
this is my code for creating image
JFrame frame new JFrame();
frame.getContentPane().add(myPanel);
this.setSize(1000,700);
show();
int iWidth = myPanel.getPreferredSize().width;
int iHeight =myPanel.getPreferredSize().height;
BufferedImage image = new BufferedImage(iWidth, iHeight, BufferedImage.TYPE_INT_RGB);
Graphics2D g2 = image.createGraphics();
myPanel.paint(g2);
try
ImageIO.write(image, "jpeg", new File("example.jpeg"));
catch (Exception e) {
e.printStackTrace();
}Ashishi use this chartPanel = new JPanel() {
public void paint(Graphics g) {
Image img = paintGraph(chartPanel.getWidth(), scroller.getViewport().getHeight());
g.drawImage(img, 0, 0, Color.white, null);
protected Image paintGraph(int width, int height) {
if ((offscreen == null) || (width != offscreensize.width) || (height != offscreensize.height)) {
offscreen = createImage(width, height);
offscreensize = new Dimension(width, height);
offgraphics = (Graphics2D)offscreen.getGraphics();
try {
offgraphics.setClip(0, 0, width, height);
drawChart(offgraphics, width, height);
offgraphics.setXORMode(offgraphics.getBackground());
drawSelectables(offgraphics, width, height);
} catch (ArrayIndexOutOfBoundsException e) { /* we have no data */ }
return offscreen;
}where scroller is my JScrollPane() and i get the complete panel to draw on.
thomas -
Image darker when saved than on-screen buffered image
Hi,
Here is my little application. I am trying to simulate an rgb screen look based on image data. ie, the new image is an exaggerated tv look of the original image.
When I try to encode/save a jpeg from my buffered image, the saved image is darker (colours also seem to be different) than what i see in my application frame. I like what I see in the JFrame and would like to have that saved. I am just an artist hack so excuse the cobbled together code. I have also included the original image, the image as it is saved, and an image as a rough approximation of the image in the JFrame.
In the code you will see I have tried different ways to encode the image (commented out)
Any ideas about this issue or how to make this program more sound please let me know.
the code:
http://zukanter.com/javaImageTest/displayImageRGBBuffer.java
the orignal loaded into the appp:
http://zukanter.com/javaImageTest/myPic.jpg
the saved image:
http://zukanter.com/javaImageTest/_003.jpeg
the image as it is in the application window:
http://zukanter.com/javaImageTest/_003Screen.jpgHi
My 2c.
I`ve had a quick look at your code and the output and I`m assuming that the vertical RGB lines are what you intended.
Jpeg works in blocks, and averages pixel valiues across them.
If introducing those primaries into the graphic and then compressing it makes it darker that`s likely the result of the primary colours being averaged by the compression algorithm.
You should look at resizing the image first, drawing it onto an offscreen buffer, then doing an overlay (alpha channel) with the primary colors instead, IMHO.
regards -
Converting an image to a buffered image
is there a faster way to convert an image into a buffered image. Ive looked around and the general solution is:
BufferedImage bi = new BufferedImage(image.getWidth(), image.getHeight(),
BufferedImage.TYPE_INT_RGB);
Graphics2D g = bi.createGraphics();
g.drawImage(image, 0, 0, null);
but that loads up 2 different varibles, g and bi, and this is going to be going in a loop. im under the impression 2 varibles is gonna slow it down, and the more fps i can get the better. I saw something about ImageIO, but from what i could gather that had to use url or stored file, rather than a Image type varible. whats the fastest whay to get a buffered image from an image. thxPresumably you are loading the image from a file or something.
Why don't you load it directly into a buffered image using ImageIO? All you need to write is
import javax.imageio.ImageIO;
BufferedImage image = ImageIO.read(parameters...);
there are several overloads, check the definitions here http://java.sun.com/j2se/1.5.0/docs/api/javax/imageio/ImageIO.html -
Getting pixxels in a buffered image?
Hi, I want write a string to a buffered image, then iterate through the pixels. I've tried something like the following:
BufferedImage bi = new BufferedImage( 1000 , 1000 , BufferedImage.TYPE_BYTE_GRAY);
Graphics2D g = bi.createGraphics();
File file = new File("C:\\Windows\\Fonts\\verdana.ttf");
FileInputStream fis = new FileInputStream(file);
Font font = Font.createFont(Font.TRUETYPE_FONT, fis);
font = font.deriveFont(30.0f);
g.setFont(font);
g.drawString( "m" , 0 , 0);
Rectangle2D bounds = font.getStringBounds( "m" , g.getFontRenderContext());
Raster r = bi.getData( new Rectangle( 0 , 0 , (int)bounds.getWidth() , (int)bounds.getHeight() ));
for ( int i=0 ; i < r.getHeight() ; i++ ){
System.out.print( i + ":");
for ( int j=0 ; j< r.getWidth() ; j++ ){
System.out.print( r.getPixel( i , j , new double[]{0} )[0] );
System.out.println();
But,I think at a high level I might be barking up the wrong tree (the output is all just a bunch of zeros, and around the 29th itteration of the outer loop it just throws an exception.
Pointers in the appropriate direction?
Thanks in advance...Just for overkill...
You can also use ImageIO to read in the GIF image; that will return
you a BufferedImage that has the transparency data (and everything else)
intact.
And you can create a BufferedImage with transparency indirectly by
using:
GraphicsConfiguration.createCompatibleImage(w, h, transparency)
with a transparency value of Transparency.BITMASK).
You should then be able to request a Graphics of that image and
draw into it from the GIF image.
Chet.
(Java2D team) -
How to store graphics 2d as buffered image
Hi,
as per my requirement i need to generate a diagram and store it as a image. for that i am using bufferedimage class to create and draw the image by specifying the width and height. but some times the data migth be more than the height specified. is there any solution for this. please help me outHi,
Thanks for your quick reply. the diagram is not completly visible on the screen as the width of the bufferedimage is fixed.
for example
buffImg = new BufferedImage(width, height, BufferedImage.SCALE_SMOOTH);
Graphics2D imageGaph=buffImg.createGraphics();
drawTemplate(imageGaph);
drawValueLevers(imageGaph,105,160,width-32,height-60);
drawFooter(imageGaph);
gd.drawImage(buffImg,null,0,0);
in the first line i am creating a buffered image with fixed widht and height.by getting the graphics handler i am drawing the diagram. if the diagram height is more than the buffered image hight ,then it is not visible. please help me out..
Maybe you are looking for
-
Hi all, I am using Exchange server 2013, my task is to create Service , that need's to monitor continuously for new mails of all Mailboxes in my server. if any user got new mail i need to get that Mail Subject, Mail Body, Sender Email Address [Fr
-
Error NO_RESOURCES when using Apache Plug-in for Weblogic
Hi all, LoadModule weblogic_module modules/mod_wl.so OS.....: OEL 6.3 64 bits Weblogic Server: 12.1.0.2 (192.168.0.123) Apache: Apache/2.2.15 (Unix) (192.168.0.149) I am trying to configure the Apache Plug-in to forward the requests to th
-
How do I track if a sent e-mail has been opened?
Mr X sends an e-mail to Mr Y; How can Mr X know if Mr. Y has opened the e-mail?
-
.m3u playlist showing image for a timed interval?
Hi, I have a simple playlist that plays a few videos. introVideo.f4m videoTitle.jpg video.f4m I am placing an image in-between the two videos...like a title card. Though, I would like to only show this image for 2 seconds and then have the 2nd video
-
I deleted an email in a vip mailbox before deselecting the star so the vip mailbox remains in the Mail sidebar. Is there a way to delete this vip mailbox in the Mail application sidebar? I followed the support instructions Lion Mail: Delete mailboxes