Forhtml5

LWF for HTML5

Setup

1. Move to proper folder.
2. Clone lwf repository

git clone [email protected]:gree/lwf.git

3. Clone lwf-demo repository

git clone [email protected]:gree/lwf-demo.git

4. Set up is completed

MyFolder $: ls
lwf lwf-demo

Convert all Flash contents with latest swf2lwf converter.

1. Move to "lwf-demo/flash" folder. There are no "*.lwfdata".

MyFolder $: cd lwf-demo/flash/
MyFolder $: ls
batch_convert.sh gree_logo.fla gree_logo.swf

2. Execute batch convert shell script.

MyFolder $: sh batch_convert.sh

3. Convert completed. "*.lwfdata" will be generated.

MyFolder $: ls
batch_convert.sh gree_logo.fla gree_logo.swf gree_logo.lwfdata

Open HTML file in browser.

1. Open Chrome with " --allow-file-access-from-files" option.

• osx: open -a 'Google Chrome' --args --allow-file-access-from-files
• win: start chrome --allow-file-access-from-files

NOTE: 
Chrome doesn't allow HTML files to access local files directly without" --allow-file-access-from-files" option.

2. Open HTML file from "File > Open File..." menu item. For example, open the "lwf-demo/html5/basic/movie_translate.html" file.

Tutorial is completed!

Optional: Launch Web server

1. Move to top folder.

MyFolder $: ls
lwf lwf-demo

2. Launch simple HTTP server.

python -m SimpleHTTPServer

3. Open Chrome. http://0.0.0.0:8000/

NOTE: We recommend you to play examples on Chrome browser.

4. Open your first example on HTML5. http://0.0.0.0:8000/lwf-demo/html5/basic/movie_translate.html

5. You can find other examples in http://0.0.0.0:8000/lwf-demo/html5/basic