How to best optimise Shapes produced by Drawing API?

I'm building an iPad app that allows a user to draw shapes using the finger. Simple logic:
holder = new Sprite();
addChild(holder);
// then based on touch events
holder.graphics.moveTo( e.stageX, e.stageY );
holder.graphics.lineTo( e.stageX, e.stageY );
// etc
What I see is that the SWF on the desktop runs at constistent 25fps. When run on the iPad it slows down significantly once you start drawing, usually as slow as 4fps.
I tried adding
            var matrix:Matrix = new Matrix();
            holder.cacheAsBitmapMatrix = matrix;
            holder.cacheAsBitmap = true;
but that seems to have no effect. Am I looking in the right place? Are there better ways to optimise this?
Thanks
Stefan

I spent a bit of time fighting with this one as well. It seems that no matter what I do through Flash's drawing API I just can't seem to get good quality from my objects.
From what I can tell the only way to achieve quality is to create the shape in Photoshop first and have it inside of Flash as a bitmap. I also set cacheAsBitmap and applied a cacheAsBitmapMatrix to the containing MovieClip, although I'm not sure if it made a difference since it apparently already applies this for Bitmap objects...I think.
Anyways try that and you'll see substantially better quality.
It would be nice in future release to see vectors utilize the iPhone's vector capabilities.

Similar Messages

Drawing API - Blurred Edges

Hey there,
How come any time I use the drawing API in AS3, or FXG in MXML, certain Paths or shapes, do NOT look crisp. They are clearly blurred on some of their edges.
Straight Rect shapes do not have this problem, but when drawing a custom shape, the edges of the fill are always blurred.
Anyone know of a way to have it look clean?

I have tried both your suggestions.
I confirmed that in one case, all the points land on an integer, and then confirmed a second case where they landed on (interger + .5)...both have the same blurry issues.
This is something I've noticed for a long time with the drawing API, but am just tired of having to come up with excuses to tell designers why Flash is drawing blurry vector shapes.
There has got to be an answer for this.

Very simple question-how to fill a shape I draw with color

hi. I am new to photoshop and having a lot of trouble selecting any shape that I draw. I am trying to do a tutorial that involves filling a canvas with gray, then drawing a smaller white rectangle inside of the larger gray canvas/rectangle. (I did not forget to unlock the background).
My question: how do i select and fill (with white) the second rectangle I draw on top of the larger gray rectangle???
In general, I cannot figure out how to select and/or fill any shape I draw using the rectangle tool. Likewise, the marque shape tools are no help as I cannot seem to draw a marque on my gray rectangle in order to select it and fill it with a white fill. I have also tried to use a "fill layer."
I am almost certain that something is wrong with my computer(I reset the settings), but then again I have not used photoshop in over a year. Any help will be greatly appreciated.

The Rectangle Tool sgould create a Work Path, Shape Layer or Fill Pixels according to the Settings in the Options Bar.
The Rectangular Marquee Tool should create a Selection, which you could Edit > Fill or use as a Layer Mask for a Solid Color Layer.
Could you please post a screenshot with the pertinent Panels visible?

How do I use shapes I create in Adobe Shape?

All the shapes you create with Adobe Shape are stored in a CC Library. This means you can access them in other desktop, mobile, and web apps. Detailed instructions below.
How to access your shapes in Creative Cloud
Desktop: In order for this to work, you must have the most recent version of Illustrator and Photoshop.
Open Adobe Illustrator on your desktop.
Open the Libraries panel (Windows > Libraries)
Your shapes should be present in your Libraries. If you don’t see them there, select the libraries drop down to see if you saved your shapes in a different library.
Now, you can drag the shape onto your canvas.
At this point, you can continue working with your shape, by adding editing. Or, you can simply save the file. Of course, after you save it to your desktop, you can email, post online, etc.
Mobile apps:
Open Adobe Illustrator Draw and open a drawing.
Tap the Shapes icon to open the Shapes menu.
Tap a library name to view the shapes in the Creative Cloud Library. Tap Change Library to select another library.
Select your shape by tapping on it.
Active Slide or Tocuh Slide. You can use Adobe Slide or Touch Slide to place the shape on the canvas. Access Touch Slide by tapping on the circular icon at the top of the menu bar.
Place the shape. Once you have activated Touch Slide, you will see a light rendition of your shape on the canvas. Simply double tap on the shape outline to stamp the shape in place.
Web:
Navigate to https://assets.adobe.com/
Select the Libraries menu item (left menu on the page)
Select the desired library (if this is your first time using Libraries, you will only have one).
This page provide a preview only.
Also, here’s a great walk through video that may be useful: http://helpx.adobe.com/mobile-apps/how-to/shape-get-started.html?set=mobile-apps--fundamen tals--adobe-shape-cc

