「LWFとは」の版間の差分

提供: LWF Wiki
移動: 案内検索
(LWFを使用してHTML5コンテンツを作る際の利点)
(HTML5)
 
(1人の利用者による、間の29版が非表示)
1行: 1行:
==はじめに==
+
==LWFとは==
LWF(LightWeightSwf)とはGREEが開発しているオープンソースのフレームワークです。<br/>
+
LWF(LightWeightSWF)とはGREEが開発しているオープンソース(zlib License)のフレームワークです。<br/>
Adobe Flashの強力なオーサリング機能を用いてUnityやHTML5で2Dアニメーション及びゲームを制作することができます。<br/>
+
どなたでも無料で使用でき商業利用も可能です。<br/>
このwikiでは主に「LWF for HTML5」での制作の方法について触れていきます。<br/>
+
Adobe Flashをオーサリングツールとして利用し2Dアニメーション、ボタン、テキスト等を含んだ独自データを生成します。<br/>
また、ある程度Flashを用いたコンテンツ制作やjavaScriptについての知識がある前提で話を進めていきます。<br/>
+
LWFデータはUnity、Cocos2d-x、HTML5などで動かすことができます。<br/>
 
<br/>
 
<br/>
[[File:To sp.png|thumb|600px|none|left|Flaで作ってLWFで変換。スマートフォンで見れる]]
+
[[File:To sp.png|thumb|600px|none|left|Flashで作ってLWFデータに変換。HTML5やUnity、Cocos2d-xで動かせるように]]
 
<br/>
 
<br/>
<span style="color:#990000">
 
【注意】<br/>
 
「LWF for Unity」と「LWF for HTML5」では機能が異なっています。<br/>
 
主にスクリプト関連の項目については「LWF for Unity」では、ほぼ使用できないので注意してください<br/>
 
</span>
 
  
==LWFを使用してHTML5コンテンツを作る際の利点==
+
==LWFを使用するメリット==
*Flashプレーヤーに近い挙動により、Flash開発経験者の学習負担を大幅軽減。
+
*扱い慣れたFlash1つで様々な対応環境向けに2Dアニメーションの制作が可能。
 +
*Flash経験者は他の2Dアニメーションツール経験者に比べて多いのでリソースが比較的確保しやすい。
 
*Flashアーティストがエンジニアリングなしに、アニメーション及びユーザーインターフェースを制作可能
 
*Flashアーティストがエンジニアリングなしに、アニメーション及びユーザーインターフェースを制作可能
 
*ユーザーインターフェース用とアニメーションエフェクト用といった複数のLWFデータを同時に再生・制御可能なので分業が可能
 
*ユーザーインターフェース用とアニメーションエフェクト用といった複数のLWFデータを同時に再生・制御可能なので分業が可能
*1ソースでCSS,Canvas,webGLといった描画方式に柔軟に対応し、端末ごとに最適な描画を選択することができる
+
*HTML5版では1ソースでCSS,Canvas,webGLのうち好きな描画方式が選択できるので、端末ごとに最適な方式にすることができる
*開発元が実務で使っているので、ある程度安定した運用実績がある
+
*開発元が実務で使っているので実績がある
==こういう案件にオススメ!==
+
*スマートフォンブラウザ向けにゲームやアニメーションを制作したい
+
*スマートフォンブラウザで高いパフォーマンスで動かしたい
+
*Flashを使用して視覚的にアニメーションやUIを構築したい
+
  
==動作環境==
+
==対応環境==
*webkit系ブラウザ
+
===HTML5===
*Android1.6以上
+
*google chrome(推奨)
*iOS4以上
+
*firefox
<span style="color:#990000">※LWF for HTML5 は現在のところスマートフォンに特化したフレームワークです</span>
+
*InternetExploler11以降
 +
*Android2.x以降
 +
*iOS4以降
  
==開発に必要なもの==
+
===Unity===
*Adobe Flash CS5.5以降のバージョン
+
*Unity4.5以降
==Flashで制作する際の制限==
+
===Cocos2d-x===
*シェイプ(ベクター)は使えません。基本的に全てビットマップを使用します
+
*3.0以降
*シェイプトゥイーンは使えません。
+
 
*ダイナミックテキストはデバイスフォントのみ利用可
+
==必要環境==
*サウンドは使えません。
+
*Adobe Flash CS5.5以降
*カラー効果はアルファのみ対応(着色、明度等は不可) <span style="color:blue">※代用機能有</span>
+
*:(Flash CS6 推奨)
*スクリプトはActionScriptではなくjavaScriptを使用
+
 
*フィルターやボーンなどCS以降に搭載された新機能は使用出来ません
+
==各環境ごとの機能の差分==
*マスクは使えません <span style="color:blue">※LWFのスクリプトで使用することは可能</span>
+
https://github.com/gree/lwf/wiki/RendererComparison<br/>
*シンボル名に半角スペースは使えません。
+
<br/>
<span style="color:#990000">制限は多いですが、上記の制限を設けることで様々な描画方式に対応しています</span>
+

2014年9月19日 (金) 14:08時点における最新版

目次

LWFとは

LWF(LightWeightSWF)とはGREEが開発しているオープンソース(zlib License)のフレームワークです。
どなたでも無料で使用でき商業利用も可能です。
Adobe Flashをオーサリングツールとして利用し2Dアニメーション、ボタン、テキスト等を含んだ独自データを生成します。
LWFデータはUnity、Cocos2d-x、HTML5などで動かすことができます。

Flashで作ってLWFデータに変換。HTML5やUnity、Cocos2d-xで動かせるように


LWFを使用するメリット

  • 扱い慣れたFlash1つで様々な対応環境向けに2Dアニメーションの制作が可能。
  • Flash経験者は他の2Dアニメーションツール経験者に比べて多いのでリソースが比較的確保しやすい。
  • Flashアーティストがエンジニアリングなしに、アニメーション及びユーザーインターフェースを制作可能
  • ユーザーインターフェース用とアニメーションエフェクト用といった複数のLWFデータを同時に再生・制御可能なので分業が可能
  • HTML5版では1ソースでCSS,Canvas,webGLのうち好きな描画方式が選択できるので、端末ごとに最適な方式にすることができる
  • 開発元が実務で使っているので実績がある

対応環境

HTML5

  • google chrome(推奨)
  • firefox
  • InternetExploler11以降
  • Android2.x以降
  • iOS4以降

Unity

  • Unity4.5以降

Cocos2d-x

  • 3.0以降

必要環境

  • Adobe Flash CS5.5以降
    (Flash CS6 推奨)

各環境ごとの機能の差分

https://github.com/gree/lwf/wiki/RendererComparison