Zoom in a circle

While Zoom in a circle ,its position is changing slightly,For lines and points there is no problem .How to solve this problem?
Edited by: engineer_work8 on Feb 14, 2010 11:47 PM

This is the code i m using to zoom in,this method is called from a MousewheelHandler class.I am zooming a circle upto 0.001 scale ,the original position of the circle get changed but after some actions it comes to it original position .How to place the circle at correct position while zooming...
public boolean zoomIn(double centerX, double centerY)
if ( ((getMainPanel().getEditModel().getScalingFactor() * .5) <= 0.0009))
          || getMainPanel().getEditModel().getScalingFactor() * (1 / 1.5) < 0.0009)
          return false;
setCursorWait();
          getMainPanel().setMessage("");
          getMainPanel().getEditModel().setScale((1 / 1.5));
          getMainPanel().getEditModel().setScalingFactor(getMainPanel().getEditModel().getScalingFactor()getMainPanel().getEditModel().getScale());
          getMainPanel().setInitialZoomFactor();
          gotShape.setViewX(zoomInOutX(gotShape.getViewX(), centerX));
gotShape.setViewY(zoomInOutY(gotShape.getViewY(), centerY));
     gotShape.setOriginX(zoomInOutX(gotShape.getOriginX(), centerX));
     gotShape.setOriginY(zoomInOutY(gotShape.getOriginY(), centerY));
          //Recalculate the ViewOriginX and the ViewOriginY
          getMainPanel().getEditModel().setViewOriginX(getMainPanel().zoomInOutX(getMainPanel().getEditModel().getViewOriginX(), centerX));
          getMainPanel().getEditModel().setViewOriginY(getMainPanel().zoomInOutY(getMainPanel().getEditModel().getViewOriginY(), centerY));
          gotShape.setViewX(getXWRTOrigin(gotShape.getX()));
          gotShape.setViewY(getYWRTOrigin(gotShape.getY()));
          getMainPanel().getDrawingArea().repaint();
          setCursorDefault();
return true;
public double zoomInOutX(double x, double zoomPointX)
     return zoomPointX - ((zoomPointX - x) / getEditModel().getScale());
public double zoomInOutY(double y, double zoomPointY)
     return zoomPointY - ((zoomPointY - y) / getEditModel().getScale());
}

