Multiple Images on Card
As part of my learning LiveCode and moving an application from Adobe Air I have come up with something that I have not been able to find in the IDE. Does anyone know if it is possible to Zoom a card so that lines can be matched up on different images. I have inserted as control 20 images that make an entire picture and have done it this way so that when a user hovers over a section of the picture, it would change colors and upon clicking a section of the picture it would display a new card with detailed information of the section of the image selected. The images started as Vector Images which I converted to a Symbol then imported as a control in LiveCode. Once the lines have lined up then I can reduce zoom back to 100% for the project. ___ use-livecode mailing list use-livecode@lists.runrev.com Please visit this url to subscribe, unsubscribe and manage your subscription preferences: http://lists.runrev.com/mailman/listinfo/use-livecode
Re: Multiple Images on Card
There is no zooming of the card's contents like you can in Flash Pro. There are alignment tools you can use, and there is a grid, that you can set in preferences. Between those things you can get most things lined up nicely. LiveCode also doesn't have sub-pixel placement, which means that unlike Flash you can't get into the situation where two images are a fraction of a pixel misaligned, which is one of the reasons you then have to zoom in. You should easily be able to see when two objects are aligned, even without zooming. ___ use-livecode mailing list use-livecode@lists.runrev.com Please visit this url to subscribe, unsubscribe and manage your subscription preferences: http://lists.runrev.com/mailman/listinfo/use-livecode
Re: Multiple Images on Card
Graham, There are many tools or plugins that you can get for better alignment and positioning in LiveCode. There is Dar's Tiny Loupe and also Guides Picker 2.0 And outside of LiveCode xScope for the Mac is an awesome tool which also has support for layouts for Mobile. Tom -- Tom McGrath III http://lazyriver.on-rev.com mcgra...@mac.com On May 21, 2013, at 9:39 AM, Graham Pearson gspear...@gmail.com wrote: As part of my learning LiveCode and moving an application from Adobe Air I have come up with something that I have not been able to find in the IDE. Does anyone know if it is possible to Zoom a card so that lines can be matched up on different images. I have inserted as control 20 images that make an entire picture and have done it this way so that when a user hovers over a section of the picture, it would change colors and upon clicking a section of the picture it would display a new card with detailed information of the section of the image selected. The images started as Vector Images which I converted to a Symbol then imported as a control in LiveCode. Once the lines have lined up then I can reduce zoom back to 100% for the project. ___ use-livecode mailing list use-livecode@lists.runrev.com Please visit this url to subscribe, unsubscribe and manage your subscription preferences: http://lists.runrev.com/mailman/listinfo/use-livecode ___ use-livecode mailing list use-livecode@lists.runrev.com Please visit this url to subscribe, unsubscribe and manage your subscription preferences: http://lists.runrev.com/mailman/listinfo/use-livecode
Re: Multiple Images on Card
Thanks for that info as I will investigate. I think I have my slices of images aligned enough to make a run at this application. As I work through the script to take each of these images an change the color upon mouseOver, the ultimate goal is to have this application in a web page. In search the Forums it looks like messages within the Server Component stopped in 2012. I saw messages referencing the server part in RunRev Store but I have not been able to get logged in as I have been getting Browser Loop Errors all day. Does anyone have insight to the Server Piece. I hope that it is still in production as it would make my transition from Flex/Flash/Air to Livecode so much easier. On 5/21/2013 11:56 AM, Thomas McGrath III wrote: Graham, There are many tools or plugins that you can get for better alignment and positioning in LiveCode. There is Dar's Tiny Loupe and also Guides Picker 2.0 And outside of LiveCode xScope for the Mac is an awesome tool which also has support for layouts for Mobile. Tom -- Tom McGrath III http://lazyriver.on-rev.com mcgra...@mac.com On May 21, 2013, at 9:39 AM, Graham Pearson gspear...@gmail.com wrote: As part of my learning LiveCode and moving an application from Adobe Air I have come up with something that I have not been able to find in the IDE. Does anyone know if it is possible to Zoom a card so that lines can be matched up on different images. I have inserted as control 20 images that make an entire picture and have done it this way so that when a user hovers over a section of the picture, it would change colors and upon clicking a section of the picture it would display a new card with detailed information of the section of the image selected. The images started as Vector Images which I converted to a Symbol then imported as a control in LiveCode. Once the lines have lined up then I can reduce zoom back to 100% for the project. ___ use-livecode mailing list use-livecode@lists.runrev.com Please visit this url to subscribe, unsubscribe and manage your subscription preferences: http://lists.runrev.com/mailman/listinfo/use-livecode ___ use-livecode mailing list use-livecode@lists.runrev.com Please visit this url to subscribe, unsubscribe and manage your subscription preferences: http://lists.runrev.com/mailman/listinfo/use-livecode ___ use-livecode mailing list use-livecode@lists.runrev.com Please visit this url to subscribe, unsubscribe and manage your subscription preferences: http://lists.runrev.com/mailman/listinfo/use-livecode
Re: Multiple Images on Card
On Tue, May 21, 2013 at 8:39 AM, Graham Pearson gspear...@gmail.com wrote: when a user hovers over a section of the picture, it would change colors and upon clicking a section of the picture it would display a new card with detailed information of the section of the image selected. I think you don't need to slice your image to accomplish this. Instead: 1. import the whole image and position as you want 2. create a graphic control. make it a rect, the size you want, with a color and blendlevel that get you the effect you want when it is positioned over the image. For example, set it to 255,0,0 and 50 to have it colorize the image pretty strongly red when the graphic is over it. 3. set the script of the image to something like this: on mouseMove x,y set the topleft of grc 1 to (100 * (x div 100)),(100 * (y div 100)) end mouseMove The above assumes that the highlight graphic is 100x100 pixels. Then do whatever math you have to when the user clicks to identify what section to show info on -- you could store the current section in the section above, or do it on the fly. ___ use-livecode mailing list use-livecode@lists.runrev.com Please visit this url to subscribe, unsubscribe and manage your subscription preferences: http://lists.runrev.com/mailman/listinfo/use-livecode
