html5

JMStudio > Blog > html5
Flash Flex AIR, HTML5

Create Sprite Sheet From Flash For HTML5

4 Comments

We talked about creating sprite sheet from gif file last time. In this post, I will talk about how to create sprite sheet from flash. Compare with creating sprite sheet from gif file, exporting sprite sheet from Flash is much easier if you are using Flash cs6.

In the latest Flash CS6, there are two new features which is specially designed for HTML 5. You can check the HTML5 features in flash cs6 for details. Here, I am wanna talk about a very useful feature for HTML 5 games. Flash sprite sheet generation can export the MovieClip animation to sprite sheet in a second. Let’s see the flash animation first.

Read more

HTML5

Convert GIF Animation to Sprite Sheet For Html5 Games

1 Comment

In the past 10 years, Gif and flash are the best format to show the animations on web. Gif can represent the simple animations with a very small size. Flash support more complicated animation with logic control. We can find hundreds of thousands of animation resources in these two file formats on the internet. However, the web technologies keep changing from time to time. The old web technology standards can not meet the current needs of our daily internet activities. HTML 5 was standardized in 1997 but it got focused till Google engaged in web browser development and Apple iPhone, iPad took the browser market share.

Now, HTML5 is encouraged to be the next HTML standard. Animations on web pages are no longer a big problems for current browser technologies. Therefore, more and more browsers refuse to support the flash player plugin to improve their security and performance. In html5 website, we can use Sprite Sheet technology which is traditional 2D game animation technology in the past 20 years. To reuse our GIF and Flash animation resources, we can convert them to Sprite sheet format and do the sprite sheet animation by Javascript in HTML 5.
Read more

Other Online Technology

Change GIF File Color

0 Comments

GIF format was introduced in 1987. It is widely used on Websites because it is the simplest way to implement the animations with a very small size. It is supported by all the browsers. Compare with the flash, it doesn’t need any plugin to play the animation in the web browser and it is very small in size.

GIF has two format, GIF87a and GIF89a. GIF87a is the original version of GIF format and GIF89a is the enhanced version, which supports for animation delays, transparent background and storage of application-specific metadata. By looking at the first six bytes of the GIF file, we can recognize the two versions by ASCII code, “GIF87a” and “GIF89a” respectively.

Playing GIF format is a very interesting job. Today I will show you how to change color of a GIF file. To replace the color of GIF files, we need to find out the color code first. Here is GIF animation which I am downloading from the internet. I downloaded it several months ago, so I forgot the original location.

Read more

Flash Flex AIR, HTML5

Html5 Games Development With Flash CS6 And CreateJS

0 Comments

This month I am quite busy with my new project, converting flash game into HTML 5. Once iPhone and iPad came out, they announced that they would not support flash in their browsers and they suggest to use HTML5 to implement browser multimedia applications. At that time, lots of flash developers decided to move their focus on HTML5 and tried to migrate their flash apps to HTML 5. As my opinion, the most difficulty part to create Html 5 games is lack of tools to speedup the development. Unlike Flash IDE, creating html5 games for iPad or android tablets is a very tough job. Without develop tools, we need to write the html code, CSS and javascript piece by piece. It may take a very long time to program a character or a game scene in html 5.
Read more

HTML5

Back To Flex Application Development

0 Comments

This week I am gonna come back and do some Flex applications. I still think that the technology is just a tool to make our life happy no matter how advanced the technology is. Some friends of mine always talk to me about new technologies or new program languages. And I am also very happy to listen and I wish I have time to learn and try these new stuffs. But still, my philosophy of programming is using the most efficient tool to solve the current problem.
Read more