Similar Messages

  • Zoom and fade problem

    I have a circle that I want to create a "puls" effect with.
    The circle zooms up and fades away, but before it has fade away
    complete I need a second circle to start zoom and fade away from
    the same place, creating a puls. ( Think of a radiotower sending
    out signals). Do I need two circle mc:s or can I work with one?
    Allso when I use this code to zoom up the circle, when the function
    is complete, the mc stops on full alpha. I want it to loop.

    Create a Circle MC and Give
    "lingage Id" to that.
    Now using
    attachMovie create the + symbol
    now create a function, say
    animateCircle and get a MovieClip Name as Argument.
    now paste your transition effect and instead of
    circle give the argument value
    use
    setInterval to call the function with certain interval
    to control this use the NumbeofClips, and mcCounter
    variables.
    i hope this explanation is more than enough to create that
    effect.

  • How to: "Zoom" picture to forefront and create "highlight" circle?

    Hey everyone!
    I'm trying to edit a film for a class. I'm new to the movie editing so I'm trying to learn on the fly.
    I'm using iMovie and I've been doing pretty good but I'm stuck at two points but know where I'd like to get them to.
    The first:
    I applied a freeze frame to a clip of my video and inserted an image in the middle of the freeze frame. What I'd like to do is apply a "zoom from (point)" type animation. The image is a .jpg of a sign I made on the computer to use in the video. I freeze framed a point in the video where I'd like to zoom from the freeze frame to the inserted .jpg image. Boy I hope that makes sense. I would also like the image to zoom "away" after a few seconds just before the freeze frame ends and the video starts back up. I'm thinking Microsoft Powerpoint style with this, how you can apply animations to images (zoom to front, zoom to back, etc.) Can I do this in iMovie? If not, is there another way I can achieve this result?
    Second:
    There are a few points in the film where I slowed down the segment to 25% speed. In these clips I'd like to "highlight" the signs in the frame. Ideally, I'd like to grayscale/black&white the whole screen/clip EXCEPT where the sign is (ideally I could draw a circle around the sign and have just inside that sign be in color and the rest of the screen outside the circle be in black and white)
    I hope those made sense. Any help would be most appreciated.

    From what I'm finding, it looks like plugins are not an option for iMovie '11. So if these types of edits above are not possible, is there another program I should look into? Or is there maybe an older version of iMovie that I should look into when the allowed plugins?

  • Circle zooming parts of image - hints to get me started

    Hi!
    I didn't know how to explain the "zoom" in the message title
    so I'm linking to the page containing the effect I want to mimic:
    "Zoom"-effect
    Can someone give me some hints on how I could remake the
    "zoom"-effect in a Flex-application? I'm not asking for the whole
    solution but for some pointers on what classes and such I should be
    using (bitmap, mask, cursor...).
    Would appreciate some answers since I really want to do this
    in Flex/ActionScript rather than Silverlight.

    You would need to track the MouseEvent.MOUSE_MOVE with an
    event listener on your 'shoe image'. You would use that to set the
    X/Y of your 'tooltip' component that had a much larger image so
    taht it followed your mouse, and translated the x/y into the other
    coordinates to move the image around underneath the viewport (like
    bigX = x * 1.2, bigY = y* 1.2 though you can easily calculate the
    scale value from the image sizes). The viewport would be a
    MaskFilter I believe. Yu would set mouseEnabled = false for the
    tooltip so that it didn't accept input from the mouse, instead
    passing through to the image underneath. I also believe that
    example use the Move transition with an easingFunction so that it
    lags behind slightly.

  • Safari on rMBP has 200% zoom level by default when viewing standalone images.

    I have a MacBook Air 13" Mid 2010 and recently purchased a MacBook Pro with Retina Display 15" Mid 2012. I have updated Safari to 6.0 on both machines, but here comes the problem when I use Safari to view a standalone image on my rMBP.
    Normally when I view a standalone image on Safari, the zoom level is 100% which means I see the actual pixeles of the image. Once you open an image in a new tab or a new window, if the dimensions of the image is bigger than the window, let's say 5000x4000, the dimensions of the image will be adjusted to fit within the window. And then the cursor becomes a tiny circle with the "+" sign inside (sorry for my poor description, I hope you can get it) which is the zoom icon, by clicking the image you zoom to the actual pixels of the image which shows 100% of the image.
    However this works on my MBA but it doesn't on my rMBP as the zoom level is 200% by default. The following web pages are the ones where I found to have the same problem and they have better explanations:
    http://notes.jayrobinson.org/post/25599469833/the-images-above-show-safari-5-2-w ith-page-zoom-on
    https://twitter.com/jayrobinson/status/214443964516937729
    Sorry for the long post, but I just wonder if there is a way to fix the problem or if Apple can do it?

    I've seen this reported before -- sometimes PSE needs to have the zoom set to even multiples of 25%.  You can try searching Adobe's site to see if anyone has found a solution.
    Ken

  • Pan & Zoom Not Working in PP4

    Using PP CS4 with 8 years experience with Premiere, am having trouble with this effect. Effect Controls > Motion > Position & Scale controls are all there but the resizing for keyframes is not having any visible effect in either Source or Program monitors. The clip remains exactly as it was imported at full, uncropped view. Please help. Thx

    Just for clarification, are you using the Pan & Zoom for a SlideShow in Encore, or are you using the Fixed Effects>Motion>Scale & Motion>Position in PrPro?
    If the latter, then I would post to the PrPro CS4 and Earlier Forum.
    In the meantime, and in case you ARE encountering this issue in PrPro, let's go over the steps to do Pans & Zooms in the Effects Control Panel.
    First, in your Timeline, Select your Still Image (or Video Clip).
    If not in focus, get Effects Control Panel open and in front in its Pane.
    Place the CTI (Current Time Indicator) /Playhead at the first Frame of that Still/Clip.
    Look at the Fixed Effects list in Effects Control Panel, and for Motion, twirl that Open, to reveal both Scale and Position. Twirl those Open, to reveal their sliders.
    For a Zoom, click the little Stopwatch icon next to it, to toggle Keyframe animation ON, and place a Keyframe on that First Frame.
    At this point, that Keyframe will have a value of 100%, or original size. If one needs to adjust that, say for a Zoom Out to full Scale, but needs to start Zoomed In, set it to where you wish to start.
    Move to the time (on the Timeline, or on the mini-timeline in Effects Control Panel - the CTS's are linked), where you want the Zoom Out to end, and click the New Keyframe button, the filled circle in the ◄●► icon. A new Keyframe is added at that spot. Now, adjust the Scale to what is desired there.
    One can adjust the Interpolation between those Keyframes, if desired, but that is something that one will be better off, if they read the full section on Keyframe Interpolation in the Help Files.
    If one wishes to add a Pan, then the same process is repeated, but for the Fixed Effect>Motion>Position.
    Good luck, and hope that helps,
    Hunt

  • Has anyone "zoomed in" on a portion of a waveform graph?

    Has anyone ever used two cursors to zoom in on a portion of a waveform graph?
    I've seen that newer Oscilloscopes offer features to do this both horizontally and vertically. 
    See the attached jpg for an example of what I'm trying to do.  It is from Google Finance.  Notice the area circled in red.  The two cursors define the portion of the waveform to be displayed on the main graph.  There is also a scrollbar beneath them which allows the user to quickly move the zoomed-in area across the graph- I would love to have that functionality on the LabVIEW graphs. 
    My first thought is that I can do this using mostly property nodes.  Not sure on vertical zooming scrolling the horizontal zoom- I'm thinking maybe this would best be done using scrollbars which are not part of the graph itself. 
    Any ideas or comments?
    Thanks,
    Dave
    Attachments:
    deleteme.jpg ‏38 KB

    Cursor position is available in Labview via a property node. You can also set about every chart property with property nodes. I have used this many times. Here is a trick. If you have two cursors, Make separate arrays of the x and y  positions. Then  use the "Array max&min" to sort them. This will make your program independent of the cursor sequence.
    Besides which, my opinion is that Express VIs Carthage must be destroyed deleted
    (Sorry no Labview "brag list" so far)

  • How to change the colour for round blue circle pin

    I am using bing map on asp.net application, the default pin icon 'pin55light' which is in blue color is shown on the map. I am wondering if there is any way to change it to orange and make a size bit bigger?
    Here is the code, for pin2 i am using custom icon but pin1 is having default icon. Is there any quick way to change the back color of default blue circle icon?
    function themesModuleLoaded() {
    map = new Microsoft.Maps.Map(document.getElementById('myMap'), {
    credentials: BingMapKey,
    zoom: 7,
    center: new Microsoft.Maps.Location(546, 787),
    theme: new Microsoft.Maps.Themes.BingTheme()
    dataLayer = new Microsoft.Maps.EntityCollection();
    map.entities.push(dataLayer);
    var infoboxLayer = new Microsoft.Maps.EntityCollection();
    map.entities.push(infoboxLayer);
    infobox = new Microsoft.Maps.Infobox(new Microsoft.Maps.Location(0, 0), {
    visible: false,
    offset: new Microsoft.Maps.Point(0, 20)
    infoboxLayer.push(infobox);
    AddData();
    function AddData() {
    var offset = new Microsoft.Maps.Point(-3, 2);
    var pin1 = new Microsoft.Maps.Pushpin(new Microsoft.Maps.Location(44, 66));
    pin1.Title = 'Vendor';
    pin1.Description = 'description';
    Microsoft.Maps.Events.addHandler(pin1, 'click', displayInfobox);
    dataLayer.push(pin1);
    var pin2 = new Microsoft.Maps.Pushpin(new Microsoft.Maps.Location(11, 55), {
    icon: '~/images/icons/pushpins/pins/pur.png',
    width: 30,
    height: 40,
    text: '1',
    textOffset: offset
    pin2.Title = 'title';
    pin2.Description = 'description';
    Microsoft.Maps.Events.addHandler(pin2, 'click', displayInfobox);
    dataLayer.push(pin2);
    }function displayInfobox(e) {
              if (e.targetType == 'pushpin') {
                  infobox.setLocation(e.target.getLocation());
                  infobox.setOptions({
                      visible: true,
                      title: e.target.Title,
                      description: e.target.Description,
                      width: 170,
                      height: 100,

    The whole idea of the theme module is that it changes all the look and feel of the map. You can't override those. You are better off using a custom pushpin without the theme module.
    http://www.bingmapsportal.com/ISDK/AjaxV7#Pushpins2
    https://rbrundritt.wordpress.com/2014/10/02/correcting-anchoring-pushpins-to-the-map/
    http://rbrundritt.wordpress.com

  • Pink Circles in Highlights with Olympus EP-1

    When editing pictures in Lightroom, highlights such as clouds or lights are developing pink fringing, or circles, in the white areas.
    - This only happens in Lightroom, not in the Olympus Master software.
    - It does not occur in .jpg files.
    - It only seems to occur in blown, or close to, highlights such as lights, clouds, or other bright areas.
    - Occurs in both DNG and Olympus native Raw formats
    - Occurs only after zooming in on the photo -- so upon initial import its fine, but once you zoom in on the picture, the fringes develop.
    I have attached a picture  -- notice the clouds in the sky.
    If anyone has any ideas on why this is happening, or what can be done, please advise.
    Thank you.

    It's a known bug, but is unlikely to be fixed before the next update.
    There are other posts discussing the problem at http://forums.adobe.com/thread/498099

  • White circles in picture when using flash

    When I take a picture using the flash, I get large white circles in the picture. The circles are perfectly round. They are always in the same location.
    Zooming in changes the size of the circles.
    I have only had the phone for a month. This just started happening a couple of days ago.

    Zooming in simply enlarges the image so the circles will appear larger.
    If it's only on the image when you use flash, the sensor is obviously fine so I would suggest an issue with the rear of the camera...maybe a film or smearing around the flash itself?
    If not, please post an image somehow

  • How do I create a magnifying glass zoom effect?

    I'm building an image 'showcase of work' website site. Each html page features a selection of thumbnails on one side linked to a main image on the other.  I am trying to find out how to create something like a zoom effect 'magnifying glass' so that the user can hover over the main image to zoom in within a confined circle or square in more detail, which moves with the mouse whilst hovering over the image. I'm sure you all know what I mean!  (just in case, please see attached html file showing the page layout)  (I also don't want to get too techy/over complicate things as I'm learning as I go). I want to be able to use this feature throughout the site, therefore, I guess it's another CSS rule that I need to apply...?
    I'm hoping someone can point me in the right direction to find some sort of step by step 'how to' do this.  I can't seem to find just what I'm looking for... maybe I'm not calling it by the right terminology!
    I'm currently using Design Premium CS4 (predominantly Dreamweaver, Photoshop and a little Flash)
    Cheers....

    Hi
    Magiczoom and lightbox are used for showing enlarged versions of images etc. similar to using a separate pop-up window (but without the annoyance of pop-up windows).
    Anythingzoomer is a magnifying glass effect and works as such.
    PZ

  • Rotated image at 120% zoom

    Hi Framers,
    I use Frame 7.1p116 and have some small graphics of arrows in my text. These are imported by reference, Anchored Frame, At Insertion Point.
    When I display at 100% ot 140% (or other values) the display is just fine. But at 120% one of the arrows is suddenly changed from a Left arrow (correct) into an Up arrow. The printed PDF is just fine.
    It's not a big deal, although it cost me a few minutes when I thought I had imported the wrong image. Has anyone seen anything like it before?
    Here are the three zooms and the Object Properties. They are straight screen grabs, cropped and with a red circle added afterwards.
    Any ideas?
    --- Derek

    Thanks Sheila and Arnis,
    Today I opened the project to try different zoom settings and the problem has vanished; I get the correct arrow at zooms of 100, 120 and 140%.
    Likely a bug somewhere deep in Frame's innards. Anyway we've ordered TCS3 so soon I'll be using FM10. Thanks anyway.
    --- Derek

  • I would simply like to insert two half-circles or half-moons in a Pages doc. There are no such graphics in the "shapes" area. So, ideas on how I can get those half-circles in my doc?

    I would simply like to insert two half-circles or half moons in a Pages doc. The current "shapes" does not include half-circles or half-moons. Ideally, I'd like to be able to apply my colour, lines, etc., etc to these half circles and size them. I am not a graphic artist.

    1. Go down to the bottom left corner of the window and increase the zoom to 400%
    2. Toolbar > Shapes > Circle
    3. Menu > Format > Make Editable > click on the bottom red dot > delete
    4. Click on the left side dot, there are two handles which pull out the curves.
    5. Drag down a guide from the ruler to the tip of the top of the handle.
    6. Click on the bottom handle tip and shift drag it up until it is tucked back into the red dot.
    7. Do the same to other corner.
    Now keep a copy of this in a document and copy paste where you need it.
    Peter

  • ScrollPane zoom in/out

    Hello, this is my first post.
    I'd like to add zoom in/out function to my ScrollPane, and make shortcut (CTRL+MOUSE SCROLL UP/DOWN) for it. ( like Inkscape )
    I made the following code ( Canvas ) to achieve this, but have some problems.
    *1. How can I prevent ScrollBar's thumb to move when pressing CTRL?*
    When ScrollBar is visible and ScrollBar's thumb (or scroller, knob) has room to move, CTRL+MOUSE SCROLL UP/DOWN doesn't work because the thumb moves instead of zooming in/out.
    When the thumb moves up/down to bar's end, then zoom in/out finally works fine.
    *2. ScrollEvent handler is sometimes not called in ScrollPane*
    When ScrollBarPolicy is not ScrollBarPolicy.ALWAYS and Scrollbar is not visible, SOMETIMES CTRL+SCROLL UP/DOWN operation dosen't work.
    (ScrollEvent handler is not called. For other panes, ScrollEvent works fine. Please check MouseScrollEventTest below)
    Thank you in advance.
    Canvas
    public class Canvas extends Application {
         DoubleProperty zoom = new SimpleDoubleProperty(1.0);
         final double MAX_ZOOM = 3.0;
         final double MIN_ZOOM = 0.1;
         @Override
         public void start(Stage stage) throws Exception {
              Rectangle rectangle = RectangleBuilder.create()
                   .width(1000).height(1000)
                   .fill( LinearGradientBuilder.create()
                        .stops(new Stop(0, Color.BLUE), new Stop(1, Color.RED))
                        .build()
                   ).build();
              ScrollPane scrollPane = ScrollPaneBuilder.create()
                   .content(
                        GroupBuilder.create()
                             .children(rectangle)
                             .build())
    //               .hbarPolicy(ScrollBarPolicy.ALWAYS)
    //               .vbarPolicy(ScrollBarPolicy.ALWAYS)
                   .build();
              rectangle.scaleXProperty().bind(zoom);
              rectangle.scaleYProperty().bind(zoom);
              scrollPane.setOnScroll(new EventHandler<ScrollEvent>(){
                   public void handle(ScrollEvent event) {
                        if( !event.isControlDown() ) return ;
                        double zoomValue;
                        if ( event.getDeltaY() > 0 ) {
                             zoomValue = zoom.get() + 0.1;
                        } else {
                             zoomValue = zoom.get() - 0.1;
                        if( zoomValue > MAX_ZOOM || zoomValue < MIN_ZOOM ) return ;
                        zoom.set(zoomValue);
              Scene scene = SceneBuilder.create()
                        .width(500).height(500)
                        .root(scrollPane)
                        .build();
              stage.setScene(scene);
              stage.show();
         public static void main(String[] args) {
              launch(args);
    Mouse Scroll Event Test
    public class MouseScrollEventTest extends Application {
         BorderPane bPane;
         ScrollPane sPane;
         public void start(Stage stage) throws Exception {
              EventHandler<ScrollEvent> handler = new EventHandler<ScrollEvent>() {
                   public void handle(ScrollEvent event) {
                        System.out.println(event);
              bPane = new BorderPane();
              bPane.setPrefSize(100, 100);
              sPane = new ScrollPane();
              sPane.setPrefSize(100, 100);
    //          sPane.setContent( new Rectangle(50,50) );
    //             This works fine.
              bPane.setOnScroll(handler);
    //             Sometimes, this is not called.
              sPane.setOnScroll(handler);
              HBox root = new HBox();
              root.getChildren().addAll(bPane, sPane);
              Scene scene = new Scene(root);
    //          scene.setOnScroll(handler);
              stage.setScene(scene);
              stage.show();
         public static void main(String[] args) {
              launch(args);
    }--- My Environment
    Windows Vista
    JavaFX 2.0 SDK
    Edited by: 932474 on 2012/05/07 4:31
    Edited by: 932474 on 2012/05/07 4:47

    Thank you for the good example.
    But actually, I just give up using ScrollPane and created a ZoomCanvas which can zoom in/out and pan.
    The code is here.
    Any comments or improvement would be appreciated.
    ZoomCanvas
    public class ZoomCanvas extends StackPane {
         private ZoomController zoomController;
         private Group contentWrapper;
         private double translateXWhenMousePressed, translateYWhenMousePressed;
         private double xWhenMousePressed , yWhenMousePressed;
         private static class ZoomController {
              private int deltaCount = 0;
              private final double DEFAULT_ZOOM = 1.0;
              private boolean useAnimation = true;
              private DoubleProperty zoomMax   = new SimpleDoubleProperty(10.0);
              private DoubleProperty zoomMin   = new SimpleDoubleProperty(0.1);
              private DoubleProperty zoomDelta = new SimpleDoubleProperty(1.2);
              private DoubleProperty zoom      = new SimpleDoubleProperty( DEFAULT_ZOOM );
              public ZoomController() {
              public void zoomIn() {
                   double zoomValue = DEFAULT_ZOOM * Math.pow(zoomDelta.get(), deltaCount+1);
                   if( zoomValue > zoomMax.get() ) {
                        setZoom(zoomMax.get());
                        return;
                   deltaCount++;
                   setZoom( zoomValue );
              public void zoomOut() {
                   double zoomValue = DEFAULT_ZOOM * Math.pow(zoomDelta.get(), deltaCount-1);
                   if( zoomValue < zoomMin.get() ) {
                        setZoom(zoomMin.get());
                        return;
                   deltaCount--;
                   setZoom( zoomValue );
              public void setZoom( double zoomValue ) {
                   if( useAnimation ) {
                        Timeline zoomTimeline = new Timeline();
                        zoomTimeline.getKeyFrames().add(
                             new KeyFrame(Duration.millis(300), new KeyValue(zoom, zoomValue))
                        zoomTimeline.play();
                   } else {
                        zoom.set(zoomValue);
         public ZoomCanvas(Node content) {
              super();
              Rectangle clip = new Rectangle();
              clip.widthProperty().bind(widthProperty());
              clip.heightProperty().bind(heightProperty());
              // to adjust layoutBounds when drawingPane's scale changes
              contentWrapper = new Group(content);          
              StackPane.setAlignment(contentWrapper, Pos.CENTER);
              getChildren().add(contentWrapper);
              zoomController = new ZoomController();
              content.scaleXProperty().bind(zoomController.zoom);
              content.scaleYProperty().bind(zoomController.zoom);
              content.translateXProperty();
              hookEvents();
              setClip(clip);
         private void hookEvents() {
              setOnScroll(new EventHandler<ScrollEvent>() {
                   public void handle(ScrollEvent event) {
                        if( event.getDeltaY() > 0 ) {
                             zoomController.zoomIn();
                        } else {
                             zoomController.zoomOut();
              setOnMousePressed(new EventHandler<MouseEvent>(){
                   public void handle(MouseEvent event) {
                        if( !event.isMiddleButtonDown() ) return ;
                        translateXWhenMousePressed = contentWrapper.getTranslateX();
                        translateYWhenMousePressed = contentWrapper.getTranslateY();
                        xWhenMousePressed = event.getX();
                        yWhenMousePressed = event.getY();
                        setCursor(Cursor.MOVE);
                        event.consume();
              setOnMouseReleased(new EventHandler<MouseEvent>(){
                   public void handle(MouseEvent event) {
                        setCursor(Cursor.DEFAULT);
              setOnMouseDragged(new EventHandler<MouseEvent>(){
                   public void handle(MouseEvent event) {
                        if(!event.isMiddleButtonDown())
                             return;
                        contentWrapper.setTranslateX( translateXWhenMousePressed +  event.getX() - xWhenMousePressed );
                        contentWrapper.setTranslateY( translateYWhenMousePressed +  event.getY() - yWhenMousePressed );
                        event.consume();
    ZoomCanvasTest
    public class ZoomCanvasTest extends Application {
         public void start(Stage primaryStage) throws Exception {
              Rectangle rect = new Rectangle(0,0,100,100);
              rect.setStyle("-fx-fill: blue;");
              Circle circle = new Circle(100,100,50);
              circle.setStyle("-fx-fill: red;");
              Pane canvasContent = new Pane();
              canvasContent.setStyle(
                        "-fx-background-color: papayawhip;" +
                        "-fx-border-color: black;");
              canvasContent.getChildren().add(circle);
              canvasContent.getChildren().add(rect);
              ZoomCanvas canvas = new ZoomCanvas(canvasContent);
              canvas.setStyle(
                   "-fx-background-color: mistyrose;" +
                   "-fx-border-color: black;"
              ToolBar toolBar = new ToolBar();
              toolBar.setOrientation(Orientation.VERTICAL);
              toolBar.getItems().add( new Button("sample") );
              BorderPane root = new BorderPane();
              root.setCenter(canvas);
              root.setRight(toolBar);
    //          root.getChildren().addAll(canvas, toolBar);
              Scene scene = new Scene(root);
              primaryStage.setScene(scene);
              primaryStage.show();
         public static void main(String[] args) {
              launch(args);
    }Edited by: 932474 on 2012/05/08 10:17
    Edited by: 932474 on 2012/05/08 10:40
    Edited by: 932474 on 2012/05/08 10:56

  • Motion 4: zooming in with all layers

    I'm creating an opening sequence in Motion 4 and I can see a problem coming.
    First the white circle draws itself. Then the center photo fades in. Then, one after another, the town names and dots appear in alphabetical order.
    The final effect should be a zoom into the center dot, where I'll fade in from black a photo of video's topic, a library.
    The dome photo is plenty big...what's on screen for most of the sequence is only about 20 percent of full size. But I can see that I'm going to need to enlarge everything, or have the Motion camera move in on everything, so the dome doesn't simply grow beyond the bounds of the white circle and town names. That's about 10 layers in all.
    What would be the best way to do this? Thanks.

    This istell excellent advice, absolutely killer.
    David Bogie Chq-1 wrote:
    Yes. but I might suggest you build this as a set of layers, each a bit closer to or further from the camera--maybe even mask the dome image so there are two copies, an inner and outer circle at different z-depths--and do the camera move as a push in to the dome image. The parallax shift as the camera moves might give you a very interesting effect.
    bogiesan
    Why your layers won't move into groups is a bit difficult to diagnose from where I'm sitting.
    Cameras are what Motion is all about these days. However, just placing a camera in the scene is not going to magicaly make this move work for you. You will need to learn how to use cameras. But, if it's a simple move you've got in mind, the easiest place to start is the camera behaviors.
    bogiesan

Maybe you are looking for