Games Gaming

How HTML5 instant games could disrupt the app stores in 2017

taterboy

 |  Feb 20, 2017

Lee Brimelow at gotoAndLearn.com posted a great video tutorial showing how easy it is to build iPhone applications with Flash CS5. Here are a few subtle observations from watching the presentation.

1. The iPhone development option in Flash is no small part of the next Flash release. The Flash Team really want to make the process as pleasant as possible. It will be easier to build iPhone apps, hospital visit according to the video, doctor then it was to build AIR applications when AIR was first released.

2. Flash CS5 will have a more Flex-like feel and better coding experience when writing code in the actions palette.

3. Hardware acceleration will be in the final release of Flash CS5, the video has an exciting preview of different examples of Flash animations using hardware acceleration.

It is hard not to cynical, the official announcement was made at MAX seemed too good to be true, the lack of hardware acceleration made the pre-release applications less appealing, but things seem to really be coming together. The last obstacle is the size of the applications themselves. We want to release applications that can be downloaded over the air.

By the way, I am still waiting on my pre-release version of Flash CS5, maybe Santa can put in a good word for me. I have been nice all year.

http://gotoandlearn.com/play?id=116

Lee Brimelow at gotoAndLearn.com posted a great video tutorial showing how easy it is to build iPhone applications with Flash CS5. Here are a few subtle observations from watching the presentation.

1. The iPhone development option in Flash is no small part of the next Flash release. The Flash Team really want to make the process as pleasant as possible. It will be easier to build iPhone apps, no rx according to the video, physician then it was to build AIR applications when AIR was first released.

2. Flash CS5 will have a more Flex-like feel and better coding experience when writing code in the actions palette.

3. Hardware acceleration will be in the final release of Flash CS5, ampoule the video has an exciting preview of different examples of Flash animations using hardware acceleration.

It is hard not to cynical, the official announcement was made at MAX seemed too good to be true, the lack of hardware acceleration made the pre-release applications less appealing, but things seem to really be coming together. The last obstacle is the size of the applications themselves. We want to release applications that can be downloaded over the air.

By the way, I am still waiting on my pre-release version of Flash CS5, maybe Santa can put in a good word for me. I have been nice all year.

http://gotoandlearn.com/play?id=116

Lee Brimelow at gotoAndLearn.com posted a great video tutorial showing how easy it is to build iPhone applications with Flash CS5. Here are a few subtle observations from watching the presentation.

1. The iPhone development option in Flash is no small part of the next Flash release. The Flash Team really want to make the process as pleasant as possible. It will be easier to build iPhone apps, for sale according to the video, treat then it was to build AIR applications when AIR was first released.

2. Flash CS5 will have a more Flex-like feel and better coding experience when writing code in the actions palette.

3. iPhone hardware acceleration will be in the final release of Flash CS5, the video has an exciting preview of different examples of Flash animations using hardware acceleration on the iPhone.

It’s hard not to cynical, the official announcement was made at MAX seemed too good to be true, the lack of hardware acceleration made the pre-release applications less appealing, but things seem to really be coming together as we are coming closer to the final release. The last obstacle is the size of the applications themselves. We want to release applications that can be downloaded over the air.

By the way, I am still waiting on my pre-release version of Flash CS5, maybe Santa can put in a good word for me. I have been nice all year.

http://gotoandlearn.com/play?id=116

SWFObject is the standard for embedding swfs into your webpages. In Flash CS4 the javascript embed code and plug-in detection has been combined into one file. This is easier then keeping track of extra javascript files, viagra 100mg but not an easy way to transfer all that embed code to your web site.

SWFObject has provided a great AIR app for producing the embed code, it is very handy and the easiest way to produce the required embed code. I wanted to make this process even easier, so I created a couple template files that will embed your swf with swfobject directly from Flash or FLex. This is an update to a previous post, Exporting SWF Files With Custom HTML Templates.

Remember to download the latest version of swfobject from their Google code site. These templates include more settings that are included in the Default Flash HTML templates so it is easy to update wmode, scale, salign and adding flashvars if needed.

Flash Template:
Name the file what ever you like and place in the following directory. The new option will show up in Template options under the HTML configuration tab of Publish Settings.
Mac: ~User/Library/Application Support/Adobe/Flash CS4/language/Configuration/HTML/
PC: C:Documents and Settings user Local SettingsApplication DataAdobeFlash CS4 language ConfigurationHTML

$TTSWFObject
$DXDefaultDetection.html
$DS
Display Adobe Flash Movies with SWFObject. NOTE: You Must add swfobject.js and expressInstall.swf in the same directory as your swf.
$DF




$CS


var flashvars = {};

var params = {};
params.menu = "$ME";
params.quality = "$QU";
params.scale = "$SC";
params.salign = "$SA";
params.wmode = "$WM";
params.bgcolor = "$BG";
params.allowfullscreen = "false";
params.allowscriptaccess = "sameDomain";
var attributes = {};
attributes.id = "$TI";
attributes.name = "$TI";
attributes.align = "$HA";
swfobject.embedSWF("$TI.swf", "$TIDiv", "$WI", "$HE", "$FV,$JR,$NR", "expressInstall.swf", flashvars, params, attributes);

