Image Rotation with AE SDK

Hello all,
I am wondering if someone could suggest a desription of image rotation using Adobe AE SDK - in a Forum entry or in some other related document. While some elements of rotation may be considered available in SDK sample projects - Shifter for all pixels, CCU for individual pixels manipulation - I will appreciate more details for variable subpixel processing and neighbouring pixel interpolation for variable row-by-row shift. It is assumed the angle of rotation is fixed during the effect, and there are no worries about the appearance of out-of-border picture elements since there is a background. Speed will not be an issue as well.
Thank you in advance.

well, the easiest way for rotating an image through the sdk is by using transform_word().
it takes a matrix (or matrices for motion blur), so you can do any transform operation concievable via a matrix.
here's a thread with some detail about this function:
http://forums.adobe.com/message/1970939#1970939
as for line by line transformations...
there are some toos in the SDK, but they're available only for AEPGs of type "artizan" (the plug-ins that render whole comps),
so if you're planning a layer effect, these tools are out of the question.
you can do that calculation manually in a few ways.
you can create a tranformation matrix and run each pixel through it, which would probably be the fastest most versitile way.
or you can use trigonometry, which would probably be the easiest to implement but the slowest to process.
using the sdk's subpixel sample functions would complete the tools you need, but keep in mind that this would be the slowest possible way of rotating an image.

Similar Messages

Image rotation with fade effect