I use Illustrator CC not Illustrator CC 2014 where can I find "Open the Libraries panel (Windows > Libraries)" and How can get the vector file from adobe shape cc?

How can i optimise my iweb site

how do I optimise my web site is the software in iweb? Is this done before I publish or after I publish through the FTP server host?

There are two types of optimization - search engine optimization and optimizing your files for faster download....
http://www.iwebformusicians.com/Search-Engine-Optimization/SEO.html
http://www.iwebformusicians.com/Search-Engine-Optimization/Optimize.html
The first is done post publishing and before upload. The second is best done at the same time but can also be carried out when the files are on the server.
"I may receive some form of compensation, financial or otherwise, from my recommendation or link."

How can I share shapes created with Adobe Shape?

You can access your shapes in the Libraries panel within Photoshop and Illustrator. If you would like to share the file with another person, simply drag the shape onto your canvas and then save the shape as a new file. From here, you can email the file or add it to a shared drive.

Your shapes should be automatically saved to the Creative Cloud. I’m going to explain how you can access them below.
How to access your shapes in other apps
Desktop: In order for this to work, you must have the most recent version of Illustrator and Photoshop.
Open Adobe Illustrator on your desktop.
Open the Libraries panel (Windows > Libraries)
Your shapes should be present in your Libraries. If you don’t see them there, select the libraries drop down to see if you saved your shapes in a different library.
Now, you can drag the shape onto your canvas. Or, right click and select "Use in document"
At this point, you can continue working with your shape, by adding editing. Or, you can simply save the file. Of course, after you save it to your desktop, you can email, post online, etc.
Mobile apps:
Open Adobe Illustrator Draw and open a drawing.
Tap the Shapes icon to open the Shapes menu.
Tap a library name to view the shapes in the Creative Cloud Library. Tap Change Library to select another library.
Select your shape by tapping on it.
Active Slide or Tocuh Slide. You can use Adobe Slide or Touch Slide to place the shape on the canvas. Access Touch Slide by tapping on the circular icon at the top of the menu bar.
Place the shape. Once you have activated Touch Slide, you will see a light rendition of your shape on the canvas. Simply double tap on the shape outline to stamp the shape in place.
Web:
Navigate to https://assets.adobe.com/
Select the Libraries menu item (left menu on the page)
Select the desired library (if this is your first time using Libraries, you will only have one).
This page provide a preview only.
Also, here’s a great walk through video that may be useful: http://helpx.adobe.com/mobile-apps/how-to/shape-get-started.html?set=mobile-apps--fundamen tals--adobe-shape-cc

How to make smart shape buttons turn colors after clicking on them?

How to make smart shape buttons turn colors after clicking on them? I am using buttons as links to learning paths and would like users to know which buttons they have allready clicked on when returning to main menu.

This is reply I got from Adobe support. I will try and let you all know what works best:
Here is the workflow which you can follow to achieve this functionality.
Puspendra: You can choose image button and then choose from the available image buttons, or click on the folder icon when you select the image button and choose from the Gallery of Captivate 6.
Puspendra: Few image buttons change color on hover or onclicked, these effects are predefined in them.
Puspendra: Or you can edit that button on which you are working, from properties Panel.
Puspendra: The Post and Cancel button on this thread seems like a transparent button in Captivate with different fill and stroke color, and transparency is also less, and with corner radius of 0.
Puspendra: You will find these all optionns, when you will click on that button and then click on the properties panel.

Where to learn how to make advanced shapes ?

So, there are a lot of info in www - about how to connect shapes, how to edit some setting, how to edit microsoft built in shapes
BUT, i cant find anything (even for money) about how to create advanced shape, for example there are some paid shapes you can buy for rare usage - for example, meteorology.Or, how to create shape comparing to quality of bult in shape
all i need - i wanna learn how to do it, the best way - to find a video that will explain the mystery setting in Shape Format menu
thx!

Hi,
If you need more shapes than a particular Microsoft Office Visio template provides, you have a couple of options. You can either search Visio and the Web for shapes that Microsoft has developed, or you can search the Web for shapes that were developed by
others,
https://support.office.com/en-us/article/Find-more-shapes-and-stencils-123f0550-ab4b-4803-ae74-4e9c73fff4ca
And create custom shapes in Visio.
http://office.microsoft.com/en-001/visio-help/create-a-shape-HP001231200.aspx
http://office.microsoft.com/en-001/visio-help/create-save-and-share-custom-stencils-HA102749233.aspx
http://blogs.office.com/2013/09/24/learn-to-create-3-d-shapes-in-visio/
Best regards,
Greta Ge
TechNet Community Support
It's recommended to download and install
Configuration Analyzer Tool (OffCAT), which is developed by Microsoft Support teams. Once the tool is installed, you can run it at any time to scan for hundreds of known issues in Office
programs.

