Jozef Chúťka's blog » solution http://blog.yoz.sk My life, my work Tue, 31 Jan 2012 12:40:53 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 9 slice scale for bitmaps in flash (no hacks) http://blog.yoz.sk/2009/11/9-slice-scale-for-bitmaps-in-flash-no-hacks/?utm_source=rss&utm_medium=rss&utm_campaign=9-slice-scale-for-bitmaps-in-flash-no-hacks http://blog.yoz.sk/2009/11/9-slice-scale-for-bitmaps-in-flash-no-hacks/#comments Sun, 15 Nov 2009 10:37:22 +0000 Jozef Chúťka http://blog.yoz.sk/?p=645 9slice_result_flash

9 slice scale is a nice feature, but when you try to use 9 slice in flash ide on MovieClip with bitmap, you will notice a problem. It will just not work as expected. So first thing you try is “Break Apart”, with same result. You are almost there, but due to the solution is not documented you need a small hint: After break apart (ctrl + b), select each of nine slices one by one and group (ctrl + g) individually and voilà its done. See snapshot and result images…

1. original image.png

9slice_image

2. symbol after break apart

9slice_flash_bitmap_break

3. symbol2 after break apart and individual grouping

9slice_flash_bitmap

4. result in flash cs4 ide symbol, symbol2

9slice_result_flash

5. 9 slice scale in flex (maintainAspectRatio used just for purpose, no impact on 9 slice scale)

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="horizontal">
<mx:Script>
<![CDATA[
    [Embed(source="image.png",
        scaleGridTop="5", scaleGridBottom="15",
        scaleGridLeft="5", scaleGridRight="15")]
    public static const imageClass:Class;

    [Embed(source="lib.swf", symbol="symbol")]
    public static const symbolClass:Class;

    [Embed(source="lib.swf", symbol="symbol2")]
    public static const symbol2Class:Class;
]]>
</mx:Script>
<mx:Image width="100" height="200" source="{imageClass}"
    maintainAspectRatio="false"/>
<mx:Image width="100" height="200" source="{symbolClass}"
    maintainAspectRatio="false"/>
<mx:Image width="100" height="200" source="{symbol2Class}"
    maintainAspectRatio="false"/>
</mx:Application>

6. result from flex

9slice_result_flex

gSkinner released BitmapSlice9 command for Flash Pro. It makes all this happen by one click.

]]> http://blog.yoz.sk/2009/11/9-slice-scale-for-bitmaps-in-flash-no-hacks/feed/ 10 FB.Connect.showPermissionDialog http://blog.yoz.sk/2009/10/fb-connect-showpermissiondialog/?utm_source=rss&utm_medium=rss&utm_campaign=fb-connect-showpermissiondialog http://blog.yoz.sk/2009/10/fb-connect-showpermissiondialog/#comments Mon, 19 Oct 2009 13:01:08 +0000 Jozef Chúťka http://blog.yoz.sk/?p=385 facebookpermissions

If your facebook iframe applications need extra permissions granted, you can use Facebook JavaScript Api to generate modal window over your content to request permissions from users. For this purpose I created a simple FB_test_perm() function. It takes 4 arguments:

facebook_permission_test.js

function FB_test_perm(api_key, xd_receiver, permission, callback)
{
	FB.Bootstrap.requireFeatures(["Connect"], function()
	{
		FB.Facebook.init(api_key, xd_receiver);
		FB.Connect.requireSession(function()
		{
			FB.Facebook.apiClient.users_hasAppPermission(permission, function(result)
			{
				if (result != 0)
					return callback(true);

				FB.Connect.showPermissionDialog(permission, function(result)
				{
					return callback(result == null ? false : (result.indexOf(permission) != -1));
				}, true, null);
			});
		});
	});
}

index.html

<html>
<body>
<script src="http://static.ak.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php" type="text/javascript"></script>
<script src="facebook_permission_test.js" type="text/javascript"></script>
<script type="text/javascript">
	function FB_perm_result(value){
		alert(value ? "granted" : "not granted");
	}
	FB_test_perm("***", "xd_receiver.htm", "publish_stream", FB_perm_result);
</script>
<!-- Note: Include this div markup as a workaround for a known bug in this release on IE where you may get a "operation aborted" error -->
<div id="FB_HiddenIFrameContainer" style="display:none; position:absolute; left:-100px; top:-100px; width:0px; height: 0px;"></div>
</body>
</html>

xd_receiver.htm

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Cross-Domain Receiver Page</title>
</head>
<body>
    <script src="http://static.ak.facebook.com/js/api_lib/v0.4/XdCommReceiver.js?v2" type="text/javascript"></script>
</body>
</html>

If you can not get your facebook showPermissionDialog popup opened, make sure you set Canvas Callback URL, Connect URL, Base domain, Connect Preview URL correctly:

Clipboard01

Make sure you embed flash in transparent / opaque wmode and iframe size (width, height) is enough to display facebook modal window.

]]> http://blog.yoz.sk/2009/10/fb-connect-showpermissiondialog/feed/ 25 SharedObject goes RangeError: Error #2006 http://blog.yoz.sk/2009/10/sharedobject-goes-rangeerror-error-2006/?utm_source=rss&utm_medium=rss&utm_campaign=sharedobject-goes-rangeerror-error-2006 http://blog.yoz.sk/2009/10/sharedobject-goes-rangeerror-error-2006/#comments Mon, 12 Oct 2009 20:29:59 +0000 Jozef Chúťka http://blog.yoz.sk/?p=229 If you keep getting RangeError: Error #2006: The supplied index is out of bounds. with SharedObject, you probably not gonna fix it. In my case this happend when I tried to write non primitive values too frequently into persistant SharedObject’s properties. After reconnect, before any event from your SharedObject dispatched, you get exception that will cause browser crash.

I was not able to solve it by excluding saving advanced objects, nor by using just simple Objects, AMF0 or AMF3, nor by any other method I imagined. To solve the problem I decided to write only serialized objects (strings) and deserialize again on client after synchronization.

]]> http://blog.yoz.sk/2009/10/sharedobject-goes-rangeerror-error-2006/feed/ 1