I am new to the spry framework and have just started going
through the examples to see if I could create an image rotator that
fades the images into each other when changing. I have taken
snippets from different places to do this and think I have the
answer but really wanted some feedback to sanity check and let me
know if this is the best way of doing it. If it is, then I hope
others will find it useful.
Here is the url to the example:
Image
rotation example
And here is the code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN"
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml"
xmlns:spry="
http://ns.adobe.com/spry">
<head>
<title>Sample Image Rotation</title>
<meta http-equiv="content-type" content="text/html;
charset=iso-8859-1" />
<meta http-equiv="X-UA-Compatible"
content="IE=7;FF=3;OtherUA=4" />
<meta name="author" content="www.baytree-cs.com - Peter
Barkway"/>
<meta name="copyright" content="(C)2006 Baytree Computer
Services, All right reserved."/>
<meta name="abstract" content="ISM Homepage" />
<meta name="description" content="ISM Homepage" />
<meta name="keywords" content="ISM Homepage"/>
<meta name="robots" content="all,index,follow"/>
<meta name="distribution" content="global"/>
<meta name="mssmarttagspreventparsing"
content="true"/>
<meta name="rating" content="general"/>
<style type="text/css">
.element{
float:left;
position: relative;
width: 350px;
text-align: center;
#display{
opacity: 0;
filter: alpha(opacity=0);
#animate{
left: -350px;
opacity: 1;
filter: alpha(opacity=100);
</style>
</head>
<body>
<noscript><h1>This page requires JavaScript.
Please enable JavaScript in your browser and reload this
page.</h1></noscript>
<div id="container">
<div id="display" class="element"
spry:detailregion="dsImg"><img src="<?php echo
$rootDir.$baseDir;?>/{@base}{@path}"/></div>
<div id="animate" class="element"
spry:detailregion="dsImg2"><img src="<?php echo
$rootDir.$baseDir;?>/{@base}{@path}"/></div>
<p class="clear"></p>
</div>
<script type="text/javascript"
src="js/xpath.js"></script>
<script type="text/javascript"
src="js/SpryData.js"></script>
<script type="text/javascript"
src="js/SpryEffects.js"></script>
<script type="text/javascript">
var dsGalleries = new Spry.Data.XMLDataSet("spry.php",
"galleries/gallery", { method: "POST", postData:
"c=1&d=<?php echo $baseDir;?>", headers: {
"Content-Type": "application/x-www-form-urlencoded; charset=UTF-8"
var dsImg = new Spry.Data.XMLDataSet("spry.php",
"gallery/photos/photo", { method: "POST", postData:
"c=2&d=<?php echo
$baseDir;?>/{dsGalleries::@base}&s={dsGalleries::sitename}",
headers: { "Content-Type": "application/x-www-form-urlencoded;
charset=UTF-8" } });
var dsImg2 = new Spry.Data.XMLDataSet("spry.php",
"gallery/photos/photo", { method: "POST", postData:
"c=2&d=<?php echo
$baseDir;?>/{dsGalleries::@base}&s={dsGalleries::sitename}",
headers: { "Content-Type": "application/x-www-form-urlencoded;
charset=UTF-8" } });
var imageInterval = 8000; // 8 seconds
var imageFadeInterval = 4000; // 4 seconds
var image2Loaded = null;
var effect = new Spry.Effect.Fade('animate', {from: 100, to:
0, toggle: true, duration: imageFadeInterval});
// Prepare an observer that will change the opacity of the
initially
// hidden element in oposition with the initially visible
element
var obs1 = new Object;
// On each effect step we calculate the complementary
opacity for the other image container.
obs1.onStep = function(ef){
if (typeof otherEl == 'undefined')
otherEl = document.getElementById('display');
var opacity = 0;
if(/MSIE/.test(navigator.userAgent)){
opacity = Spry.Effect.getStyleProp(ef.element,
'filter').replace(/alpha$opacity([0-9]{1,3})$/, '$1');
otherEl.style.filter = "alpha(opacity=" + parseInt(100 * (1
- opacity), 10) + ")";
}else{
opacity = Spry.Effect.getStyleProp(ef.element, 'opacity');
otherEl.style.opacity = (1 - opacity);
// Attach the observer to the Fade effect
effect.addObserver(obs1);
function fadeInContent() {
// 1st time in so set the current rows so that the 'animate'
set is 1 ahead of the 'display' set
if(image2Loaded == null) {
dsImg.setCurrentRowNumber((dsImg.getCurrentRowNumber() + 1)
% dsImg.getData().length);
dsImg2.setCurrentRowNumber((dsImg.getCurrentRowNumber() + 2)
% dsImg.getData().length);
image2Loaded = 0;
} else {
if(image2Loaded) {
dsImg.setCurrentRowNumber((dsImg.getCurrentRowNumber() + 1)
% dsImg.getData().length);
image2Loaded = 0;
} else {
dsImg2.setCurrentRowNumber((dsImg.getCurrentRowNumber() + 1)
% dsImg.getData().length);
image2Loaded = 1;
effect.start();
var obs2 = {
onPostLoad: function() {
setInterval("fadeInContent()", imageInterval);
dsImg.addObserver(obs2);
</script>
</body>
</html>

I think that I might have got this going now. Here is the
code if anyone wants to use it.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN"
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml"
xmlns:spry="
http://ns.adobe.com/spry">
<head>
<title>Sample Image Rotation</title>
<meta http-equiv="content-type" content="text/html;
charset=iso-8859-1" />
<meta http-equiv="X-UA-Compatible"
content="IE=7;FF=3;OtherUA=4" />
<meta name="author" content="www.baytree-cs.com - Peter
Barkway"/>
<meta name="copyright" content="(C)2006 Baytree Computer
Services, All right reserved."/>
<meta name="abstract" content="ISM Homepage" />
<meta name="description" content="ISM Homepage" />
<meta name="keywords" content="ISM Homepage"/>
<meta name="robots" content="all,index,follow"/>
<meta name="distribution" content="global"/>
<meta name="mssmarttagspreventparsing"
content="true"/>
<meta name="rating" content="general"/>
<style type="text/css">
.element{
float:left;
position: relative;
width: 350px;
text-align: center;
#display{
opacity: 0;
filter: alpha(opacity=0);
#animate{
left: -350px;
opacity: 1;
filter: alpha(opacity=100);
</style>
</head>
<body>
<noscript><h1>This page requires JavaScript.
Please enable JavaScript in your browser and reload this
page.</h1></noscript>
<div id="container">
<div id="display" class="element"
spry:detailregion="dsImg"><img src="<?php echo
$rootDir.$baseDir;?>/{@path}"/></div>
<div id="animate" class="element"
spry:detailregion="dsImg2"><img src="<?php echo
$rootDir.$baseDir;?>/{@path}"/></div>
<p class="clear"></p>
</div>
<script type="text/javascript"
src="js/xpath.js"></script>
<script type="text/javascript"
src="js/SpryData.js"></script>
<script type="text/javascript"
src="js/SpryEffects.js"></script>
<script type="text/javascript">
var dsGalleries = new Spry.Data.XMLDataSet("spry.php",
"galleries/gallery", { method: "POST", postData:
"c=1&d=<?php echo $baseDir;?>", headers: {
"Content-Type": "application/x-www-form-urlencoded; charset=UTF-8"
var dsImg = new Spry.Data.XMLDataSet("spry.php",
"gallery/photos/photo", { method: "POST", postData:
"c=2&d=<?php echo
$baseDir;?>/{dsGalleries::@base}&s={dsGalleries::sitename}",
headers: { "Content-Type": "application/x-www-form-urlencoded;
charset=UTF-8" } });
var dsImg2 = new Spry.Data.XMLDataSet("spry.php",
"gallery/photos/photo", { method: "POST", postData:
"c=2&d=<?php echo
$baseDir;?>/{dsGalleries::@base}&s={dsGalleries::sitename}",
headers: { "Content-Type": "application/x-www-form-urlencoded;
charset=UTF-8" } });
var imageInterval = 4000; // 8 seconds
var imageFadeInterval = 2000; // 4 seconds
var effect = new Spry.Effect.Fade('animate', {from: 100, to:
0, toggle: true, duration: imageFadeInterval});
// Prepare an observer that will change the opacity of the
initially
// hidden element in oposition with the initially visible
element
var obs1 = new Object;
// On each effect step we calculate the complementary
opacity for the other image container.
obs1.onStep = function(ef){
if (typeof otherEl == 'undefined')
otherEl = document.getElementById('display');
var opacity = 0;
if(/MSIE/.test(navigator.userAgent)){
opacity = Spry.Effect.getStyleProp(ef.element,
'filter').replace(/alpha$opacity([0-9]{1,3})$/, '$1');
otherEl.style.filter = "alpha(opacity=" + parseInt(100 * (1
- opacity), 10) + ")";
}else{
opacity = Spry.Effect.getStyleProp(ef.element, 'opacity');
otherEl.style.opacity = (1 - opacity);
// Attach the observer to the Fade effect
effect.addObserver(obs1);
function fadeInContent() {
// 1st time in so set the current rows so that the 'animate'
set is 1 ahead of the 'display' set
//use this flag to avoid the effect running on load
if (typeof image2Loaded == 'undefined') {
dsImg.setCurrentRowNumber((dsImg.getCurrentRowNumber() + 1)
% dsImg.getData().length);
dsImg2.setCurrentRowNumber((dsImg.getCurrentRowNumber() + 2)
% dsImg.getData().length);
var curRow = dsImg.getCurrentRow();
image2Loaded = 0;
} else {
if(image2Loaded) {
var img = document.getElementById('display');
dsImg.setCurrentRowNumber((dsImg.getCurrentRowNumber() + 1)
% dsImg.getData().length);
var curRow = dsImg.getCurrentRow();
image2Loaded = 0;
} else {
var img = document.getElementById('animate');
dsImg2.setCurrentRowNumber((dsImg.getCurrentRowNumber() + 1)
% dsImg.getData().length);
var curRow = dsImg2.getCurrentRow();
image2Loaded = 1;
var imgPath = '<?php echo $rootDir.$baseDir;?>/' +
curRow["@path"];
var gImageLoader = new Image();
gImageLoader.onload = function()
effect.start();
gImageLoader.src = imgPath;
var obs2 = {
onPostLoad: function() {
setInterval("fadeInContent()", imageInterval);
dsImg2.addObserver(obs2);
</script>
</body>
</html>

How to use Image Rotator with Firefox??

Since the latest update of Firefox , my image Rotator will not show my images in my forum. They work fine if I use IE but I much prefer to use Firefox as my browser.
IPlease help, I don't want to use IE.
Thanks in advance.

Make use of Firefox Addons
*https://addons.mozilla.org/en-us/firefox/addon/rotate-image/

Correct image rotation with CameraRoll

At the moment I'm implementing CameraRoll in my app.
It's a great class, but the images do not rotate correctly on Android. Other apps seem to be able to determine if the picture was taken in landscape or portrait mode, and view the image in the correct orientation.
As for now the users in my app will have to rotate their image manually...
Does anyone know a fix/workaround for this?

well, the easiest way for rotating an image through the sdk is by using transform_word().
it takes a matrix (or matrices for motion blur), so you can do any transform operation concievable via a matrix.
here's a thread with some detail about this function:
http://forums.adobe.com/message/1970939#1970939
as for line by line transformations...
there are some toos in the SDK, but they're available only for AEPGs of type "artizan" (the plug-ins that render whole comps),
so if you're planning a layer effect, these tools are out of the question.
you can do that calculation manually in a few ways.
you can create a tranformation matrix and run each pixel through it, which would probably be the fastest most versitile way.
or you can use trigonometry, which would probably be the easiest to implement but the slowest to process.
using the sdk's subpixel sample functions would complete the tools you need, but keep in mind that this would be the slowest possible way of rotating an image.

Pivot point in image rotation with JAI...

I'm using JAI to rotate some images...
but it doesnt seem to rotate around the center of the image..
here is my codes..
float xOrigin = ((float)src.getWidth())/2;
float yOrigin = ((float)src.getHeight())/2;
float angle = (float)v * (float)(Math.PI/180.0F);
Interpolation interp = Interpolation.getInstance(Interpolation.INTERP_BICUBIC);
ParameterBlock params = new ParameterBlock();
params.addSource(src);
params.add(xOrigin);
params.add(yOrigin);
params.add(angle); // rotation angle
params.add(interp); // interpolation method
des = JAI.create("rotate", params);
displayImage(des);
note: src and des is defined as PlanarImage.
any clues why the center point isn't height/2 and width/2??
thx

It seems that on problem with the code, I use same code when I rotate the image. How do you display the image? maybe problem is there, after the ratation, the origin of the image changes, if your display method can not handle this, you may not display it properly.

Image rotation with spry

<cfsetting enableCFoutputOnly="yes"
showDebugOutput="no">
<cfinclude
template="../includes/XMLExport/XMLExport.cfm">
<cfquery name="get_ads" datasource="#dns#">
SELECT *
FROM BannerAds
WHERE type = 'c' AND
realastate = 3 AND
active = 1
</cfquery>
<cfscript>
// Begin XMLExport get_ads
xmlExportObj = XMLExport_CreateObject("XMLExport");
xmlExportObj.init();
xmlExportObj.setRecordset(get_ads);
xmlExportObj.addColumn("ID", "ID");
xmlExportObj.addColumn("type", "type");
xmlExportObj.addColumn("fileName", "fileName");
xmlExportObj.addColumn("link", "link");
xmlExportObj.addColumn("date", "date");
xmlExportObj.addColumn("realastate", "realastate");
xmlExportObj.addColumn("rotation", "rotation");
xmlExportObj.addColumn("active", "active");
xmlExportObj.setMaxRecords("ALL");
xmlExportObj.setXMLEncoding("ISO-8859-1");
xmlExportObj.setXMLFormat("NODES");
xmlExportObj.setRootNode("id");
xmlExportObj.Execute();
// End XMLExport get_ads
</cfscript>
<cfsetting enableCFoutputOnly="no">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
</body>
</html>
Which I get my results of.....
−
<id>
−
<row>
<ID>78</ID>
<type>c</type>
<fileName>CDCLarue-Column.gif</fileName>
<link>
http://www.cdclarue.com/cd.php</link>
<date>2007-25-04 08:53:00</date>
<realastate>3</realastate>
<rotation/>
<active>1</active>
</row>
−
<row>
<ID>80</ID>
<type>c</type>
<fileName>Werk-column.jpg</fileName>
<link>
http://www.werkmaster.com/</link>
<date>2007-01-05 13:30:00</date>
<realastate>3</realastate>
<rotation/>
<active>1</active>
</row>
−
<row>
<ID>85</ID>
<type>c</type>
<fileName>Versatile-column.gif</fileName>
<link>
http://www.garagecoatings.com/</link>
<date>2007-15-05 14:00:00</date>
<realastate>3</realastate>
<rotation/>
<active>1</active>
</row>
</id>
Ok.....I'm obviously new to Spry-Ajax :) but have learned a
lot already I just need to understand how to work with the data in
the <body> area... I basically need to pull each image or set
of data individually and rotate each data set/image on the page at
10 second intervals.
Thank you,
Brian

<cfsetting enableCFoutputOnly="yes"
showDebugOutput="no">
<cfinclude
template="../includes/XMLExport/XMLExport.cfm">
<cfquery name="get_ads" datasource="#dns#">
SELECT *
FROM BannerAds
WHERE type = 'c' AND
realastate = 3 AND
active = 1
</cfquery>
<cfscript>
// Begin XMLExport get_ads
xmlExportObj = XMLExport_CreateObject("XMLExport");
xmlExportObj.init();
xmlExportObj.setRecordset(get_ads);
xmlExportObj.addColumn("ID", "ID");
xmlExportObj.addColumn("type", "type");
xmlExportObj.addColumn("fileName", "fileName");
xmlExportObj.addColumn("link", "link");
xmlExportObj.addColumn("date", "date");
xmlExportObj.addColumn("realastate", "realastate");
xmlExportObj.addColumn("rotation", "rotation");
xmlExportObj.addColumn("active", "active");
xmlExportObj.setMaxRecords("ALL");
xmlExportObj.setXMLEncoding("ISO-8859-1");
xmlExportObj.setXMLFormat("NODES");
xmlExportObj.setRootNode("id");
xmlExportObj.Execute();
// End XMLExport get_ads
</cfscript>
<cfsetting enableCFoutputOnly="no">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
</body>
</html>
Which I get my results of.....
−
<id>
−
<row>
<ID>78</ID>
<type>c</type>
<fileName>CDCLarue-Column.gif</fileName>
<link>
http://www.cdclarue.com/cd.php</link>
<date>2007-25-04 08:53:00</date>
<realastate>3</realastate>
<rotation/>
<active>1</active>
</row>
−
<row>
<ID>80</ID>
<type>c</type>
<fileName>Werk-column.jpg</fileName>
<link>
http://www.werkmaster.com/</link>
<date>2007-01-05 13:30:00</date>
<realastate>3</realastate>
<rotation/>
<active>1</active>
</row>
−
<row>
<ID>85</ID>
<type>c</type>
<fileName>Versatile-column.gif</fileName>
<link>
http://www.garagecoatings.com/</link>
<date>2007-15-05 14:00:00</date>
<realastate>3</realastate>
<rotation/>
<active>1</active>
</row>
</id>
Ok.....I'm obviously new to Spry-Ajax :) but have learned a
lot already I just need to understand how to work with the data in
the <body> area... I basically need to pull each image or set
of data individually and rotate each data set/image on the page at
10 second intervals.
Thank you,
Brian

Loss of sharpness upon image rotation: Aperture vs. other software

I have carefully studied the resulting loss of sharpness upon rotation/straightening of images. This topic does not apply to 90/180 degree rotations.
When any image is rotated (be it JPEG or uncompressed), there will be a slight loss of quality (seen as a loss of sharpness) due to interpolation. The method of interpolation applied will affect the degree of quality degradation.
Simply put, professional applications such as Adobe Photoshop and even Adobe Lightroom use superior interpolation methods when performing rotations (and who knows, perhaps for other transformations/scalings also?!). Apple Aperture, on the other hand, uses an interpolation method that renders a loss of image sharpness on par with inferior consumer-level software such as Google Picasa or iView Media Pro. Yes, folks, here's a clear reason to select Adobe Lightroom over Apple Aperture.
Please take a close look at the comparison yourself:
http://web.mac.com/rishisanyal/iWeb/Homepage/Sharpness.jpg
Make sure you are viewing the image I have posted at 100%, not scaled, in order to clearly see the inferior quality of images rotated with Aperture & Picasa.
Apple needs to address this problem by implementing a better interpolation algorithm with its straighten tool. It is sad that we are using and paying for a 'Professional' application that yields results on par with FREE software such as Google Picasa.
As much as I like Aperture for its other features/integration into Mac OS X, I am switching to Lightroom as of now. Straightening/rotating images is an absolute must, used by every photographer on a daily basis. The loss of image quality, therefore, is unacceptable.
Please post to this thread if you have experienced the same problem or are simply concerned over this. The more people that show concern, hopefully, the more likely Apple is willing to do something about this ASAP.

Surely any rotation (apart from the 90/180/270 ones) is by-definition a smoothing operation ? You have to take the values from adjacent pixels and combine them based on the rotation, then average (or use a point-spread function) them to rescale the values back into range.
Looks to me as though the Adobe products are just applying a sharpen operation immediately after the rotation, whereas Aperture isn't. Or Aperture could be using a simple average of the values, where Adobe is doing a gaussian summation-of-components or something similar.
My guess would be that they "do a quick sharpen", otherwise it would take longer to do the rotate. The only way you'll ever know is if the developers tell you though...
-=C=-

BUG - rotation of Default image on iOS with AIR SDK 16.0.0.250

Hi guys!
I just switched to AIR SDK 16.0.0.250. Everything was fine except one very strange problem with Default images on iOS devices.
My app runs in landscape mode. In my app I have default images that are shown during application loading phase.
When app start, first I see Default image properly, that for a very short period of time I see Default image rotated 90 degree and scaled to fill the screen and then it disappears and application is get loaded.
Here is a video that illustrates the problem: http://youtu.be/Ry1l1v7dQss
That is very strange, so I want to know if anybody else knows how to handle this issue and what could the source of it? Some info that might help: Application descriptor:
<initialWindow>
    <content>SWF file name is set automatically at compile time</content>
    <visible>true</visible>
    <aspectRatio>landscape</aspectRatio>
    <autoOrients>true</autoOrients>
    <fullScreen>true</fullScreen>>
    <renderMode>direct</renderMode>
    <softKeyboardBehavior>none</softKeyboardBehavior>
</initialWindow>
List of default images:
Default.png
[email protected]
[email protected]
Default-Landscape.png
[email protected]
So, for me it seems like a bug in AIR SDK 16.0.0.250, on AIR SDK 15.XXX everything was just fine.

Thanks for reporting the issue. Yes, It's known to us and we are investigating it.
Best Regards,
Jitender

Rotate Image Created with createImage() ?

I've been looking around online for a way to do this, but so far the only things I have found are 50+ lines of code. Surely there is a simple way to rotate an image created with the createImage() function?
Here's some example code with all the tedious stuff already written. Can someone show me a simple way to rotate my image?
import java.net.*;
import java.awt.*;
import java.awt.geom.*;
import java.awt.event.*;
import javax.swing.*;
public class RotImg extends JApplet implements MouseListener {
          URL base;
          MediaTracker mt;
          Image myimg;
     public void init() {
          try{ mt = new MediaTracker(this);
               base = getCodeBase(); }
          catch(Exception ex){}
          myimg = getImage(base, "myimg.gif");
          mt.addImage(myimg, 1);
          try{ mt.waitForAll(); }
          catch(Exception ex){}
          this.addMouseListener(this);
     public void paint(Graphics g){
          super.paint(g);
          Graphics2D g2 = (Graphics2D) g;
          g2.drawImage(myimg, 20, 20, this);
     public void mouseClicked(MouseEvent e){
          //***** SOME CODE HERE *****//
          // Rotate myimg by 5 degrees
          //******** END CODE ********//
          repaint();
     public void mouseEntered(MouseEvent e){}
     public void mouseExited(MouseEvent e){}
     public void mousePressed(MouseEvent e){}
     public void mouseReleased(MouseEvent e){}
}Thanks very much for your help!
null

// <applet code="RotationApplet" width="400" height="400"></applet>
// use: >appletviewer RotationApplet.java
import java.awt.*;
import java.awt.event.*;
import java.awt.geom.AffineTransform;
import java.awt.image.BufferedImage;
import javax.swing.*;
public class RotationApplet extends JApplet {
    RotationAppletPanel rotationPanel;
    public void init() {
        Image image = loadImage();
        rotationPanel = new RotationAppletPanel(image);
        setLayout(new BorderLayout());
        getContentPane().add(rotationPanel);
    private Image loadImage() {
        String path = "images/cougar.jpg";
        Image image = getImage(getCodeBase(), path);
        MediaTracker mt = new MediaTracker(this);
        mt.addImage(image, 0);
        try {
            mt.waitForID(0);
        } catch(InterruptedException e) {
            System.out.println("loading interrupted");
        return image;
class RotationAppletPanel extends JPanel {
    BufferedImage image;
    double theta = 0;
    final double thetaInc = Math.toRadians(5.0);
    public RotationAppletPanel(Image img) {
        image = convert(img);
        addMouseListener(ml);
    public void rotate() {
        theta += thetaInc;
        repaint();
    protected void paintComponent(Graphics g) {
        super.paintComponent(g);
        Graphics2D g2 = (Graphics2D)g;
        g2.setRenderingHint(RenderingHints.KEY_INTERPOLATION,
                            RenderingHints.VALUE_INTERPOLATION_BICUBIC);
        double x = (getWidth() - image.getWidth())/2;
        double y = (getHeight() - image.getHeight())/2;
        AffineTransform at = AffineTransform.getTranslateInstance(x,y);
        at.rotate(theta, image.getWidth()/2, image.getHeight()/2);
        g2.drawRenderedImage(image, at);
    private BufferedImage convert(Image src) {
        int w = src.getWidth(this);
        int h = src.getHeight(this);
        int type = BufferedImage.TYPE_INT_RGB; // options
        BufferedImage dest = new BufferedImage(w,h,type);
        Graphics2D g2 = dest.createGraphics();
        g2.drawImage(src,0,0,this);
        g2.dispose();
        return dest;
    private MouseListener ml = new MouseAdapter() {
        public void mousePressed(MouseEvent e) {
            rotate();
}

Rotating image loaded with CameraRoll

I'm having trouble working out how to rotate an image loaded using CameraRoll on an AIR for iOS app.
This code below works fine (displayImage() is called when CameraRolls media event returns completed, and imageArea is the scrollPane where the image is shown.
     function displayImage():void
     var image:Bitmap = Bitmap(imageLoader.content);
     imageArea.source = image;
The image loads just fine untill I try to rotate it:
     function readMediaData():void
     var image:Bitmap = Bitmap(imageLoader.content);
     var imX:int = image.width;
     var imY:int = image.height;
          if (imX>imY)
              image.rotation = 90;
     imageArea.source = image;
With the second version the image seems to load because the scroll bars expand to the size of the image I choose, but I don't see anything on the stage.
What am I doing wrong?
Any suggestions would be really appreciated.

I added the new width back to images x position but no joy; no matter what x & y I set the image to, it cannot be seen. The scroll bars expand exactly the right amount for the 'invisible' image, regardless of it's x & y positions as well (you'd think if the image was out of the scrollPane the bars wouldn't adjust like that. I'm not doing something right.
I'm stumped on this but I'll keep trying things. Thanks for your help and the lead, I appreciate it and it may be part of the problem, but there seems to be a different problem as well.

Problem with image rotation. Images are distorted.

Here is the story:
I import images. Some of the need to be rotated because the camera not always records rotation properly. So I rotate them in LR. Everything is fine so far. But when I want to edit the rotated file in PS (CS2) problems arise.
Either LR does not send information about image rotation or PS does not recognize it. The image opens in PS as it was initially shot so in order to work on it properly I need to rotate it in PS again. When I return to LR the thumbnail looks fine but the develop module stretches or distorts the image.
As far as I remember I dodn't have such a problem a week ago so what could be the cause?

I am also having this problem, again using Jpegs. If I Right click in LR and choose "Edit Original" in Photoshop CS, the photo appears correctly oriented in PS. I edit it (in this case using PTLens to remove distortion and then cropping) and save the file.
LR now displays it correctly in the Library module, but stretched in the Develop Module. The edges of the image and the grey pinstripe around it also flash grey a couple of times a second while displaying stretched.
I tried reading metadata from file, and this deleted all my LR edits (not just ratings etc) to the file but didn't fix the problem.
Any more ideas? This doesn't happen if I edit a copy of the original file, but don't really want to duplicate all images shot on a wide angle lens. Is this something in the way PS CS re-writes the orientation information to a jpeg, or how LR reads it?
Sam

Help with Xcode 3.2.6 with ios sdk 4.3: will not work...

So I recenty upgraded my Mac to OS X Snow Leopard (10.6.8) and the xcode that came with it would not work effectively. I just downloaded xcode 3.2.6 with ios sdk 4.3 from Apple and installed them (after having to change the date to 2011). Xcode worked but opening the interface builder resulted in a blank window opening, not the actual interface builder. So then I tried to reinstall the .dmg file of xcode and ios sdk, which was again successful, but when I click on any of the applications it installs to open them I get an error. This is what happens when trying to open xcode:
Process:         Xcode [4609]
Path:            /Users/myname/Desktop/Xcode.app/Contents/MacOS/Xcode
Identifier:      com.apple.Xcode
Version:         ??? (???)
Build Info:      DevToolsIDE-18070000~38
Code Type:       X86 (Native)
Parent Process: launchd [92]
Date/Time:       2012-07-21 23:18:17.358 -0400
OS Version:      Mac OS X 10.6.8 (10K549)
Report Version: 6
Interval Since Last Report:          3537 sec
Crashes Since Last Report:           13
Per-App Crashes Since Last Report:   13
Anonymous UUID:                      F17937FB-B272-4B47-811F-333D66AB2B3B
Exception Type: EXC_BREAKPOINT (SIGTRAP)
Exception Codes: 0x0000000000000002, 0x0000000000000000
Crashed Thread: 0
Dyld Error Message:
Library not loaded: @rpath/DevToolsFoundation.framework/Versions/A/DevToolsFoundation
Referenced from: /Users/myname/Desktop/Xcode.app/Contents/MacOS/Xcode
Reason: image not found
Binary Images:
0x8fe00000 - 0x8fe4163b dyld 132.1 (???) <4CDE4F04-0DD6-224E-ACE5-3C06E169A801> /usr/lib/dyld
Model: MacBook1,1, BootROM MB11.0061.B03, 2 processors, Intel Core Duo, 1.83 GHz, 1 GB, SMC 1.4f12
Graphics: Intel GMA 950, GMA 950, Built-In, spdisplays_integrated_vram
Memory Module: global_name
AirPort: spairport_wireless_card_type_airport_extreme (0x168C, 0x86), Atheros 5424: 2.1.14.6
Bluetooth: Version 2.4.5f3, 2 service, 12 devices, 1 incoming serial ports
Network Service: AirPort, AirPort, en1
Serial ATA Device: FUJITSU MHY2120BH, 111.79 GB
Parallel ATA Device: MATSHITACD-RW CW-8221
USB Device: Built-in iSight, 0x05ac (Apple Inc.), 0x8501, 0xfd400000 / 2
USB Device: Apple Internal Keyboard / Trackpad, 0x05ac (Apple Inc.), 0x0217, 0x1d200000 / 2
USB Device: IR Receiver, 0x05ac (Apple Inc.), 0x8240, 0x5d200000 / 2
USB Device: Bluetooth USB Host Controller, 0x05ac (Apple Inc.), 0x8205, 0x7d100000 / 2
Can anyone please help me? Ps, I've changed the directory location to "myname" for security reasons;p so that is not the problem

The error message is telling you that the linker is looking for the Xcode executable on your desktop and can't find it. Where did you install Xcode? The default location is in /Developer.
It sounds like you have an outdated alias to Xcode on your desktop. Can you launch Xcode if you navigate to Xcode in the Finder and launch it from there?

Image rotation working in template, but nowhere else

Hi,
I'm relatively new to Dreamweaver.
I have a page with some rotating images, created following a Communitymx recommendation (http://www.communitymx.com/content/article.cfm?cid=651FF).
The website template (http://www.johnaverill.com/templates/main_template.dwt) seems to rotate images perfectly; however, image rotation on index.html and the others will not work.
Any help or recommendations would be greatly appreciated. Thanks, Paul

osgood_
ah, you are correct. sorry, I didn't catch that I was i am just posting the same old apparent bad code (index.html).
I did create index_2.html and rename it to index.html per your instructions of Mar 5 (i've actually done it twice now). Pictures not rotating with the index_2 or the new index.html either.
Also noticed recreating the index continues to get me the extra:
function randomImages(){
if(counter == (imgs.length)){
counter = 0;
the template seems to be putting this in there new index for some reason.
New index here:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>John Averill - Welcome</title>

<style type="text/css">

</style>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<style type="text/css">
#maincontent {
width:915px;
height:auto;
z-index:1;
left: 114px;
top: 351px;
margin: 20px auto 0px;
.container .footer table tr td h6 {
color: #FFF;
</style>
<script type="text/javascript">
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
/* pw - removed old code
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
// Comma separated list of images to rotate
var imgs = new
Array('_images/1.jpg','_images/2.jpg','_images/3.jpg','_images/4.jpg');
// delay in milliseconds between image swaps 1000 = 1 second
var delay = 3000;
var counter = 0;
function preloadImgs(){
   for(var i=0;i<imgs.length;i++){
     MM_preloadImages(imgs[i]);
function randomImages(){
   if(counter == (imgs.length)){
     counter = 0;
   MM_swapImage('rotator', '', imgs[counter++]imgs[i]);
function randomImages(){
   if(counter == (imgs.length)){
     counter = 0;
   MM_swapImage('rotator', '', imgs[counter++]);
   setTimeout('randomImages()', delay);
</script>


</head>
<body onload="preloadImgs();randomImages();">
<div class="container">
<div class="header">
    <div align="center">
<img src="_images/1.jpg" name="rotator" width="960" height="300" id="rotator" />
      <ul id="MenuBar1" class="MenuBarHorizontal">
        <li><a href="index.html">Home</a></li>
        <li><a href="about.html">About</a></li>
<li><a href="partners.html">Our Underwriters</a></li>
<li><a href="claims.html">Claims</a></li>
<li><a href="markets.html">Industry Focus</a></li>
<li><a href="assignments.html">Assignments</a></li>
<li><a href="_clienttestimonials/testimonials.html">Client Testimonials</a></li>
<li><a href="resources.html">Resources</a></li>
      </ul>
    </div>
    
</div>
<div class="content">
<h1> </h1>

<div id="maincontent">
<p><img src="_images/john_averill_bw.jpg" alt="" width="98" height="122" align="right" /></p>
<p> </p>
<h1><img src="_images/johncaverill.jpg" alt="" width="313" height="80" id="Image3" /></h1>
<h3>Insurance and Risk Management for Aircraft/Aerospace and Defense Companies</h3>
<p align="justify">Welcome, this is an online bio for John C. Averill. This site also has a description of my capabilities, services offered and successes</p>
<p align="justify">FIDUCIARY ROLE</p>
<p align="justify">My team and I take our fiduciary role as insurance brokers and risk consultants seriously. I am held accountable to a select group of risk management professionals who have an enormous amount of wisdom and knowledge about the property and casualty insurance world, providing my team and me consistent guiding principles. Due to our fiduciary role, we do not publicize our clients list but we do have several letters from clients on file as part of this site, see Client Testimonials.</p>
<p align="justify">CONFIDENCE IN THE PROCESS</p>
<p align="justify">The process of designing a risk management strategy and purchasing insurance should be comprehensive. The focus should be on pre-engineering claims payments. You should have total confidence in your broker and insurance company. After a claim has occurred is not the time to second guess the dollars you spent on insurance premiums and the commissions or fees you paid a broker. </p>
<p align="justify">PHILOSOPHY</p>
<p align="justify">Our philosophy and goal is to never have a client have an uncovered claim that he / she failed to insure. We have developed   processes and procedures to determine exposures, forecast claims and efficiently purchase the needed insurance coverage.</p>
<p align="justify"><strong>SERVICES OF AEROSPACE AND DEFENSE DIVISION</strong></p>
<p>Insurance Brokerage</p>
<p>Risk Analysis (Internal Risk Resource Data Base)</p>
<p>Travel Risk Management analysis</p>
<p>Global Travelers Group </p>
<p>Submission Preparation</p>
<p>Benchmarking Analysis</p>
<p>Contractual Review</p>
<p>Loss Control</p>
<p>Direct Access to all major insurance companies</p>
<p>Internal claims adjustors</p>
<p>Quarterly Newsletter </p>
<h1> </h1>
</div>

<h1> </h1>
</div>
<div class="footer">
    <table border="0" align="center">
      <tr>
        <td width="906" height="5" bgcolor="#004C90"><h6>Aviation News</h6></td>
        <td width="906" height="5" bgcolor="#004C90"><h6>News on John</h6></td>
        <td width="906" height="5" bgcolor="#004C90"><h6>Quick Help</h6></td>
      </tr>
      <tr>
        <td width="906" height="25" valign="top"><h5 align="left">
          <script language="JavaScript" src="http://feed2js.org//feed2js.php?src=http%3A%2F%2Fwww.aero-news.net%2Fnews%2Frssfeed.xml&am p;num=3&utf=y" charset="UTF-8" type="text/javascript"></script>
          <noscript>
          <a href="View" _mce_href="http://feed2js.org//feed2js.php?src=http%3A%2F%2Fwww.aero-news.net%2Fnews%2Frs sfeed.xml&num=3&utf=y&html=y">View">http://feed2js.org//feed2js.php?src=http%3 A%2F%2Fwww.aero-news.net%2Fnews%2Frssfeed.xml&num=3&utf=y&html=y">View RSS feed</a>
          </noscript>
        </h5>
        <p align="left"> </p></td>
        <td width="906" height="25" valign="top"><h5>Averill speaks at 2011 Risk and Insurance Management Society annual conference in Vancouver on Aviation Loss Control. </h5>
        <h5>Averill appointed to National Business Aviation Association Insurance Committee. </h5></td>
        <td width="906" height="25" valign="top">
          <h5 align="left"><a href="claims.html">Claims Information</a></h5>
<h5 align="left"><a href="contacts.html">Contact Me</a></h5>
        </td>
      </tr>
    </table>
    <p><img src="_images/ioa_aerospace_logo.jpg" width="150" height="70" alt="ioa_logo" /></p>
</div>
</div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>

Image Rotation Problem in LR 3.2RC

Anyone else having an issue with image rotation in Lightroom 3.2C?
Here's what happens:
I import images from my card. There are a combination of images taken horizontally and vertically. The vertical images come in sideways (horizontally). This is no big deal: maybe the cameras I was using in this case (Olympus E-PL1 and Panasonic GF1) don't properly mark the orientation.
So, in Grid view, I select one of the improperly orientated images and click the "Rotate Photo Left" arrow in the toolbar. Here's where it gets weird. Instead of rotating the image 90-degrees counter clockwise, the thumbnail rotates about 45-degrees, so now it's crooked in Grid view. However, on my second monitor, the image now looks properly orientated.
I've tried rotating using the menu (Photo menu / Rotate Left) and got the same result. If I repeatedly rotate, it ends up in all sorts of odd positions in grid mode.
What's up with this? Is it just me?
Alan
PhotoCitizen.com

Restarted Lightroom and all looks good now. I'll be interested to see if the problem returns next time I import images.
UPDATE: I spoke too soon. Closed LR3 and opened it again. No, the cockeyed thumbnails are not saved at their odd angles. But they still don't match the image shown on my 2nd monitor (or on my main monitor either if I go to Loupe View). The Grid view image might show the vertical image lying on its side (horizontal), even though the 2nd monitor shows it in the correct orientation.
This happens with horizontal images too if I try to rotate them - something I tried just now but wouldn't normally need to do.
Trying to rotate the thumbnail again results in the cockeyed thumbnail. If I then CLICK on that thumbnail, it straightens out, but never in the correct orientation. Here's a screen grab:
Something seriously wrong here. Something that NEVER happend in Lightroom 3 until I installed version 3.2RC. So, I doubt that it's a video card problem - looks like a bug to me.
Alan
PhotoCitizen.com

Image rotator

Hi I have a problem with editing my image rotator in Dreamweaver, when I go to open it I get this message: This is not located with in your defined site, please save the document in your Dreamweaver site first, I built the rotors in my Dreamweaver site, and they also work, I just cant edit them, I tried the suppliers of the rotator image magic, Projectseven.com but they said this is a Dreamwever problem. Can any one help please, thanks Jeff

Hi Ken, to the best of my knowledge all the dependent files are on the server, remember all the rotators work I just can’t edit the, the same thing applies to all of the rotators on the site, the URL is: http://qualitycarpets.net/index.php
Since I left this message in the forum I have noticed the same is happening on my other site: http://thecarpetandflooringconsultant.co.uk/
Sorry to be a pain. Thanks Jeff

Image Rotation with AE SDK

Similar Messages

Maybe you are looking for