How do I edit shapes created by Adobe Shape?

Shapes created in Adobe Shape can be modified in Illustrator or Photoshop and saved as a separate file. However, your new file will not be updated in Adobe Shape.

Your shapes should be automatically saved to the Creative Cloud. I’m going to explain how you can access them below.
How to access your shapes in other apps
Desktop: In order for this to work, you must have the most recent version of Illustrator and Photoshop.
Open Adobe Illustrator on your desktop.
Open the Libraries panel (Windows > Libraries)
Your shapes should be present in your Libraries. If you don’t see them there, select the libraries drop down to see if you saved your shapes in a different library.
Now, you can drag the shape onto your canvas. Or, right click and select "Use in document"
At this point, you can continue working with your shape, by adding editing. Or, you can simply save the file. Of course, after you save it to your desktop, you can email, post online, etc.
Mobile apps:
Open Adobe Illustrator Draw and open a drawing.
Tap the Shapes icon to open the Shapes menu.
Tap a library name to view the shapes in the Creative Cloud Library. Tap Change Library to select another library.
Select your shape by tapping on it.
Active Slide or Tocuh Slide. You can use Adobe Slide or Touch Slide to place the shape on the canvas. Access Touch Slide by tapping on the circular icon at the top of the menu bar.
Place the shape. Once you have activated Touch Slide, you will see a light rendition of your shape on the canvas. Simply double tap on the shape outline to stamp the shape in place.
Web:
Navigate to https://assets.adobe.com/
Select the Libraries menu item (left menu on the page)
Select the desired library (if this is your first time using Libraries, you will only have one).
This page provide a preview only.
Also, here’s a great walk through video that may be useful: http://helpx.adobe.com/mobile-apps/how-to/shape-get-started.html?set=mobile-apps--fundamen tals--adobe-shape-cc

Trying to figure out how to spin a shape like a top...

Folks,
I'm trying to figure out how to spin a shape like a top on one axis starting fast and slowing to a stop.
It would be nice if the stop was eased in and not sudden.
I can make the shape spin, but I'm having a lot of trouble figuring out how to change the speed of the rotation over time.
I must be trying to control it in the wrong spot because the add keyframe is not enabled.... anyway, I'm obviously not doing it the right way.
Suggestions please!
Thanks in advance.
Tony

Mark,
I was, as usual, over thinking the solution. I thought I had to do something else... which I'm not going to try to describe but it involved linking the rotation of my shape to the orbit of Jupiter...
Your method is much simpler.
It took a while to figure out how to draw the curve to get what I was hoping for but it worked.
Very cool!
Thanks!
Tony

How to Click on Shape After Rotating it?

