1 decade ago by aarocka
Ok I previously posted a thread asking how to implement Google Swiffy animations in impact. Click here Then I realized I have a different problem entirely
What I want is to be able to animate something, like an intro or a cut scene. In biolab, they used a plugin called Ai to canvas. They built the logo in illustrator, exported it to canvas, drew the logo, then used more ctx to make the logo shake. I want to be able to have animation that can be triggered when ever. In my case I would like the preloader to run, then run some into animation, then bring us to the menu screen, or have the animation run while the game is loading. I would also be able to trigger animated cut scenes.
Now normally in games, cut scenes are pre-rendered video files. Naturally, I thought of making my animation in flash and exporting h.264 files. But there are some issues with that. The first one is that not every browser supports h.264. The second issue is size. The game would become very large. Now size really isn't the issue because the game will not be hosted on a web server. What I mean by this is that I will probably be selling this on steam. In order to do this, I will need to package it in a desktop application using adobe air/flex (I know, html5 game in a flash container) or titanium desktop. The third issue is that I will be packaging the game for iOS using Ejecta, and correct me if I'm wrong, Ejecta does not support video.
With all of this in mind, I thought about what my options are. I could create classes in obj-c to play videos and then link them to javascript classes. This would probably be the best option because I could put a video player over the pre-loader while the game loads, and trigger video cut scenes. But I really don't know how to do that. I then thought about using something like google swiffy or adobe edge, but we just learned that they rely on external javascript libs and don't actually use canvas, they use css3, svg, and div tags, which I know is not fully supported by Ejecta.
What am I to do?
What I want is to be able to animate something, like an intro or a cut scene. In biolab, they used a plugin called Ai to canvas. They built the logo in illustrator, exported it to canvas, drew the logo, then used more ctx to make the logo shake. I want to be able to have animation that can be triggered when ever. In my case I would like the preloader to run, then run some into animation, then bring us to the menu screen, or have the animation run while the game is loading. I would also be able to trigger animated cut scenes.
Now normally in games, cut scenes are pre-rendered video files. Naturally, I thought of making my animation in flash and exporting h.264 files. But there are some issues with that. The first one is that not every browser supports h.264. The second issue is size. The game would become very large. Now size really isn't the issue because the game will not be hosted on a web server. What I mean by this is that I will probably be selling this on steam. In order to do this, I will need to package it in a desktop application using adobe air/flex (I know, html5 game in a flash container) or titanium desktop. The third issue is that I will be packaging the game for iOS using Ejecta, and correct me if I'm wrong, Ejecta does not support video.
With all of this in mind, I thought about what my options are. I could create classes in obj-c to play videos and then link them to javascript classes. This would probably be the best option because I could put a video player over the pre-loader while the game loads, and trigger video cut scenes. But I really don't know how to do that. I then thought about using something like google swiffy or adobe edge, but we just learned that they rely on external javascript libs and don't actually use canvas, they use css3, svg, and div tags, which I know is not fully supported by Ejecta.
What am I to do?