Giter Site home page Giter Site logo

superman2211 / guepard Goto Github PK

View Code? Open in Web Editor NEW
62.0 9.0 20.0 7.33 MB

flash to html5 converter, as3 to javascript translator

License: MIT License

JavaScript 57.54% ActionScript 42.20% HTML 0.25%
flash air javascript actionscript3 html5 converter canvas2d parser swf compiler

guepard's Introduction

Guepard

Flash to HTML5 converter.

Conversion process

  • Parsing resources (from SWF or FLA files)
  • Creation atlases
  • Export resources from SWF to XML for animations and structure, and JPG / PNG for graphics and atlases
  • Parsing AS3 code
  • Analysing code and fixing unknown types
  • Export JS code
  • Generation HTML page

Usage (windows, mac, linux)

  • Install Adobe AIR
  • Install converter.air AIR application
  • Download and extract Guepard SDK from /sdk to your folder
  • Start application and create new project
  • Set all fields in all tabs as you need
  • Set SDK Path to your folder in Settings tab
  • Build project

Build (windows)

  • Download and unpack or clone this repository
  • Download and install java
  • Download and install .net framework
  • Download and install FlashDevelop
  • Run FlashDevelop
  • In opened RunMan select and install:
    • Flex SDK + AIR SDK
    • Adobe AIR
  • You can run RunMan after by menu: Tools -> Install Software
  • After install all components restart FlashDevelop
  • Create project: Menu -> Project -> Action Script 3 -> AIR AS3 Projector
    • Name: converter
    • Location: guepard repository location
  • Set main class: Project Tab -> src/com/guepard/app/Converter.as -> Context Menu -> Set Document Class
  • In the same tab
    • lib/bloodyCrypto/bloody_crypto.swc -> Context Menu -> Add to library
    • lib/design/design.swc -> Context Menu -> Add to library
    • lib/zip/fzip.swc -> Context Menu -> Add to library
  • Run project!

Demos

Demos from Adobe Animation / Adobe Flash Proffesional:

Shapes flash html5

Images flash html5

Texts flash html5

Animation flash html5

Mask flash html5

Fla flash html5

Demos from Flash Develop / Flex / IntelliJ Idea:

Game flash html5

Draw flash html5

XML / XMLList flash html5

Extreme AS3 Code flash html5 as3 js

Third Party

Box2D flash html5

Known issues

  • Now WebGL not works - only Canvas render.
  • There are many limitations of code conversion from AS3 to JS.

guepard's People

Contributors

iliasderos avatar superman2211 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

guepard's Issues

AS2

what about as2? Some old swfs heavily rely on that

Works with as2?

I want to know if is possible use this for convert flash game with XML file and as2 inside of swf.

Any chance to succeed without the AS3 code ?

Hi,
congrats for this great work.
My kids have their teachers send them to a lot of flash player based animations created by other school teachers years ago, that nobody can use any more.
I tried to help in downloading the SWF and converting it thanks to your app. I produce interesting results but not quite what it should look like.
Exemple here : http://www.pccl.fr/physique_chimie_college_lycee/quatrieme/electricite/lois_intensites_noeuds_mesures.htm

Bad code

This converter doesnt actually convert code it just writes it in a different language without making it actually work and do the same thing. You could implement some AI in the conversion process , that way it will turn out way better

build

How to build converter.air?

Not understanding the process

Hi, I have been on the lookout for all *.swf to HTML 5 tools and I have had very promising success with SWF2JS and Mozilla :: Shumway.

SWF2JS works very well for ActionScript 2 and while Mozilla Shumway works really well for ActionScript 3 and even handles some very advance bitmap manipulation codes very well !

I have had some trouble trying to use your tool to run through my test to see how well this works.

I am not really understanding the procedure, attached is the *.swf test.

1: Created a project, your program direct me to the settings tab asking me for the SDK path ?
Which SDK are we talking about ? The Flex SDK ? or the sdk from guepard-master ?
If it is from guepard-master, to select the folder where the sdk folder is or go INTO the sdk file itself ?

2: Under source, it ask for so many stuff, it is rather confusing so I just pick one file "FlashSavingTestKit.swf" which I have attached here for you.
I also have the fla files and stuff but when I include them the program hangs, the point is I am confused as to what exactly does this program need.

3: When I click convert it got stuck on "Generate Atlases Complete".

seems to hang on "Convert Resources 'preloader' - 90%" when given a .swf game

No errors.

Here is the log output:


Compile Java Script
Not found the source code
Convert Resources 'preloader'
Init Converter
Read SWFData
Read SWFData Complete
Init Directories
Init Directories Complete
Read Corrections
Init Export Shapes
Start Export Shapes
Export Shape: 1
Analyze Shape: 1
Load Shape Complete: 1
Analyze Shape Complete: 1
Export Shape: 4
Analyze Shape: 4
Load Shape Complete: 4
Analyze Shape Complete: 4
Export Shapes Complete
Start Generate Atlases
Generate Atlases Complete

Rebuild demo

Hi ,
My goal is to convert swf or fla (plus as3 files) into html5 website.
When i try to rebuild demo source code like fla example, i didnt find the same exported files than in the demo folder and the html5 website fla didnt work.
Plus, it seems that it didnt work with the fla file only.
Did i made a mistake configuring the software ?
swffile
flashfiles
swffile2

Thx a lot.

I got some problems.

There are many files and stuff needed to use this tool like Guepard SDK that i don`t have any link. It would be really cool if you could just make a thing that speeds up the whole process and make everything easier.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.