kwik intro
DESCRIPTION
kwik get startedTRANSCRIPT
![Page 1: kwik intro](https://reader030.vdocuments.mx/reader030/viewer/2022020117/568bd4fa1a28ab203496c3eb/html5/thumbnails/1.jpg)
Kwik Intro2012.02.25@ymmtny
Friday, March 2, 2012
![Page 2: kwik intro](https://reader030.vdocuments.mx/reader030/viewer/2022020117/568bd4fa1a28ab203496c3eb/html5/thumbnails/2.jpg)
新規プロジェクトの作成
Friday, March 2, 2012
![Page 3: kwik intro](https://reader030.vdocuments.mx/reader030/viewer/2022020117/568bd4fa1a28ab203496c3eb/html5/thumbnails/3.jpg)
背景の作成
Friday, March 2, 2012
![Page 4: kwik intro](https://reader030.vdocuments.mx/reader030/viewer/2022020117/568bd4fa1a28ab203496c3eb/html5/thumbnails/4.jpg)
ボタンとなる レイヤーを作成
Friday, March 2, 2012
![Page 5: kwik intro](https://reader030.vdocuments.mx/reader030/viewer/2022020117/568bd4fa1a28ab203496c3eb/html5/thumbnails/5.jpg)
新規ページを追加
Friday, March 2, 2012
![Page 6: kwik intro](https://reader030.vdocuments.mx/reader030/viewer/2022020117/568bd4fa1a28ab203496c3eb/html5/thumbnails/6.jpg)
背景やレイヤーを用意するFriday, March 2, 2012
![Page 7: kwik intro](https://reader030.vdocuments.mx/reader030/viewer/2022020117/568bd4fa1a28ab203496c3eb/html5/thumbnails/7.jpg)
さらにコンテンツと再生ボタンのレイヤーを作成Friday, March 2, 2012
![Page 8: kwik intro](https://reader030.vdocuments.mx/reader030/viewer/2022020117/568bd4fa1a28ab203496c3eb/html5/thumbnails/8.jpg)
ExportしてCorona シミュレータで確認
main.luaはドキュメント/
Kwik/{プロジェクト名}/build
Friday, March 2, 2012
![Page 9: kwik intro](https://reader030.vdocuments.mx/reader030/viewer/2022020117/568bd4fa1a28ab203496c3eb/html5/thumbnails/9.jpg)
起動時のアニメーションをCoronaボタンのレイヤーに設定
Friday, March 2, 2012
![Page 10: kwik intro](https://reader030.vdocuments.mx/reader030/viewer/2022020117/568bd4fa1a28ab203496c3eb/html5/thumbnails/10.jpg)
Loopを外し、一回 のみの再生でCreate
開始地点に移動
Friday, March 2, 2012
![Page 11: kwik intro](https://reader030.vdocuments.mx/reader030/viewer/2022020117/568bd4fa1a28ab203496c3eb/html5/thumbnails/11.jpg)
動作確認します。画像はすでに出力されているので、
Export Imagesを外す
エクスポート
Friday, March 2, 2012
![Page 12: kwik intro](https://reader030.vdocuments.mx/reader030/viewer/2022020117/568bd4fa1a28ab203496c3eb/html5/thumbnails/12.jpg)
アニメーションの設定Wait requestで作成する
Friday, March 2, 2012
![Page 13: kwik intro](https://reader030.vdocuments.mx/reader030/viewer/2022020117/568bd4fa1a28ab203496c3eb/html5/thumbnails/13.jpg)
Friday, March 2, 2012
![Page 14: kwik intro](https://reader030.vdocuments.mx/reader030/viewer/2022020117/568bd4fa1a28ab203496c3eb/html5/thumbnails/14.jpg)
再生ボタン自体も透過から徐々に表示されるようにアニメ
Friday, March 2, 2012
![Page 15: kwik intro](https://reader030.vdocuments.mx/reader030/viewer/2022020117/568bd4fa1a28ab203496c3eb/html5/thumbnails/15.jpg)
The Lost Cityをボタンに設定。押すと3つのアニメーションが開始
Friday, March 2, 2012
![Page 16: kwik intro](https://reader030.vdocuments.mx/reader030/viewer/2022020117/568bd4fa1a28ab203496c3eb/html5/thumbnails/16.jpg)
3つのアニメーションを設定ボタンを作成動作確認
Friday, March 2, 2012
![Page 17: kwik intro](https://reader030.vdocuments.mx/reader030/viewer/2022020117/568bd4fa1a28ab203496c3eb/html5/thumbnails/17.jpg)
再生ボタンで動画を再生する
Friday, March 2, 2012