• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
LWF 101 for Open Hack Day
 

LWF 101 for Open Hack Day

on

  • 2,025 views

LWF overview and adoption guide for new to LWF.

LWF overview and adoption guide for new to LWF.
This presentation is prepared for Open Hack day.

http://yhacks.jp/hackday/conference

Statistics

Views

Total Views
2,025
Views on SlideShare
1,895
Embed Views
130

Actions

Likes
1
Downloads
1
Comments
1

2 Embeds 130

http://hiroyukihaga.blogspot.com 84
http://hiroyukihaga.blogspot.jp 46

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel

11 of 1 previous next

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
  • Free Download : http://gg.gg/114bb

    Hey Guyz and girls, Today I am gonna show you perfact tool, Remember This video is old, But the download link with hack is brand new. Its very simple to using this tool and here are some instructions in video. Please REDOWNLOAD. Don't Forget to Comment Subscribe & Rate My Video :)

    Virus Scan :- This file has been scanned with avast! Antivirus. -- Status: FILE IS CLEANN.

    Copyright © 2014. All Rights Reserved
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    LWF 101 for Open Hack Day LWF 101 for Open Hack Day Presentation Transcript

    • LWF 101 Hiroyuki HagaGREE, CTO Office
    • Agenda1. Issue that LWF will resolve.2. LWF Overview3. LWF Adoption
    • Issues
    • Common issue at engineering part 1 “Sealed package”• Because the look-and-feel was poor, users don’t want to try core-features of the your service that you’ve done very well. It’s too difficult for me to try..
    • Common issue at engineering part 2 “Package is also big part of application”• Users started to use and respect the your service and core-features when the look-and-feels was improved even if you didn’t apply any modifications to core- features. Great service!
    • Common issue at engineering part 3• By the way, I have evaluated goodness of core- features based on look-and-feel in some cases. Wow! I “Looks” great service!
    • Common issue at engineering part 4• “The exports know best.” is fact.• I’m a not artist. I’m an engineer.
    • Common(?) issue at engineering part 5• I had to reproduce Flash animation’s behaviors by using platform specific scripts manually. Platform specific Convert manually xD scripts
    • Issues Issue Overview Adoption• Prevent a “sealed application”.• Look-and-feel is also big part of application• I’m feeling confidence about core-mechanics, problem is looks.• Better leave it to a specialist• “I just want to play FLASH animation on ****** platform!!!”
    • LWF Overview
    • LWF Overview Issue Overview AdoptionLWF is an open source, 2D user-interface and 2Danimation frameworkthat enables to extract “art and UI design” part perfectly.
    • LWF Overview cont. Issue Overview AdoptionLWF framework affords artists to create 2D user-interface and 2D animation contents in FLASH format forboth HTML5 and Unity application.LWF framework affords you to focus on engineering partonly.LWF framework makes you happy.
    • LWF Overview Issue Overview Adoption• What you don’t need to do are… • Tweak position of text or image by yourselves. • Control tween animation by yourselves. • Control complex UI events such as firing an “pushed” animation after playing specific animation on button is pressed. • Boring tasks such as loading images for playing animation…• What you need to do are… • Find a nice FLASH artist • Under stand LWF’s limitation • Convert FLASH animation by using LWF’s converter
    • So… Issue Overview Adoption• HELP! We need FLASH artists!
    • LWF Overview .. Issue Overview Adoption• Main Promise: A FLASH artist is in your team.• Benefits: “The exports know best”
    • LWF Adoption
    • LWF Adoption Issue Overview Adoption• For engineer• For artist• For committer
    • LWF package overview Issue Overview Adoption • https://github.com/gree/lwf package includes: • JSFL Flash script that publishes scene into LWF preferred SWF file. • Converter that generates LWF file and images from the given SWF file. • Javascript LWF player that works on browser • C# LWF player that works in the Unity Resource LWF player files for Browser (Javascript)Flash script for LWF Converter publishing SWF (Ruby) (JSFL) LWF player PNG PNG for Unity (C#)
    • LWFS Issue Overview Adoption • Production ready LWF preview environment for Windows and Mac OSX • Automated installation process for smooth adoption • Prompt iteration by automated convert and deploy. • https://github.com/gree/lwfs LWF preview environment “LWFS” Resource filesFlash script for LWF LWF player Converter publishing SWF for Browser (Ruby) (Javascript) (JSFL) PNG PNG
    • LWF package in detail Issue Overview Adoption• LWF package contains variety of options that are required in production use for maximize rendering performance and productivity. js LWF player Resource Flash script for SWF Converter for Browser files (Javascript publishing (Ruby) (JSFL) ) LWF PNG PNG LWF player for Unity PNG (C#) Json(LWF doesn’t include this) Sprite Atlas generator like Texture Packer.
    • For engineer Issue Overview Adoption1. Source a “lwf.js” in the header of html.2. Initialize LWF instance with specified resource files.3. Joy… 1. Play FLASH animation 2. Jump to Label in FLASH animation 3. Implement function that will be called by button press event in FLASH animation.
    • Demo Issue Overview Adoption
    • For artist Issue Overview Adoption• Make a FLASH animation with movie clip by using key-framing only. Note that shape is not supported.• Add labels, that will be specified by engineer, to timeline.• Add actions, that will be specified by engineer, to button that will be fired after button-pressed-animation played. • For Javascript writer : Add view login javascript to /* js */• Download LWF previewer “LWFS” from http://github.com/gree/lwfs• Preview your flash animation file by using LWFS.
    • Demo Issue Overview Adoption
    • For committer• Read Kazuki’s presentation about implementation http://gree.github.com/lwf/presentation20121115• Fork http://github.com/gree/lwf• Send pull request to http://github.com/gree/lwf
    • Demo Issue Overview Adoption
    • LWF Adoption wrap-up Issue Overview Adoption• For engineer You can enjoy paradise after patient of adoption.• For artist You can enjoy paradise after patient of adoption.• For committer Let’s make paradise 
    • Wrap up• Look-and-feel is important also. Let’s make it “Better leave it to a specialist.”• LWF Framework enables “Better leave it to a specialist.”• By LWF adoption, enjoy “Better leave it to a specialist.”