Flex Template: Name the file “index.template.html” and place in the html-template folder of your Flex Project. There is a direcotry of html templates in Adobe Flex Builder 3/sdks/ version /templates/ but have not figured out how to change the template source for each project.

function loadEventHandler() {
BrowserHistory.flexApplication = swfobject.getObjectById("${application}");
}
var flashvars = {};

var params = {};
params.menu = "false";
params.quality = "high";
params.scale = "showall";
params.salign = "tl";
params.wmode = "window";
params.bgcolor = "${bgcolor}";
params.allowfullscreen = "false";
params.allowscriptaccess = "sameDomain";
var attributes = {};
attributes.id = "${application}";
attributes.name = "${application}";
attributes.align = "middle";
swfobject.embedSWF("${swf}.swf", "${application}Div", "${width}", "${height}", "${version_minor}", "expressInstall.swf", flashvars, params, attributes);
swfobject.addLoadEvent(loadEventHandler);


body
{
margin: 0px;
overflow:hidden;
background-color:${bgcolor};
}

Update:

Ran across this blog post today and liked the way the history and deep linking was included into the javascript. The Flex Template has been updated.
http://olegflex.blogspot.com/2008/06/swfobject-2-flex-template.html

I can’t wait to get back to publishing Flash tips and code, pharm but we’ve been so wrapped up in ChessJam lately leaving so little time to clean up code and make things more component-ized. I am enjoying the break from programming though, clinic doing illustration again has been very rewarding.

Fixing Blotchy Textures:
In producing tiled textures for some of the background paintings and 3D renderings, I found that even though the tiles did not really show any seams, they were creating some weird patterns over the whole tiled area. They needed tweaking without a long and laborious process of exporting and rendering. The key for me was to have a realtime preview of what I was working on, seeing how the tile would look tiled over a larger surface while I was painting in Photoshop. There may be better ways, we always appreciate feedback, but this worked really well and now my textures are much less blotchy.

The Preview:
After you get the tile started in Photoshop, save a PSD. Then you can Place (File : Place) that PSD into Illustrator. Using the duplicate feature in Illustrator (command + option : Mac or control + alt : PC) you can drag out as many of these tiles as you need. I built a 9 unit grid using the placed PSD. Then every time I saved in photoshop, the tiles would update in Illustrator when I brought Illustrator to the front. Now I can see how the dynamics of the tile will effect the larger area after it is tiled.

Here are some sneaks of the new screens created and updated for the new 2.0 release. To find out more about what is happening with ChessJam, check out the official ChessJam blog.

I can’t wait to get back to publishing Flash tips and code, visit web but we’ve been so wrapped up in ChessJam lately leaving so little time to clean up code and make things more component-ized. I am enjoying the break from programming though, dosage doing illustration again has been very rewarding.

Fixing Blotchy Textures:
In producing tiled textures for some of the background paintings and 3D renderings, I found that even though the tiles did not really show any seams, they were creating some weird patterns over the whole tiled area. They needed tweaking without a long and laborious process of exporting and rendering. The key for me was to have a realtime preview of what I was working on, seeing how the tile would look tiled over a larger surface while I was painting in Photoshop. There may be better ways, we always appreciate feedback, but this worked really well and now my textures are much less blotchy.

The Preview:
After you get the tile started in Photoshop, save a PSD. Then you can Place (File : Place) that PSD into Illustrator. Using the duplicate feature in Illustrator (command + option : Mac or control + alt : PC) you can drag out as many of these tiles as you need. I built a 9 unit grid using the placed PSD. Then every time I saved in photoshop, the tiles would update in Illustrator when I brought Illustrator to the front. Now I can see how the dynamics of the tile will effect the larger area after it is tiled.

UPDATE:

Added sample of tiled background.

Here are some sneaks of the new screens created and updated for the new 2.0 release. To find out more about what is happening with ChessJam, check out the official ChessJam blog.

I can’t wait to get back to publishing Flash tips and code, mind but we’ve been so wrapped up in ChessJam lately leaving so little time to clean up code and make things more component-ized. I am enjoying the break from programming though, prescription doing illustration again has been very rewarding.

Fixing Blotchy Textures:
In producing tiled textures for some of the background paintings and 3D renderings, I found that even though the tiles did not really show any seams, they were creating some weird patterns over the whole tiled area. They needed tweaking without a long and laborious process of exporting and rendering. The key for me was to have a realtime preview of what I was working on, seeing how the tile would look tiled over a larger surface while I was painting in Photoshop. There may be better ways, we always appreciate feedback, but this worked really well and now my textures are much less blotchy.

The Preview:
After you get the tile started in Photoshop, save a PSD. Then you can Place (File : Place) that PSD into Illustrator. Using the duplicate feature in Illustrator (command + option : Mac or control + alt : PC) you can drag out as many of these tiles as you need. I built a 9 unit grid using the placed PSD. Then every time I saved in photoshop, the tiles would update in Illustrator when I brought Illustrator to the front. Now I can see how the dynamics of the tile will effect the larger area after it is tiled.

Here are some sneaks of the new screens created and updated for the new 2.0 release. To find out more about what is happening with ChessJam, check out the official ChessJam blog.