In trying to answer a question on another forum ([java-forums question|http://www.java-forums.org/awt-swing/20517-how-select-shape-object-after-rotation.html]) on how to click on a shape after it has been rotated, I created an SSCCE (actually a little too big for one, sorry), and got a solution by re-rotating the shape in the mouse listener, but is this a decent solution? Are there better solutions? My so-called SSCCE:
import java.awt.*;
import java.awt.event.*;
import java.awt.geom.*;
import java.util.ArrayList;
import java.util.List;
import javax.swing.*;
import javax.swing.event.*;
public class RotateShape {
   private static final int PANEL_WIDTH = 500;
   private static final int SHAPE_WIDTH = 100;
   private static final Dimension MAIN_SIZE =
      new Dimension(PANEL_WIDTH, PANEL_WIDTH);
   private static final int SLIDER_MIN = -180;
   private static final int SIDER_MAX = 180;
   private static final int MAJOR_TICK = 30;
   private static final int MINOR_TICK = 15;
   private List<MyShape> myShapeList = new ArrayList<MyShape>();
   private JPanel mainPanel = new JPanel();
   private JPanel drawingPanel = createDrawingPanel();
   private AffineTransform transform = new AffineTransform();
   private JSlider rotationSlider;
   public RotateShape() {
      mainPanel.setLayout(new BorderLayout());
      mainPanel.add(drawingPanel, BorderLayout.CENTER);
      mainPanel.add(createTransformPanel(), BorderLayout.SOUTH);
   private JPanel createTransformPanel() {
      rotationSlider = new JSlider(SLIDER_MIN, SIDER_MAX, 0);
      rotationSlider.setMajorTickSpacing(MAJOR_TICK);
      rotationSlider.setMinorTickSpacing(MINOR_TICK);
      rotationSlider.setPaintLabels(true);
      rotationSlider.setPaintTicks(true);
      rotationSlider.setPaintTrack(true);
      rotationSlider.setSnapToTicks(true);
      rotationSlider.addChangeListener(new SliderListener());
      JPanel transformingPanel = new JPanel(new BorderLayout());
      transformingPanel.setBorder(BorderFactory.createEtchedBorder());
      transformingPanel.add(rotationSlider);
      return transformingPanel;
   @SuppressWarnings("serial")
   private JPanel createDrawingPanel() {
      if (drawingPanel != null) {
         return drawingPanel;
      drawingPanel = new JPanel() {
         @Override
         protected void paintComponent(Graphics g) {
            super.paintComponent(g);
            myPaint(g);
      int leftUpperCenter = PANEL_WIDTH / 4;
      int x = leftUpperCenter - SHAPE_WIDTH / 2;
      int y = x;
      MyShape rect = new MyShape(
            new Rectangle2D.Double(x, y, SHAPE_WIDTH, SHAPE_WIDTH));
      MyShape circle = new MyShape(
            new Ellipse2D.Double(PANEL_WIDTH - x - SHAPE_WIDTH,
                  y, SHAPE_WIDTH, SHAPE_WIDTH));
      MyShape roundedRect = new MyShape(new RoundRectangle2D.Double(x,
            PANEL_WIDTH - y - SHAPE_WIDTH, SHAPE_WIDTH, SHAPE_WIDTH, 30, 30));
      myShapeList.add(rect);
      myShapeList.add(circle);
      myShapeList.add(roundedRect);
      drawingPanel.setPreferredSize(MAIN_SIZE);
      drawingPanel.addMouseListener(new MouseAdapter() {
         public void mousePressed(MouseEvent e) {
            myMousePressed(e);
      return drawingPanel;
   private void myMousePressed(MouseEvent e) {
      for (MyShape myShape : myShapeList) {
         if (myShape.contains(e.getPoint(), transform)) {
            // toggle fill if shape is clicked
            myShape.setFill(!myShape.isFilled());
      drawingPanel.repaint();
   private void myPaint(Graphics g) {
      Graphics2D g2 = (Graphics2D) g;
      g2.setStroke(new BasicStroke(3));
      g2.setRenderingHint(RenderingHints.KEY_ANTIALIASING,
            RenderingHints.VALUE_ANTIALIAS_ON);
      AffineTransform oldTransform = g2.getTransform();
      if (transform != null) {
         g2.setTransform(transform);
      g2.setColor(Color.red);
      for (MyShape myShape : myShapeList) {
         if (myShape.isFilled()) {
            myShape.fill(g2);
      g2.setColor(Color.blue);
      for (MyShape myShape : myShapeList) {
         myShape.draw(g2);
      g2.setTransform(oldTransform);
   public JComponent getPanel() {
      return mainPanel;
   private class SliderListener implements ChangeListener {
      public void stateChanged(ChangeEvent e) {
         double theta = Math.PI * rotationSlider.getValue() / 180;
         double center = (double) PANEL_WIDTH / 2;
         transform = AffineTransform.getRotateInstance(theta, center, center);
         drawingPanel.repaint();
   private static void createAndShowGUI() {
      JFrame frame = new JFrame("RotateShape Application");
      frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
      frame.getContentPane().add(new RotateShape().getPanel());
      frame.pack();
      frame.setLocationRelativeTo(null);
      frame.setVisible(true);
   public static void main(String[] args) {
      javax.swing.SwingUtilities.invokeLater(new Runnable() {
         public void run() {
            createAndShowGUI();
* Holds a Shape and a boolean filled that tells if Shape is to be filled or not
class MyShape {
   private Shape shape;
   private boolean filled = false;
   public MyShape(Shape shape) {
      this.shape = shape;
   public boolean isFilled() {
      return filled;
   public void setFill(boolean fill) {
      this.filled = fill;
   public Shape getShape() {
      return shape;
   public void draw(Graphics2D g2) {
      g2.draw(shape);
   public void fill(Graphics2D g2) {
      g2.fill(shape);
   public boolean contains(Point2D p) {
      return shape.contains(p);
   public boolean contains(Point2D p, AffineTransform at) {
      Shape s = at.createTransformedShape(shape);
      return s.contains(p);
}Many thanks!
edit: code change -- MyShape has its own draw, fill, contains(point2d), and contains({Point2D, AffineTransform) methods.
Edited by: Encephalopathic on Aug 13, 2009 5:47 PM

    public boolean contains(Point2D p, AffineTransform at) {
     try {
         return shape.contains(at.inverseTransform(p, null));
     } catch (NoninvertibleTransformException e) {
         e.printStackTrace();
         return false;
     // Shape s = at.createTransformedShape(shape);
     // return s.contains(p);
    }Piet
Edited by: pietblok on 20-aug-2009 6:51
Changed return value on exception

How much current does the VBAT pin draw on the sbRIO-9606?

I would like to provide a vbat voltage to the sbRIO-9606 in order to keep the RTC accurate. I am having a hard time finding information about how much current the VBAT pin will draw to keep the RTC alive. Any recommendations for providing this voltage are welcome.
Thanks,
Kristen

Hi J_bou,
Thanks for helping with this question. I am still a bit confused though. Where is there documentation/information about the sbRIO-9606 shipping with a battery? Is this something that comes in the developer kit, but not integrated on the board itself? I have seen forum posts that suggest other RIO boards have a coin cell integrated that is rated for the life of the board without needing a charger, but I don't see anything about this for the 9606 version. If the board ships with an installed/integrated battery, the user would not need to provide an external voltage. Are there any application notes about this that could help?
The user's guide does clearly state the voltage requirements if a user wants to provide an external battery to keep the RTC alive, but there is no information about the current draw to tell how fast the RIO will discharge the battery. Does the battery model you mention shipping with the RIO need a charger, or is it meant to last for the lifetime of the sbRIO board?
Best,
Kristen

Is there a website or PDF somewhere which discusses best practices for producing a children's picture book? I am mostly interested in requirements for good image format, resolution, etc.

Is there a website or PDF somewhere which discusses best practices for producing a children's picture book? I am mostly interested in requirements for good image format, resolution, etc.

There may be a few links in Apple Support, regarding articles about how to use iBooks Author
and iBooks Store, etc; these would be separated into two general categories by device used.
Since there is an iOS and an OS X version of each, you may have to look to see what Apple
Support says about the one you are interested in; and how far their database goes toward an
answer to your question. Otherwise, a general search engine approach may be necessary.
Not sure if anything along the lines of what you seek would be available in an App.
References to iBooks Author and iBooks Store, etc appear within these two categories in Support:
For Mac OS X:
http://www.apple.com/support/mac-apps/
For iOS:
http://www.apple.com/support/ios/
Appears a community host moved your earlier post into one of the iBooks Author or Store sections
after I'd replied to what otherwise may be a similar post. Not sure if the links to the Discussions area
of iBooks you are interested in, have similar questions or answers by others who'd visited previously.
Is there a website or PDF somewhere which discusses best practices for producing a children's picture book? I am mostly interested in requirements for good image format, resolution, etc.
In my reply to your earlier thread, prior to it being moved, those links to sections of iBooks Author, etc
are posted. You can also find them from the main Apple Support Communities page.
Sorry to not be of much help in this matter.
Good luck & happy computing!

How can I import text produced in Pages into Adobe inDesign?

How can I import text produced in Pages into Adobe inDesign?

Menu > File > Export > Word .doc/x
I doubt it will do graphics and layout, but maybe, depending on your version of Indesign you may hit lucky (but probably not).
Peter

Does anyone know how to align hexagon shape in photoshop

help~ i have problem aligning my hexagon shape, they just don't have the same gap between each other...even when i turn the smart guide on it works the same (sorry for my bad english)
well im using adobe photoshop cs6 extended, please give me tip & trick to align them

I assume you are using the Shape tool to draw your hexagons. After you drag out the shape, use the Transform controls to tweak the size, so that the width is evenly divisible by 4, and the height is an even number. If you wand a gap between shapes, include that in your adjustments. Make a note of the new width and height.
Once the scaling is committed and the shape is selected, Control+Alt+T to Free Transform Copy, and in the Option Bar, set the X and Y to Relative. Set X to zero, and Y to the height you set earlier, and commit the Transform. Then Repeatedly press Shift+Control+Alt+T to make more transformed copies.
With a vertical column of shapes, Alt-Click on the Shape Path in the Paths panel to select the whole path. Control+Alt+T again. This time, again using relative, set X to three-quarters of the width you noted earlier, and Y to one-half the height, and commit
Finally, again Alt-click on the Shape Path in the Paths panel, and Transform Copy relative with X = one and a half times the width you noted, and Y to zero. After committing this, Shift+Control+Alt+T as above to extend more columns.
And JJ, those are Octagons .

How to best optimise Shapes produced by Drawing API?

Similar Messages

Maybe you are looking for