1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

KwikでSpriteSheetを使ったアニメーションを作成する

Last updated at Posted at 2014-01-05

KwikでSpriteSheetを使ったアニメーションを作成する

アニメーションさせたいイメージファイルを用意します

images.png

Texure Packer でKwik用の.lua/.pngファイルを生成します

2014_01_05_15_10_1.png

Kwikの プロジェクトフォルダ直下 にTexure Packerで生成した.lua/.pngファイルを格納します

2014_01_05_15_18_1.png

PhotoshopでKwikプロジェクトを開き、イメージファイルと同じサイズのシェイプを作成し、TOOL SETからSprite sheet replacementを選択します

page1_psd___50___Rectangle_1__RGB_8___.png

Texure Packerで生成した.lua/.pngファイルの格納場所をそれぞれ指定し、その他の情報も入力します

2014_01_05_15_41.png

完成!

2014_01_05_15_50.png

GitHub

1
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?