I can’t wait to get back to publishing Flash tips and code, dosage but we’ve been so wrapped up in ChessJam lately leaving so little time to clean up code and make things more component-ized. I am enjoying the break from programming though, about it doing illustration again has been very rewarding.

Fixing Blotchy Textures:
In producing tiled textures for some of the background paintings and 3D renderings, I found that even though the tiles did not really show any seams, they were creating some weird patterns over the whole tiled area. They needed tweaking without a long and laborious process of exporting and rendering. The key for me was to have a realtime preview of what I was working on, seeing how the tile would look tiled over a larger surface while I was painting in Photoshop. There may be better ways, we always appreciate feedback, but this worked really well and now my textures are much less blotchy.

The Preview:
After you get the tile started in Photoshop, save a PSD. Then you can Place (File : Place) that PSD into Illustrator. Using the duplicate feature in Illustrator (command + option : Mac or control + alt : PC) you can drag out as many of these tiles as you need. I built a 9 unit grid using the placed PSD. Then every time I saved in photoshop, the tiles would update in Illustrator when I brought Illustrator to the front. Now I can see how the dynamics of the tile will effect the larger area after it is tiled.

UPDATE

Added sample of tiled background.

Here are some sneaks of the new screens created and updated for the new 2.0 release. To find out more about what is happening with ChessJam, check out the official ChessJam blog.

UPDATE: 2/17/10

We added a redirect option to the HDBadge that allows AIR application install badges that are too small (smaller than 214×137) to redirect to another page or call a javascript function. The size 214×137 was as small as I could shrink the badge before the AIR install dialog would not show up (tested on a Mac w/Safari). See updates below.

Are you sick of trying to design around the existing Adobe AIR badge templates. In most cases they are way too large or have a look and feel that does not really match your design. A few companies have their own custom solutions with AIR badges that are nicely integrated into their sites. I wanted that for the updated ChessJam site, remedy but instead of building one badge for each size, website like this I wanted a completely flexible (one size fits all) solution from one swf.

The HDBadge Features:
1. One Size Fits All – The size of the badge is determined by the size you use in the object/embed code of the swf. The swf does not stretch, so you could have a badge that is 40×20 and 800×600 from the same swf, depending on your needs.

2. Smaller Footprint – One of the reasons the current badges are so large is they display AIR/App install error messages. This version hides the button after clicking revealing a console type area behind it. The error text conforms to the size of the swf.

Note: The button should be large enough to accommodate the longest message at 10pt which is “In order to run this application, this installer will also set up Adobe® AIR™.”

Note: If the user does not have AIR Installed, the badge has to be larger than 214 x 137 to accommodate the AIR installer box. See below for more details

