Resizing the stage around its center

I have done some animation work on a stage 320px X 320px. I
find that I must present the same work on a stage 240px X 320 px.
If I use the Property Inspector window, I can enter the new stage
size. Unfortunately, the window is resized with the left hand side
of the screen as its reference point, effectively cutting off a
large part of the right side of my work. I would expect to loose a
piece of my animation at the right and the left evenly. How can I
resize the stage around its center?
Thanks

well, I'm afraid that just the thing, you really can't.
However, you can reposition everything on the Stage at the same
time. First, with all layers unlocked, right click the timeline
(anywhere but the first frame) and use 'select all frames', then
use the 'edit multiple frames' button which the little 'box' like
symbol next to the fps indicator on the bar just below the
timeline, select 'onion all', now you can drag or nudge the entire
animation at one time.

Similar Messages

How to resize the stage from the top instead of the bottom?

Hi I am trying to resize the stage in Flash CS4 from the top instead of the bottom, as I left too much space at the top of the stage and don't need the stage to be so big. By default Flash resizes from the bottom.
So is there a way of resizing from the top?
Failing this, is there a way of moving all the symbols/objects in my project so that I don't create a motion tween but just move the objects for all of the frames in the project (i have quite a few tweens in the project)?
Thanks
Nick

the built in Stage class has two handy properties...
Stage.width and Stage.height

New tweens and resizing the stage: Help!

Hi all. I'm going nuts trying to figure this out.
I built an animation project at 630 pixels wide. Turns out the project needs to be 430 pixels wide. In CS3, using the classic tweens, I would simply resize the stage, Onion All, then resize everything on the stage at once. But with the new tween structure, it looks like I can't do a mass resize like that. Anything that's been tweened using the motion editor does not resize.
I know I can just create a new movie clip, paste all frames into it and then resize the MC, but I have some JPEGs of signatures that pixellate when they are resized that way.
So, can you onion skin the new tweens? Is there a workaround?
Thanks!

I'm afraid there isn't a good answer for this one - it's one of the present limitations that we're aware of. The problem is twofold: One instance per tween instead of two/more (Edit multiple frames is entirely based on multiple instances - a tween only has one), and auto-keyframing (usually making things easier, but for this, complicating things - if you change the scale at a location it automatically tweens the change, which you don't want in this use case).
For any motion paths, you need to select each and then scale them (you can use the Transform panel to enter a percentage. Mutliple selected motion paths will scale the instances instead (unfortunately for this case). You can try selecting multiple and using the Transform panel, but this doesn't work well yet.
If you haven't tweened the scale of your instances and they start at the same position, you're in a bit more luck. Put the playhead at the first frame of the span(s) and then scale the instances. If you have tweened the scale, then you'd need to move the scale tween up/down in the motion editor (press the Alt key while dragging the path in the graph).
In the even less likely chance the instances share the same tween, I'd do this for one instance, save it as a preset and then apply it to the rest.
I know this is a pain - I'm sorry it's not better for changing the size of the Stage. We didn't get the time to make Edit Mutliple Frames better for new motion in this release.

Resizing the stage

Hello all.
I animated this little talking head, but now come the end of
it, I'd prefer to have more background space behind him, ie; a
larger stage. But when I increase the stage size, it increases it
all in the bottom-right corner, making my talking head far from
center. I wouldn't mind this if I could center him, but since there
are tweens and lip-syncing and all sort of stuff, I can't move
everything in one foul swoop. I'll select all my layers and
whatnot, move them, but then as soon as I get to any new keyframe
in the timeline, any associated symbol will go back to their
original position. Needless to say, re-positioning every single
keyframe would be just as tedious as creating them in the first
place.
I doubt that's the only option, seeing as how Adobe MUST've
forseen this. So. Is there a way to really truly select everything
in timeline and move it all at once? Or is there a way to tell the
stage
where to increase its size, similar to adjusting the "canvas
size" in Photoshop?
Any help would be GREATLY appreciated.

there are two solutions to your problem here.
1) you can place all of the animation within a new MovieClip
symbol. select all layers and frames by right-click and 'select all
frames' - then right-click and 'copy frames'. now create a new
symbol and right-click the first frame and 'paste frames' - now
return to the main timeline and delete all the layers, create a new
layer and drag the new movieclip symbol from the Library - you will
now be able to position the MC wherever you would like.
2) you can use the 'edit multiple frames' function to move
everything at once. with the playhead in frame one, turn on onion
skinning (the button on the left on the bar just below the timeline
that looks like one 'full' box) with onion skinning turned on, drag
the 'viewing marker' on the right ('attached to' the playhead
marker) to the last frame of the timeline - then turn on the 'edit
multiple frames' button (the button on the right on the bar just
below the timeline that looks like two 'full' boxes) now click-drag
from the first layer-last frame - to the last layer-first frame to
select all of the timeline with the playhead ending up in the first
frame. now you will be able to position everything that is selected
all at once. however you will need to repeat this procedure for any
move and you will also 'see' everything at the same time, which can
make positioning difficult - but also handy.