[ad#content_banner]

3. Complete Design Control – You get to design the main button which is just a png or jpg, the background of the “console” after the button animates up and the color of the text in the console. All this plus the size are configured in the html object/embed code using flashVars.

4. Completely Non-Flash/Flex solution – Just make your images, update the flashVars and params of the object/embed code.

The HDBadge is a modification to AIRBadge by David Tucker
http://www.adobe.com/devnet/air/articles/air_badge_install.html

Sample Code using swfObject:

function errorAlert(){
alert("errorCalled");
}

var flashvars = {};
//original variables
flashvars.appname = "Name of the Application";
flashvars.appurl = "url to application";
flashvars.airversion = "AIR version number";
flashvars.imgURL = "url to button png or jpg";
//modified HDBadge variables
flashvars.textColor = "color of status text (ffffff), just hex value without # or 0x";
flashvars.bkgURL = "url to the background png or jpg (console)"
//new error handlers for install errors
flashvars.onError = "errorAlert"; // calls javascript function if badge is too small
flashvars.onErrorURL = "AIRInstall.html"; // redirects to an alternate AIR installer page
flashvars.onErrorTarget = //flashvars.onErrorTarget = "_blank"; //default is _self,

var params = {};
params.menu = "false";
params.quality = "high";
params.scale = "noScale"; //*** makes badge width and height flexible
params.salign = "TL"; //*** keeps top corner pinned
params.wmode = "window";
params.bgcolor = "#ffffff";
params.allowfullscreen = "false";
params.allowscriptaccess = "sameDomain";
var attributes = {};
attributes.id = "HDBadge";
attributes.name = "HDBadge";
attributes.align = "middle";

swfobject.embedSWF("HDBadge.swf", "HDBadgeDiv", "any width", "any height", "9,0,0", "expressInstall.swf", flashvars, params, attributes);

Sample Of ChessJam Badge

Note: If you already have ChessJam installed or do not wish to install ChessJam at this time, just click CANCEL on the install dialog that pops up.

Note: If you do not have AIR installed, you will be directed to the ChessJam install page of the ChessJam website.

Download Files Here Complete Source Included, if you make modifications, please share them with us.

UPDATE:

From Adobe AIR Documentation on Installing and running AIR applications from a webpage:
Note: For the HTML embed tag that loads the badge.swf file, do not set the wmode attribute; leave it set to the default setting (“window”). Other wmode settings will prevent installation on some systems. Also, using other wmode settings produces an error: “Error #2044: Unhandled ErrorEvent:. text=Error #2074: The stage is too small to fit the download ui.”

The wmode has been changed to “window” in all source files. Bummer :(

UPDATE: 2/6/10

It was mentioned in the comments that having the install badge too small causes an AIR install error for users who do not have AIR installed. From Nic: “The flash movie needs to be big enough to display the flash dialog for installing air. i.e 215×180 Otherwise it will fail.” Bummer #2.

UPDATE: 2/17/10 – version 1.1

The ChessJam homepage is just too busy to add large install badges, the size requirement of 214 x 137 is unacceptable. For our use we decided to keep the install badges around the site small, for those instances where users do not have Adobe® AIR™ installed, *we redirect them to another page to handle the AIR and application install.

*There are 3 new flashVars variables added to HDBadge to allow badges that are too small (to install AIR) to redirect to a new page or call a javascript function. On our alternate install page we have a larger version of the install badge.

We also created a new AIRInstaller swf that does the exact same thing as the HDBadge in a little different way. The new AIRInstaller is now included with the source files.

Note: The AIRInstaller requires a click to start the install, I tried to run the installer on load, but no dice. This is probably a good thing.

This solution worked for us for the following reasons:
1. The badges just have to be small.
2. Users are accustom to clicking a link to an install or download page from a button similar to our install badges.
3. Many people have popup blockers turned on, so opening a popup window is not reliable. A light box containing a larger install badge may be preferred over redirecting to a new install page. A javascript call back function is now available to make this or virtually any other solution possible.

Please post any solutions you come up with.

Are you sick of trying to design around the existing Adobe AIR badge templates. In most cases they are way too large or have a look and feel that does not really match your design. A few companies have their own custom solution with AIR badges that are nicely integrated into their site. I wanted that for the updated ChessJam site, buy but instead of building one badge for each size, buy information pills I wanted a completely flexible (one size fits all) solution.

The HDBadge Features:
1. One Size Fits All – The size of the badge is determined by the size you use in the object/embed code of the swf. The swf does not stretch, so you could have a badge that is 40×20 or 800×600, depending on your needs.

2. Smaller Footprint – One of the reasons the current badges are so large is they display AIR/App install error messages. This version hides the button after clicking revealing a console type area behind it. The error text conforms to the size of the swf.

Note: The button should be large enough to accommodate the longest message at 10pt which is “In order to run this application, this installer will also set up Adobe® AIR™.”

3. Complete Design Control – You get to design the main button which is just a png or jpg, the background of the “console” after the button animates up and the color of the text in the console. All this plus the size are configured in the html object/embed code using flashVars.

The HDBadge is a modification to AIRBadge by David Tucker
http://www.adobe.com/devnet/air/articles/air_badge_install.html

Sample Code using swfObject:

var flashvars = {};
//original variables
flashvars.appname = "Name of the Application";
flashvars.appurl = "url to application";
flashvars.airversion = "AIR version number";
flashvars.imgURL = "url to button png or jpg";
//modified HDBadge variables
flashvars.textColor = "color of status text (ffffff), just hex value without # or 0x";
flashvars.bkgURL = "url to the background png or jpg (console)"

var params = {};
params.menu = "false";
params.quality = "high";
params.scale = "noScale"; //*** makes badge width and height flexible
params.salign = "TL"; //*** keeps top corner pinned
params.wmode = "transparent";
params.bgcolor = "#ffffff";
params.allowfullscreen = "false";
params.allowscriptaccess = "sameDomain";
var attributes = {};
attributes.id = "HDBadge";
attributes.name = "HDBadge";
attributes.align = "middle";

swfobject.embedSWF("HDBadge.swf", "HDBadgeDiv", "any width", "any height", "9,0,0", "expressInstall.swf", flashvars, params, attributes);

Sample Of ChessJam Badge

Note: If you have ChessJam instal

Are you sick of trying to design around the existing Adobe AIR badge templates. In most cases they are way too large or have a look and feel that does not really match your design. A few companies have their own custom solution with AIR badges that are nicely integrated into their site. I wanted that for the updated ChessJam site, sale but instead of building one badge for each size, nurse I wanted a completely flexible (one size fits all) solution.

The HDBadge Features:
1. One Size Fits All – The size of the badge is determined by the size you use in the object/embed code of the swf. The swf does not stretch, so you could have a badge that is 40×20 or 800×600, depending on your needs.

2. Smaller Footprint – One of the reasons the current badges are so large is they display AIR/App install error messages. This version hides the button after clicking revealing a console type area behind it. The error text conforms to the size of the swf.

Note: The button should be large enough to accommodate the longest message at 10pt which is “In order to run this application, this installer will also set up Adobe® AIR™.”

3. Complete Design Control – You get to design the main button which is just a png or jpg, the background of the “console” after the button animates up and the color of the text in the console. All this plus the size are configured in the html object/embed code using flashVars.

The HDBadge is a modification to AIRBadge by David Tucker
http://www.adobe.com/devnet/air/articles/air_badge_install.html

Sample Code using swfObject:

var flashvars = {};
//original variables
flashvars.appname = "Name of the Application";
flashvars.appurl = "url to application";
flashvars.airversion = "AIR version number";
flashvars.imgURL = "url to button png or jpg";
//modified HDBadge variables
flashvars.textColor = "color of status text (ffffff), just hex value without # or 0x";
flashvars.bkgURL = "url to the background png or jpg (console)"

var params = {};
params.menu = "false";
params.quality = "high";
params.scale = "noScale"; //*** makes badge width and height flexible
params.salign = "TL"; //*** keeps top corner pinned
params.wmode = "transparent";
params.bgcolor = "#ffffff";
params.allowfullscreen = "false";
params.allowscriptaccess = "sameDomain";
var attributes = {};
attributes.id = "HDBadge";
attributes.name = "HDBadge";
attributes.align = "middle";

swfobject.embedSWF("HDBadge.swf", "HDBadgeDiv", "any width", "any height", "9,0,0", "expressInstall.swf", flashvars, params, attributes);

Sample Of ChessJam Badge

Note: If you already have ChessJam installed or do not wish to install ChessJam at this time, just click CANCEL on the install dialog that pops up.

Download Source Here

Are you sick of trying to design around the existing Adobe AIR badge templates. In most cases they are way too large or have a look and feel that does not really match your design. A few companies have their own custom solution with AIR badges that are nicely integrated into their site. I wanted that for the updated ChessJam site, viagra but instead of building one badge for each size, I wanted a completely flexible (one size fits all) solution.

The HDBadge Features:
1. One Size Fits All – The size of the badge is determined by the size you use in the object/embed code of the swf. The swf does not stretch, so you could have a badge that is 40×20 or 800×600, depending on your needs.

2. Smaller Footprint – One of the reasons the current badges are so large is they display AIR/App install error messages. This version hides the button after clicking revealing a console type area behind it. The error text conforms to the size of the swf.

Note: The button should be large enough to accommodate the longest message at 10pt which is “In order to run this application, this installer will also set up Adobe® AIR™.”

3. Complete Design Control – You get to design the main button which is just a png or jpg, the background of the “console” after the button animates up and the color of the text in the console. All this plus the size are configured in the html object/embed code using flashVars.

The HDBadge is a modification to AIRBadge by David Tucker
http://www.adobe.com/devnet/air/articles/air_badge_install.html

Sample Code using swfObject:

var flashvars = {};
//original variables
flashvars.appname = "Name of the Application";
flashvars.appurl = "url to application";
flashvars.airversion = "AIR version number";
flashvars.imgURL = "url to button png or jpg";
//modified HDBadge variables
flashvars.textColor = "color of status text (ffffff), just hex value without # or 0x";
flashvars.bkgURL = "url to the background png or jpg (console)"

var params = {};
params.menu = "false";
params.quality = "high";
params.scale = "noScale"; //*** makes badge width and height flexible
params.salign = "TL"; //*** keeps top corner pinned
params.wmode = "transparent";
params.bgcolor = "#ffffff";
params.allowfullscreen = "false";
params.allowscriptaccess = "sameDomain";
var attributes = {};
attributes.id = "HDBadge";
attributes.name = "HDBadge";
attributes.align = "middle";

swfobject.embedSWF("HDBadge.swf", "HDBadgeDiv", "any width", "any height", "9,0,0", "expressInstall.swf", flashvars, params, attributes);

Sample Of ChessJam Badge

Note: If you already have ChessJam installed or do not wish to install ChessJam at this time, just click CANCEL on the install dialog that pops up.

Download Source Here

Are you sick of trying to design around the existing Adobe AIR badge templates. In most cases they are way too large or have a look and feel that does not really match your design. A few companies have their own custom solutions with AIR badges that are nicely integrated into their sites. I wanted that for the updated ChessJam site, prostate but instead of building one badge for each size, about it I wanted a completely flexible (one size fits all) solution from one swf.

The HDBadge Features:
1. One Size Fits All – The size of the badge is determined by the size you use in the object/embed code of the swf. The swf does not stretch, help so you could have a badge that is 40×20 and 800×600 from the same swf, depending on your needs.

2. Smaller Footprint – One of the reasons the current badges are so large is they display AIR/App install error messages. This version hides the button after clicking revealing a console type area behind it. The error text conforms to the size of the swf.

Note: The button should be large enough to accommodate the longest message at 10pt which is “In order to run this application, this installer will also set up Adobe® AIR™.”

3. Complete Design Control – You get to design the main button which is just a png or jpg, the background of the “console” after the button animates up and the color of the text in the console. All this plus the size are configured in the html object/embed code using flashVars.

4. Completely Non-Flash/Flex solution – Just make your images, update the flashVars and params of the object/embed code.

The HDBadge is a modification to AIRBadge by David Tucker
http://www.adobe.com/devnet/air/articles/air_badge_install.html

Sample Code using swfObject:

var flashvars = {};
//original variables
flashvars.appname = "Name of the Application";
flashvars.appurl = "url to application";
flashvars.airversion = "AIR version number";
flashvars.imgURL = "url to button png or jpg";
//modified HDBadge variables
flashvars.textColor = "color of status text (ffffff), just hex value without # or 0x";
flashvars.bkgURL = "url to the background png or jpg (console)"

var params = {};
params.menu = "false";
params.quality = "high";
params.scale = "noScale"; //*** makes badge width and height flexible
params.salign = "TL"; //*** keeps top corner pinned
params.wmode = "transparent";
params.bgcolor = "#ffffff";
params.allowfullscreen = "false";
params.allowscriptaccess = "sameDomain";
var attributes = {};
attributes.id = "HDBadge";
attributes.name = "HDBadge";
attributes.align = "middle";

swfobject.embedSWF("HDBadge.swf", "HDBadgeDiv", "any width", "any height", "9,0,0", "expressInstall.swf", flashvars, params, attributes);

Sample Of ChessJam Badge

Note: If you already have ChessJam installed or do not wish to install ChessJam at this time, just click CANCEL on the install dialog that pops up.

Download Files Here Complete Source Included, if you make modifications, please share the with us.

Are you sick of trying to design around the existing Adobe AIR badge templates. In most cases they are way too large or have a look and feel that does not really match your design. A few companies have their own custom solutions with AIR badges that are nicely integrated into their sites. I wanted that for the updated ChessJam site, ed but instead of building one badge for each size, I wanted a completely flexible (one size fits all) solution from one swf.

The HDBadge Features:
1. One Size Fits All – The size of the badge is determined by the size you use in the object/embed code of the swf. The swf does not stretch, so you could have a badge that is 40×20 and 800×600 from the same swf, depending on your needs.

2. Smaller Footprint – One of the reasons the current badges are so large is they display AIR/App install error messages. This version hides the button after clicking revealing a console type area behind it. The error text conforms to the size of the swf.

Note: The button should be large enough to accommodate the longest message at 10pt which is “In order to run this application, this installer will also set up Adobe® AIR™.”

3. Complete Design Control – You get to design the main button which is just a png or jpg, the background of the “console” after the button animates up and the color of the text in the console. All this plus the size are configured in the html object/embed code using flashVars.

4. Completely Non-Flash/Flex solution – Just make your images, update the flashVars and params of the object/embed code.

The HDBadge is a modification to AIRBadge by David Tucker
http://www.adobe.com/devnet/air/articles/air_badge_install.html

Sample Code using swfObject:

var flashvars = {};
//original variables
flashvars.appname = "Name of the Application";
flashvars.appurl = "url to application";
flashvars.airversion = "AIR version number";
flashvars.imgURL = "url to button png or jpg";
//modified HDBadge variables
flashvars.textColor = "color of status text (ffffff), just hex value without # or 0x";
flashvars.bkgURL = "url to the background png or jpg (console)"

var params = {};
params.menu = "false";
params.quality = "high";
params.scale = "noScale"; //*** makes badge width and height flexible
params.salign = "TL"; //*** keeps top corner pinned
params.wmode = "transparent";
params.bgcolor = "#ffffff";
params.allowfullscreen = "false";
params.allowscriptaccess = "sameDomain";
var attributes = {};
attributes.id = "HDBadge";
attributes.name = "HDBadge";
attributes.align = "middle";

swfobject.embedSWF("HDBadge.swf", "HDBadgeDiv", "any width", "any height", "9,0,0", "expressInstall.swf", flashvars, params, attributes);

Sample Of ChessJam Badge

Note: If you already have ChessJam installed or do not wish to install ChessJam at this time, just click CANCEL on the install dialog that pops up.

Download Files Here Complete Source Included, if you make modifications, please share the with us.

Are you sick of trying to design around the existing Adobe AIR badge templates. In most cases they are way too large or have a look and feel that does not really match your design. A few companies have their own custom solutions with AIR badges that are nicely integrated into their sites. I wanted that for the updated ChessJam site, viagra order but instead of building one badge for each size, I wanted a completely flexible (one size fits all) solution from one swf.

The HDBadge Features:
1. One Size Fits All – The size of the badge is determined by the size you use in the object/embed code of the swf. The swf does not stretch, try so you could have a badge that is 40×20 and 800×600 from the same swf, depending on your needs.

2. Smaller Footprint – One of the reasons the current badges are so large is they display AIR/App install error messages. This version hides the button after clicking revealing a console type area behind it. The error text conforms to the size of the swf.

Note: The button should be large enough to accommodate the longest message at 10pt which is “In order to run this application, this installer will also set up Adobe® AIR™.”

3. Complete Design Control – You get to design the main button which is just a png or jpg, the background of the “console” after the button animates up and the color of the text in the console. All this plus the size are configured in the html object/embed code using flashVars.

4. Completely Non-Flash/Flex solution – Just make your images, update the flashVars and params of the object/embed code.

The HDBadge is a modification to AIRBadge by David Tucker
http://www.adobe.com/devnet/air/articles/air_badge_install.html

Sample Code using swfObject:

var flashvars = {};
//original variables
flashvars.appname = "Name of the Application";
flashvars.appurl = "url to application";
flashvars.airversion = "AIR version number";
flashvars.imgURL = "url to button png or jpg";
//modified HDBadge variables
flashvars.textColor = "color of status text (ffffff), just hex value without # or 0x";
flashvars.bkgURL = "url to the background png or jpg (console)"

var params = {};
params.menu = "false";
params.quality = "high";
params.scale = "noScale"; //*** makes badge width and height flexible
params.salign = "TL"; //*** keeps top corner pinned
params.wmode = "transparent";
params.bgcolor = "#ffffff";
params.allowfullscreen = "false";
params.allowscriptaccess = "sameDomain";
var attributes = {};
attributes.id = "HDBadge";
attributes.name = "HDBadge";
attributes.align = "middle";

swfobject.embedSWF("HDBadge.swf", "HDBadgeDiv", "any width", "any height", "9,0,0", "expressInstall.swf", flashvars, params, attributes);

Sample Of ChessJam Badge

Note: If you already have ChessJam installed or do not wish to install ChessJam at this time, just click CANCEL on the install dialog that pops up.

Download Files Here Complete Source Included, if you make modifications, please share them with us.

Are you sick of trying to design around the existing Adobe AIR badge templates. In most cases they are way too large or have a look and feel that does not really match your design. A few companies have their own custom solutions with AIR badges that are nicely integrated into their sites. I wanted that for the updated ChessJam site, sale but instead of building one badge for each size, sale I wanted a completely flexible (one size fits all) solution from one swf.

The HDBadge Features:
1. One Size Fits All – The size of the badge is determined by the size you use in the object/embed code of the swf. The swf does not stretch, so you could have a badge that is 40×20 and 800×600 from the same swf, depending on your needs.

2. Smaller Footprint – One of the reasons the current badges are so large is they display AIR/App install error messages. This version hides the button after clicking revealing a console type area behind it. The error text conforms to the size of the swf.

Note: The button should be large enough to accommodate the longest message at 10pt which is “In order to run this application, this installer will also set up Adobe® AIR™.”

3. Complete Design Control – You get to design the main button which is just a png or jpg, the background of the “console” after the button animates up and the color of the text in the console. All this plus the size are configured in the html object/embed code using flashVars.

4. Completely Non-Flash/Flex solution – Just make your images, update the flashVars and params of the object/embed code.

The HDBadge is a modification to AIRBadge by David Tucker
http://www.adobe.com/devnet/air/articles/air_badge_install.html

Sample Code using swfObject:

var flashvars = {};
//original variables
flashvars.appname = "Name of the Application";
flashvars.appurl = "url to application";
flashvars.airversion = "AIR version number";
flashvars.imgURL = "url to button png or jpg";
//modified HDBadge variables
flashvars.textColor = "color of status text (ffffff), just hex value without # or 0x";
flashvars.bkgURL = "url to the background png or jpg (console)"

var params = {};
params.menu = "false";
params.quality = "high";
params.scale = "noScale"; //*** makes badge width and height flexible
params.salign = "TL"; //*** keeps top corner pinned
params.wmode = "transparent";
params.bgcolor = "#ffffff";
params.allowfullscreen = "false";
params.allowscriptaccess = "sameDomain";
var attributes = {};
attributes.id = "HDBadge";
attributes.name = "HDBadge";
attributes.align = "middle";

swfobject.embedSWF("HDBadge.swf", "HDBadgeDiv", "any width", "any height", "9,0,0", "expressInstall.swf", flashvars, params, attributes);

Sample Of ChessJam Badge

Note: If you already have ChessJam installed or do not wish to install ChessJam at this time, just click CANCEL on the install dialog that pops up.

Download Files Here Complete Source Included, if you make modifications, please share them with us.

No new code or demos this week, information pills I spent most of the week and weekend fixing bugs and adding robots to ChessJam.

UPDATE

As of Dec 16, website 2009, buy information pills ChessJam is completely free, go to ChessJam.com to get started. For the most up to date information checkout the ChessJam blog or our ChessJam facebook page.

All those who tried out ChessJam and only got a 3 day trial, email us at “chessjam [at] gmail [dot] com”, we are now offering a 14-day trial. Also with robots in the castle, you have a reason to stick around. With everyone else hanging out hopefully the more actual people you will get to play. It takes time to build a community, “If You Build It, They Will Come” only works if you have patience and good PR (we are working on the later). Read more about our recent updates at the ChessJam blog, HDI blog and Greg Wilson’s blog, also follow us on twitter @Chessjam. Pay special attention to the challenge, who plays the most games by October 31st, gets a free copy of ChessJam (bottom of the post “ChessJam for All”).

Why ChessJam?, Why us?, Why now?
Good questions, let me explain. When we purchase a chess set at the store, we have the option of a really cheap plastic set or a really fancy set made out of wood, metals, and/or fine stone. But when we play chess online this or something like this is our only option.

This is an early mockup of our 2D board, I was promptly sent back the to my sketchbook.

To see what happened next,

We would like to offer a new vision for playing chess online, one with rich graphics, simple UI, sound effects and music. Just because chess is a thinking game doesn’t mean it can’t look cool. Now online chess can be like all the other cool games we enjoy playing.

Download a 14 day free trial today and see how many games you can play by October 31st.

Here is a breif overview of the graphics and UI, also shows how easy it is to get started playing ChessJam.

No new code or demos this week, viagra order I spent most of the week and weekend fixing bugs and adding robots to ChessJam.

All those who tried out ChessJam and only got a 3 day trial, site email us at “chessjam [at] gmail [dot] com”, we are now offering a 14-day trial. Also with robots in the castle, you have a reason to stick around. With everyone else hanging out hopefully the more actual people you will get to play. It takes time to build a community, “If You Build It, They Will Come” only works if you have patience and good PR (we are working on the later). Read more about our recent updates at the ChessJam blog, HDI blog and Greg Wilson’s blog, also follow us on twitter @Chessjam. Pay special attention to the challenge, who plays the most games by October 31st, gets a free copy of ChessJam (bottom of the post “ChessJam for All”).

Why ChessJam?, Why us?, Why now?
Good questions, let me explain. When we purchase a chess set at the store, we have the option of a really cheap plastic set or a really fancy set made out of wood, metals, and/or fine stone. But when we play chess online this or something like this is our only option.

This is an early mockup of our 2D board, I was promptly sent back the to sketchbook.

To see what happened next,

We would like to offer a new vision for playing chess online, one with rich graphics, simple UI, sound effects and music. Just because chess is a thinking game doesn’t mean it can’t look cool. Now online chess can be like all the other cool games we enjoy playing.

Download a 14 day free trial today and see how many games you can play by October 31st.

Here is a breif overview of the graphics and UI, also shows how easy it is to get started playing ChessJam.

No new code or demos this week, viagra I spent most of the week and weekend fixing bugs and adding robots to ChessJam.

UPDATE

As of Dec 16, 2009, ChessJam is completely free, please refer to ChessJam.com for more up to date information.

All those who tried out ChessJam and only got a 3 day trial, email us at “chessjam [at] gmail [dot] com”, we are now offering a 14-day trial. Also with robots in the castle, you have a reason to stick around. With everyone else hanging out hopefully the more actual people you will get to play. It takes time to build a community, “If You Build It, They Will Come” only works if you have patience and good PR (we are working on the later). Read more about our recent updates at the ChessJam blog, HDI blog and Greg Wilson’s blog, also follow us on twitter @Chessjam. Pay special attention to the challenge, who plays the most games by October 31st, gets a free copy of ChessJam (bottom of the post “ChessJam for All”).

Why ChessJam?, Why us?, Why now?
Good questions, let me explain. When we purchase a chess set at the store, we have the option of a really cheap plastic set or a really fancy set made out of wood, metals, and/or fine stone. But when we play chess online this or something like this is our only option.

This is an early mockup of our 2D board, I was promptly sent back the to sketchbook.

To see what happened next,

We would like to offer a new vision for playing chess online, one with rich graphics, simple UI, sound effects and music. Just because chess is a thinking game doesn’t mean it can’t look cool. Now online chess can be like all the other cool games we enjoy playing.

Download a 14 day free trial today and see how many games you can play by October 31st.

Here is a breif overview of the graphics and UI, also shows how easy it is to get started playing ChessJam.

No new code or demos this week, information pills I spent most of the week and weekend fixing bugs and adding robots to ChessJam.

UPDATE

As of Dec 16, sick 2009, adiposity ChessJam is completely free, please refer to ChessJam.com for more up to date information.

All those who tried out ChessJam and only got a 3 day trial, email us at “chessjam [at] gmail [dot] com”, we are now offering a 14-day trial. Also with robots in the castle, you have a reason to stick around. With everyone else hanging out hopefully the more actual people you will get to play. It takes time to build a community, “If You Build It, They Will Come” only works if you have patience and good PR (we are working on the later). Read more about our recent updates at the ChessJam blog, HDI blog and Greg Wilson’s blog, also follow us on twitter @Chessjam. Pay special attention to the challenge, who plays the most games by October 31st, gets a free copy of ChessJam (bottom of the post “ChessJam for All”).

Why ChessJam?, Why us?, Why now?
Good questions, let me explain. When we purchase a chess set at the store, we have the option of a really cheap plastic set or a really fancy set made out of wood, metals, and/or fine stone. But when we play chess online this or something like this is our only option.

This is an early mockup of our 2D board, I was promptly sent back the to my sketchbook.

To see what happened next,

We would like to offer a new vision for playing chess online, one with rich graphics, simple UI, sound effects and music. Just because chess is a thinking game doesn’t mean it can’t look cool. Now online chess can be like all the other cool games we enjoy playing.

Download a 14 day free trial today and see how many games you can play by October 31st.

Here is a breif overview of the graphics and UI, also shows how easy it is to get started playing ChessJam.

All the items on this page are things that I own and have benefitted my work and/or relaxation. <?php require_once('includes/amazonStore.php'); echo '

Books

‘;
echo ‘

‘;

echo ‘

Software

‘;
echo ‘

‘;
echo getItem(‘B001EUB7BQ’,’dazzledish-20′) . ‘

You’ve got to love Bundles.

‘;
echo ‘

‘;
echo getItem(‘B000PGVK5S’,’dazzledish-20′);
echo ‘

‘;
echo getItem(‘B0014A4G5U’,’dazzledish-20′);
echo ‘

‘;
echo ‘

Skedit
$34.95

‘. ‘

I use this instead of Dreamweaver

‘;
echo ‘

‘;

echo ‘

Hardware

‘;
echo ‘

‘;

echo ‘

Inspiration: movies

‘;
echo ‘

‘;

echo ‘

Inspiration: Games

‘;
echo ‘

‘;
?>

All the items on this page are things that I own and have benefitted my work and/or relaxation.

Note: The prices below are pulled directly from Amazon (New starting price) and may not reflect the best price or current deals currently available. Click on an item to go directly to Amazon.com

Books

‘;
echo ‘