How to resize the stage of .fla project

I would like to make a .fla project in high resolution (to
meet hires demand) but would also re-size the stage to lower
resolution to be able to publish at lower file size. Is there a way
to do it?
Changing the dimensions only changes the stage size but it
does not resize it.
Any help?

the built in Stage class has two handy properties...
Stage.width and Stage.height

Moving the stage around within the workspace!?

Am I an idiot, or is the stage ALWAYS locked into the top left hand corner of the workspace.

Be sure to send feedback regarding this, though.
http://www.apple.com/feedback/keynote.html

How do I rotate a Button for example around its center in Flex 4.1 ?

I know that there is autoCenterTransform or some propery like that in the transform effects but I don't want to use an effect, I just want the button rotated 180 degrees around it's center (I have left and right arrow and I don't want to make separate skins for them).
Anyone?

Maybe use a layout that isn't BasicLayout?
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
               xmlns:s="library://ns.adobe.com/flex/spark">
    <s:controlBarContent>
        <s:HSlider id="slider" minimum="0" maximum="360" />
    </s:controlBarContent>
    <s:layout>
        <s:HorizontalLayout />
    </s:layout>
    <s:Group>
        <s:Button id="btn" label="test" rotation="{slider.value}" transformX="{btn.width / 2}" transformY="{btn.height / 2}" />
    </s:Group>
    <s:VGroup>
        <s:Button id="btn2" label="test" rotation="{slider.value}" transformX="{btn2.width / 2}" transformY="{btn2.height / 2}" />
    </s:VGroup>
</s:Application>

I click run and then the next step is go through the stages but its doesnt come up

im trying to download and step 2 is not showing up

Go to edit-preferences-advanced-
uncheck 'keep itunes media folder organised'
Then make changes and see if itunes keeps the new info...
But warning! if you allow iTunes to organise your files in the future these change will be undone I believe.

The problem about the Stage's minWidth or minHeight property.

From the JavaFX 2.2 api, I see the minWidth or minHeight property, and then I attempt to use them to limit the contraction of stage when dragging. But it takes no effect. Are there some implications for using these properties?
I have finally to write some codes in the dragging listener of the stage to set manually width or height of the stage to achieve the minWidth or minHeight effect.

Hi, here is the test case: when we resize the stage UNDECORATED by dragging, we can minimize the stage size to zero even I set the minWidth and minHeight properties at first.
import javafx.animation.KeyFrame;
import javafx.animation.KeyValue;
import javafx.animation.Timeline;
import javafx.application.Application;
import javafx.beans.binding.DoubleBinding;
import javafx.beans.property.ObjectProperty;
import javafx.beans.property.SimpleDoubleProperty;
import javafx.beans.property.SimpleObjectProperty;
import javafx.event.ActionEvent;
import javafx.event.EventHandler;
import javafx.geometry.Bounds;
import javafx.geometry.Point2D;
import javafx.scene.Cursor;
import javafx.scene.Node;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.control.ScrollPane;
import javafx.scene.effect.DropShadow;
import javafx.scene.effect.Reflection;
import javafx.scene.input.MouseEvent;
import javafx.scene.layout.AnchorPane;
import javafx.scene.layout.FlowPane;
import javafx.scene.layout.Pane;
import javafx.scene.paint.Color;
import javafx.stage.Stage;
import javafx.stage.StageStyle;
import javafx.stage.Window;
import javafx.util.Duration;
public class TestMinSizeStage extends Application {
private ScrollPane scrollPane;
private ObjectProperty<Point2D> anchor = new SimpleObjectProperty<Point2D>(null);
private SimpleDoubleProperty widthStage = new SimpleDoubleProperty();
private SimpleDoubleProperty heightStage = new SimpleDoubleProperty();
public static void main(String[] args) {
launch(args);
@Override
public void start(final Stage primaryStage) {
Pane mainContainer = initstage(primaryStage);
mainContainer.getChildren().addAll(
createButton());
primaryStage.show();// Show the primaryStage
private Pane initstage(Stage primaryStage) {
primaryStage.setTitle("Hello Java");
primaryStage.initStyle(StageStyle.TRANSPARENT);
/* The minWidth or minHeight is for the stage "DECORATED", it has on effect to the stage non "DECORATED". */
primaryStage.setMinWidth(600);
primaryStage.setMinHeight(400);
final FlowPane mainContainer = new FlowPane();
mainContainer.setStyle(
"-fx-background-color: white; " +
"-fx-background-radius: 10px; " +
"-fx-padding: 10px;" +
"-fx-hgap: 30px; " +
"-fx-vgap: 50px;");
scrollPane = new ScrollPane();
scrollPane.setStyle("-fx-background-radius: 10px;");
scrollPane.setContent(mainContainer);
scrollPane.setPannable(true);
mainContainer.prefWidthProperty().bind(new DoubleBinding() {
super.bind(scrollPane.viewportBoundsProperty());
@Override
protected double computeValue() {
Bounds bounds = scrollPane.getViewportBounds();
if (bounds == null) {
return 0;
} else {
return bounds.getWidth();
AnchorPane root = new AnchorPane();
root.setStyle(
"-fx-border-color: black; " +
"-fx-border-width: 1px; " +
"-fx-border-radius: 10px; " +
"-fx-background-color: rgba(0, 0, 0, 0); " +
"-fx-background-radius: 10px;");
DropShadow dropShadow = new DropShadow();
dropShadow.setRadius(20.0);
// dropShadow.setSpread(0.2);
root.setEffect(dropShadow);
enableDragging(root);
root.getChildren().add(scrollPane);
AnchorPane.setTopAnchor(scrollPane, 0.0);
AnchorPane.setRightAnchor(scrollPane, 10.0);
AnchorPane.setBottomAnchor(scrollPane, 10.0);
AnchorPane.setLeftAnchor(scrollPane, 10.0);
AnchorPane superRoot = new AnchorPane();
superRoot.getChildren().add(root);
AnchorPane.setTopAnchor(root, 10.0);
AnchorPane.setRightAnchor(root, 10.0);
AnchorPane.setBottomAnchor(root, 10.0);
AnchorPane.setLeftAnchor(root, 10.0);
Scene scene = new Scene(superRoot, 950, 650, Color.TRANSPARENT);
scene.getStylesheets().add(getClass().getResource("controls.css").toExternalForm());
primaryStage.setScene(scene);
return mainContainer;
* Enable the root node to be dragged. Realize some drag functions.
* @param root - the root node
private void enableDragging(final AnchorPane root) {
/* This mouse event is for resizing window. Define some specific cursor patterns. */
root.setOnMouseMoved(new EventHandler<MouseEvent>() {
public void handle(MouseEvent me) {
if ((me.getX() > root.getWidth() - 10 && me.getX() < root.getWidth() + 10)
&& (me.getY() > root.getHeight() - 10 && me.getY() < root.getHeight() + 10)) {
root.setCursor(Cursor.SE_RESIZE);
} else if (me.getX() > root.getWidth() - 5 && me.getX() < root.getWidth() + 5) {
root.setCursor(Cursor.H_RESIZE);
} else if (me.getY() > root.getHeight() - 5 && me.getY() < root.getHeight() + 5) {
root.setCursor(Cursor.V_RESIZE);
} else {
root.setCursor(Cursor.DEFAULT);
/* when mouse button is pressed, save the initial position of screen. */
root.setOnMousePressed(new EventHandler<MouseEvent>() {
public void handle(MouseEvent me) {
Window primaryStage = root.getScene().getWindow();
anchor.set(new Point2D(me.getScreenX() - primaryStage.getX(), me.getScreenY() - primaryStage.getY()));
widthStage.set(primaryStage.getWidth());
heightStage.set(primaryStage.getHeight());
/* when mouse button is released, clear the initial position of screen. */
root.setOnMouseReleased(new EventHandler<MouseEvent>() {
public void handle(MouseEvent me) {
anchor.set(null);
/* when screen is dragged, translate it accordingly. */
root.setOnMouseDragged(new EventHandler<MouseEvent>() {
public void handle(MouseEvent me) {
if (anchor.get() != null) {// The drag event on the root really takes place.
Window primaryStage = root.getScene().getWindow();
if (root.getCursor() == Cursor.H_RESIZE) {
primaryStage.setWidth(widthStage.get() + (me.getScreenX() - (anchor.get().getX() + primaryStage.getX())));
} else if (root.getCursor() == Cursor.V_RESIZE) {
primaryStage.setHeight(heightStage.get() + (me.getScreenY() - (anchor.get().getY() + primaryStage.getY())));
} else if (root.getCursor() == Cursor.SE_RESIZE) {
primaryStage.setWidth(widthStage.get() + (me.getScreenX() - (anchor.get().getX() + primaryStage.getX())));
primaryStage.setHeight(heightStage.get() + (me.getScreenY() - (anchor.get().getY() + primaryStage.getY())));
} else {// moving the stage
primaryStage.setX(me.getScreenX() - anchor.get().getX());
primaryStage.setY(me.getScreenY() - anchor.get().getY());
* Define a button
* @return a button
private Node createButton() {
Button button = new Button();
button.setEffect(new Reflection());
button.setText("Say 'Hello Java'");
button.setOnAction(new EventHandler<ActionEvent>() {
@Override
public void handle(ActionEvent event) {
System.out.println("Hello Java!");
/* add an animation effect */
Timeline timeline = new Timeline();
timeline.setCycleCount(Timeline.INDEFINITE);
timeline.setAutoReverse(true);
timeline.getKeyFrames().addAll(
new KeyFrame(Duration.ZERO, new KeyValue(button.opacityProperty(), 1.0)),
new KeyFrame(new Duration(5000), new KeyValue(button.opacityProperty(), 0.0)));
timeline.play();
/* set CSS style */
button.setStyle(
"-fx-font: 14px 'Cambria'; " +
"-fx-text-fill: #006464; " +
"-fx-background-color: #e79423; " +
"-fx-background-radius: 20.0; " +
"-fx-padding: 5.0;");
return button;

Items off the stage are showing up in the browser. How do I stop this?

When learning Flash, I was taught in the beginning that only items that appear on the stage actually show up in the final animation. Clearly, these people were wrong. I thought it would be easy to have some text move in from off the right side of the stage to the middle, but the text still shows up even before it enters the stage in the browser. I have tried to change this using various publishing options, HTML, and CSS, with no luck. I did have to resize the stage, and I'm not sure if that means anything. Can someone help me figure this out? Thank you.
-Chris

Here are a few things I noticed:
No DOCTYPE for the page:
http://www.w3schools.com/tags/tag_doctype.asp
then validate the code here:
http://validator.w3.org/
Next, your main container is 1000px wide (as per your CSS) but in your IE conditional you are placing a 1500 px wide .swf inside.
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="1500" height="217.....
so for course that won't work. In IE that results in a bottom scroll bar no matter how wide a monitor... it's never wide enough to display without scrollbar
FF is different because:

<object type="application/x-shockwave-flash" data="topbanner.swf" width="713" height="155">
You're using smaller dimensions....so set them both the same.
If your main container is 1000px wide, then the stage size of your .swf should be 1000px, not 1500, not 713. Then set the width/height of the <div> holding your .swf to the exact same size as the .swf. That should eliminate any off stage stuff from showing.
Best of luck!
Adninjastrator

Image quality when moving bitmaps around the stage

Hey all,
I am moving an image around the stage, and when it moves
quickly, it becomes distorted and displays what I can only refer to
as "banding". The image appear to be misaligned for some of the
frames that it is moving. I have tried a number of the usual fixes,
increasing the framerate, using a less complex image, etc. Nothing
seems to work. Any ideas? I feel like I have seen a lot of flash +
director movies that have fast motion, slick movement, etc and not
appear as what I end up with. Is this something that relates to a
screen refresh rate? Thanks for any ideas...
- B

Sounds like good old vertical sync / tearing. This is really
not a fixable
issue. You can try slowing down the movement a little...
Someone, a while
ago, worked on creating an xtra that would honor the vertical
blanking
interval, but it never really worked properly I don't
believe. You can read
all kinds of prior posts about this by searching google
groups within
macromedia.director.* for 'vertical sync'
Dave -
Head Developer
www.blurredistinction.com
Adobe Community Expert
http://www.adobe.com/communities/experts/

How not to resize part of the stage?

Hello, I would like to know how to have a part of my website not resize with the browser window.
You can see what I want to achieve on the website...www.serialcut.com
They show their work as the page´s background which can be resize with the browser window, but their navigation always stays the same.
I know how to achieve the resizing effect, but it resizes the whole stage including navigation.
Any suggestions?
Thanks, Marcelo.
PS: I´m using flash CS3/A.S.2

It seems the protected ComboBoxEditor editor has as it's default editor component a JTextField.
I tried the following code snippet with a couple of other JComboBox constructers and came to the same result.
Hope this helps.
Symploximport java.awt.*;
import java.awt.event.*;
import javax.swing.*;
public class Combo extends JComboBox
   Combo()
      Component c = editor.getEditorComponent();
      System.out.println(c.getClass().getName());
      try{
         JTextField text = (JTextField)c;
      }catch(ClassCastException e)
         {System.out.println("Not a JTextField");}
   public static void main(String[] args)
      new Combo();
}

Transform Gradient Tool center pt keeps appearing on the left edge of the stage and it's annoying..

I'm editing gradients in small areas. When I want to edit the gradient fill of a small shape, I have to zoom all the way out because the center of the gradient is on the left edge of the stage somewhere. I'm getting a little tired of dragging the center point over to the small area requiring the fill.
Occasionally the Transform Gradient Tool will appear within the zoomed in area I'm working in but I'm unsure why! Any tips out there my friends?
Thanks!
-DEO

This may be related to session restore.
*[https://bugzilla.mozilla.org/show_bug.cgi?id=774943 bug 774943] - Session restore puts "+" button in the wrong spot and hides first tab
*[https://bugzilla.mozilla.org/show_bug.cgi?id=714382 bug 714382] - Leftmost tab is hidden when reopening browser window
<i>([https://bugzilla.mozilla.org/page.cgi?id=etiquette.html please do not comment in bug reports])</i>

QUESTIONS: I have an iphone 3gs.just updating to ios5. am at the stage where I chose to restore iphone via itunes. sync seems stuck at step 7 of 7: syncing artwork. Is this necessary and if not how do I get around it?

QUESTIONS: I have an iphone 3gs.just updating to ios5. am at the stage where I chose to restore iphone via itunes. sync seems stuck at step 7 of 7: syncing artwork. Is this necessary and if not how do I get around it?

When I use find file http://www.macupdate.com/app/mac/30073/find-file (which does tend to find files that "Finder" can't), it's not coming up with any other itunes library files that have been modified in the past week, which I know it would have been - unfortunately, I don't have a very recent backup of the hard drive. It would be a few months old so it wouldn't have the complete library on it....any ideas? I'm wondering if restarting the computer might help but have been afraid to do so in case it would make it harder to recover anything...I was looking at this thread https://discussions.apple.com/thread/4211589?start=0&tstart=0 in the hopes that it might have a helpful suggestion but it's definitely a different scenario.

How to resize everything on the stage in all frames

Is it possible to resize everything on the stage in one (or a few) step? I know scaling the movie has the same result, but when working in Flash it's a lot easier when you see the actual size.

If you have done all your animations avoiding actionscript, then you can select multiple frames and layers via the timelines "edit multiple frames" icon

Resizing the stage around its center

Similar Messages

Maybe you are looking for