Soumettre la recherche
Mettre en ligne
㉜知育アプリを作ろう! Kwikで作るデジタル絵本
•
4 j'aime
•
6,595 vues
Nishida Kansuke
Suivre
https://www.facebook.com/TonosamaLabo
Lire moins
Lire la suite
Technologie
Signaler
Partager
Signaler
Partager
1 sur 58
Recommandé
㉝“知育アプリを作ろう! Kwikで作るデジタル絵本” 勉強会②
㉝“知育アプリを作ろう! Kwikで作るデジタル絵本” 勉強会②
Nishida Kansuke
Kwikをはじめるまえに
Kwikをはじめるまえに
Noriko Tanaka
趣味プロダクトで楽しいコードライフワークを送る
趣味プロダクトで楽しいコードライフワークを送る
volpe_hd28v
LT#6 Taskete
LT#6 Taskete
Shingo Inoue
UnityでつくるはじめてのPONG
UnityでつくるはじめてのPONG
Kohei Kadowaki
Aiming study#6pdf
Aiming study#6pdf
Koutaro Chikuba
蜜葉流 デサインプロセスの基礎 - サトヤくじらが生まれるまで -
蜜葉流 デサインプロセスの基礎 - サトヤくじらが生まれるまで -
c-mitsuba
SteamVRさわってみた
SteamVRさわってみた
c-mitsuba
Recommandé
㉝“知育アプリを作ろう! Kwikで作るデジタル絵本” 勉強会②
㉝“知育アプリを作ろう! Kwikで作るデジタル絵本” 勉強会②
Nishida Kansuke
Kwikをはじめるまえに
Kwikをはじめるまえに
Noriko Tanaka
趣味プロダクトで楽しいコードライフワークを送る
趣味プロダクトで楽しいコードライフワークを送る
volpe_hd28v
LT#6 Taskete
LT#6 Taskete
Shingo Inoue
UnityでつくるはじめてのPONG
UnityでつくるはじめてのPONG
Kohei Kadowaki
Aiming study#6pdf
Aiming study#6pdf
Koutaro Chikuba
蜜葉流 デサインプロセスの基礎 - サトヤくじらが生まれるまで -
蜜葉流 デサインプロセスの基礎 - サトヤくじらが生まれるまで -
c-mitsuba
SteamVRさわってみた
SteamVRさわってみた
c-mitsuba
MobProgramming at クリエーションライン
MobProgramming at クリエーションライン
Toshiyuki Ando
MobProgrammingを体験してみよう!
MobProgrammingを体験してみよう!
Toshiyuki Ando
モブプログラミングを体験しよう at Agile Japan 2017 愛媛サテライト
モブプログラミングを体験しよう at Agile Japan 2017 愛媛サテライト
Toshiyuki Ando
短期間+大規模ゲーム開発でも破綻しないHTML・SCSS
短期間+大規模ゲーム開発でも破綻しないHTML・SCSS
Shogo Iwano
20121206 来年度新入社員懇親会ライトニングトーク
20121206 来年度新入社員懇親会ライトニングトーク
Yasuhiro Kinoshita
Mob Programming ってなんですか?
Mob Programming ってなんですか?
Toshiyuki Ando
MobProgramming at ヴァル研究所 - 紹介
MobProgramming at ヴァル研究所 - 紹介
Toshiyuki Ando
Unity2DとNewGUIについて
Unity2DとNewGUIについて
Keigo Ando
おばかアプリ勉強会資料 シグマコンサルティング
おばかアプリ勉強会資料 シグマコンサルティング
atmarkit
⑭iPhoneアプリを作ってみよう!(超初心者向け)その2
⑭iPhoneアプリを作ってみよう!(超初心者向け)その2
Nishida Kansuke
facebookを安全に使おう!
facebookを安全に使おう!
Nishida Kansuke
⑥ゲームを作ってみよう(にもつはこび)
⑥ゲームを作ってみよう(にもつはこび)
Nishida Kansuke
20170131 新潟セミナー
20170131 新潟セミナー
Nishida Kansuke
⑨Unityのスクリプトを使ってみよう(その1)
⑨Unityのスクリプトを使ってみよう(その1)
Nishida Kansuke
忍者ゲーム【ペッパーアプリコンテスト2015決勝進出作品】
忍者ゲーム【ペッパーアプリコンテスト2015決勝進出作品】
Nishida Kansuke
⑮jQueryをおぼえよう!その1
⑮jQueryをおぼえよう!その1
Nishida Kansuke
お絵描きソフト「PaintField」の開発
お絵描きソフト「PaintField」の開発
seanchas_t
20150926 uwpストア攻略
20150926 uwpストア攻略
Makoto Nishimura
C#でiPhoneアプリ開発 with MonoTouch
C#でiPhoneアプリ開発 with MonoTouch
Shin Ise
Cmujp21_node-webkit
Cmujp21_node-webkit
Sugawara Ryousuke
Handson opencv! 画像処理ライブラリを使って面白いプログラムを作ろう!その2
Handson opencv! 画像処理ライブラリを使って面白いプログラムを作ろう!その2
Saya Katafuchi
2013年3月16日のWordBench大阪
2013年3月16日のWordBench大阪
Shinichi Nishikawa
Contenu connexe
Tendances
MobProgramming at クリエーションライン
MobProgramming at クリエーションライン
Toshiyuki Ando
MobProgrammingを体験してみよう!
MobProgrammingを体験してみよう!
Toshiyuki Ando
モブプログラミングを体験しよう at Agile Japan 2017 愛媛サテライト
モブプログラミングを体験しよう at Agile Japan 2017 愛媛サテライト
Toshiyuki Ando
短期間+大規模ゲーム開発でも破綻しないHTML・SCSS
短期間+大規模ゲーム開発でも破綻しないHTML・SCSS
Shogo Iwano
20121206 来年度新入社員懇親会ライトニングトーク
20121206 来年度新入社員懇親会ライトニングトーク
Yasuhiro Kinoshita
Mob Programming ってなんですか?
Mob Programming ってなんですか?
Toshiyuki Ando
MobProgramming at ヴァル研究所 - 紹介
MobProgramming at ヴァル研究所 - 紹介
Toshiyuki Ando
Unity2DとNewGUIについて
Unity2DとNewGUIについて
Keigo Ando
おばかアプリ勉強会資料 シグマコンサルティング
おばかアプリ勉強会資料 シグマコンサルティング
atmarkit
Tendances
(9)
MobProgramming at クリエーションライン
MobProgramming at クリエーションライン
MobProgrammingを体験してみよう!
MobProgrammingを体験してみよう!
モブプログラミングを体験しよう at Agile Japan 2017 愛媛サテライト
モブプログラミングを体験しよう at Agile Japan 2017 愛媛サテライト
短期間+大規模ゲーム開発でも破綻しないHTML・SCSS
短期間+大規模ゲーム開発でも破綻しないHTML・SCSS
20121206 来年度新入社員懇親会ライトニングトーク
20121206 来年度新入社員懇親会ライトニングトーク
Mob Programming ってなんですか?
Mob Programming ってなんですか?
MobProgramming at ヴァル研究所 - 紹介
MobProgramming at ヴァル研究所 - 紹介
Unity2DとNewGUIについて
Unity2DとNewGUIについて
おばかアプリ勉強会資料 シグマコンサルティング
おばかアプリ勉強会資料 シグマコンサルティング
En vedette
⑭iPhoneアプリを作ってみよう!(超初心者向け)その2
⑭iPhoneアプリを作ってみよう!(超初心者向け)その2
Nishida Kansuke
facebookを安全に使おう!
facebookを安全に使おう!
Nishida Kansuke
⑥ゲームを作ってみよう(にもつはこび)
⑥ゲームを作ってみよう(にもつはこび)
Nishida Kansuke
20170131 新潟セミナー
20170131 新潟セミナー
Nishida Kansuke
⑨Unityのスクリプトを使ってみよう(その1)
⑨Unityのスクリプトを使ってみよう(その1)
Nishida Kansuke
忍者ゲーム【ペッパーアプリコンテスト2015決勝進出作品】
忍者ゲーム【ペッパーアプリコンテスト2015決勝進出作品】
Nishida Kansuke
⑮jQueryをおぼえよう!その1
⑮jQueryをおぼえよう!その1
Nishida Kansuke
En vedette
(7)
⑭iPhoneアプリを作ってみよう!(超初心者向け)その2
⑭iPhoneアプリを作ってみよう!(超初心者向け)その2
facebookを安全に使おう!
facebookを安全に使おう!
⑥ゲームを作ってみよう(にもつはこび)
⑥ゲームを作ってみよう(にもつはこび)
20170131 新潟セミナー
20170131 新潟セミナー
⑨Unityのスクリプトを使ってみよう(その1)
⑨Unityのスクリプトを使ってみよう(その1)
忍者ゲーム【ペッパーアプリコンテスト2015決勝進出作品】
忍者ゲーム【ペッパーアプリコンテスト2015決勝進出作品】
⑮jQueryをおぼえよう!その1
⑮jQueryをおぼえよう!その1
Similaire à ㉜知育アプリを作ろう! Kwikで作るデジタル絵本
お絵描きソフト「PaintField」の開発
お絵描きソフト「PaintField」の開発
seanchas_t
20150926 uwpストア攻略
20150926 uwpストア攻略
Makoto Nishimura
C#でiPhoneアプリ開発 with MonoTouch
C#でiPhoneアプリ開発 with MonoTouch
Shin Ise
Cmujp21_node-webkit
Cmujp21_node-webkit
Sugawara Ryousuke
Handson opencv! 画像処理ライブラリを使って面白いプログラムを作ろう!その2
Handson opencv! 画像処理ライブラリを使って面白いプログラムを作ろう!その2
Saya Katafuchi
2013年3月16日のWordBench大阪
2013年3月16日のWordBench大阪
Shinichi Nishikawa
ゲームデザインについて
ゲームデザインについて
meyco
デジタルハリウッド大学藤本ゼミプレゼンテーション(20071115)
デジタルハリウッド大学藤本ゼミプレゼンテーション(20071115)
Yosuke Yoshizaki
プログラムで映像をつくるとは?? ~超入門編~
プログラムで映像をつくるとは?? ~超入門編~
Ryo Kanda
20120413 nestakabaneworkshop
20120413 nestakabaneworkshop
Yoichiro Sakurai
WordPressで行うシステム開発 WordCamp Tokyo 2015用
WordPressで行うシステム開発 WordCamp Tokyo 2015用
Satoshi Kamigaki
Oculus 体験・勉強会「VRコンテンツ制作入門」 2015/05/13
Oculus 体験・勉強会「VRコンテンツ制作入門」 2015/05/13
Hiromichi Yamada
OpenCV 百聞は一見にしかず
OpenCV 百聞は一見にしかず
mq_nakamura
【 #Unity会 】このUnityがすごい2015年版
【 #Unity会 】このUnityがすごい2015年版
ui nyan
邪道Jenkins
邪道Jenkins
hazisarashi
OpenCVを用いたロボコンにおける画像処理(2013年ロボコン交流会)
OpenCVを用いたロボコンにおける画像処理(2013年ロボコン交流会)
Yuma Yoshimoto
第1回プログラミング大学in福岡
第1回プログラミング大学in福岡
Ryu Yamashita
アプリ制作マスターへの道
アプリ制作マスターへの道
Masayuki KaToH
Start Sketch.app
Start Sketch.app
Shinichi Kogiso
Uno Platform 触ってみた
Uno Platform 触ってみた
一希 大田
Similaire à ㉜知育アプリを作ろう! Kwikで作るデジタル絵本
(20)
お絵描きソフト「PaintField」の開発
お絵描きソフト「PaintField」の開発
20150926 uwpストア攻略
20150926 uwpストア攻略
C#でiPhoneアプリ開発 with MonoTouch
C#でiPhoneアプリ開発 with MonoTouch
Cmujp21_node-webkit
Cmujp21_node-webkit
Handson opencv! 画像処理ライブラリを使って面白いプログラムを作ろう!その2
Handson opencv! 画像処理ライブラリを使って面白いプログラムを作ろう!その2
2013年3月16日のWordBench大阪
2013年3月16日のWordBench大阪
ゲームデザインについて
ゲームデザインについて
デジタルハリウッド大学藤本ゼミプレゼンテーション(20071115)
デジタルハリウッド大学藤本ゼミプレゼンテーション(20071115)
プログラムで映像をつくるとは?? ~超入門編~
プログラムで映像をつくるとは?? ~超入門編~
20120413 nestakabaneworkshop
20120413 nestakabaneworkshop
WordPressで行うシステム開発 WordCamp Tokyo 2015用
WordPressで行うシステム開発 WordCamp Tokyo 2015用
Oculus 体験・勉強会「VRコンテンツ制作入門」 2015/05/13
Oculus 体験・勉強会「VRコンテンツ制作入門」 2015/05/13
OpenCV 百聞は一見にしかず
OpenCV 百聞は一見にしかず
【 #Unity会 】このUnityがすごい2015年版
【 #Unity会 】このUnityがすごい2015年版
邪道Jenkins
邪道Jenkins
OpenCVを用いたロボコンにおける画像処理(2013年ロボコン交流会)
OpenCVを用いたロボコンにおける画像処理(2013年ロボコン交流会)
第1回プログラミング大学in福岡
第1回プログラミング大学in福岡
アプリ制作マスターへの道
アプリ制作マスターへの道
Start Sketch.app
Start Sketch.app
Uno Platform 触ってみた
Uno Platform 触ってみた
Plus de Nishida Kansuke
【東京】ドコモのAIエージェント基盤「セバスチャン」勉強会【#3】
【東京】ドコモのAIエージェント基盤「セバスチャン」勉強会【#3】
Nishida Kansuke
【東京】ドコモのAIエージェント基盤「セバスチャン」勉強会【#1】資料
【東京】ドコモのAIエージェント基盤「セバスチャン」勉強会【#1】資料
Nishida Kansuke
デブサミ2017 【16-D-5】複数台のロボットと音楽をする取り組み(太田智美・西田寛輔) -
デブサミ2017 【16-D-5】複数台のロボットと音楽をする取り組み(太田智美・西田寛輔) -
Nishida Kansuke
PHP×コミニュケーションロボット
PHP×コミニュケーションロボット
Nishida Kansuke
Mizuho.hack 未来の銀行に必要なサービス
Mizuho.hack 未来の銀行に必要なサービス
Nishida Kansuke
20160314 すしルート#3 資料
20160314 すしルート#3 資料
Nishida Kansuke
ロボ年表を作ってみた
ロボ年表を作ってみた
Nishida Kansuke
Pepper用課金ボックス「ロボコイン」
Pepper用課金ボックス「ロボコイン」
Nishida Kansuke
jsおじさん#5 ペッパーとjavascript
jsおじさん#5 ペッパーとjavascript
Nishida Kansuke
【3/13】【女性限定】ロボットで、何が出来る?ペッパーにふれてみよう&ミニアイデアソン【とのさまラボ】 powered by 朝日新聞メディアラボ
【3/13】【女性限定】ロボットで、何が出来る?ペッパーにふれてみよう&ミニアイデアソン【とのさまラボ】 powered by 朝日新聞メディアラボ
Nishida Kansuke
ペッパービンゴ【ペッパーアプリコンテスト2015決勝進出作品】
ペッパービンゴ【ペッパーアプリコンテスト2015決勝進出作品】
Nishida Kansuke
JSを使ったアプリ開発!(JSオジサン#3)
JSを使ったアプリ開発!(JSオジサン#3)
Nishida Kansuke
ハッカソン発表資料(朝日新聞 × モバイルファクトリー 異業種ハッカソン!)
ハッカソン発表資料(朝日新聞 × モバイルファクトリー 異業種ハッカソン!)
Nishida Kansuke
iBeaconを使ったアプリ開発
iBeaconを使ったアプリ開発
Nishida Kansuke
㊱タイルマップに挑戦
㊱タイルマップに挑戦
Nishida Kansuke
クリスマスハッカソン2013:サンタロスをUNITYで作った
クリスマスハッカソン2013:サンタロスをUNITYで作った
Nishida Kansuke
㉟cocos2d-x勉強会:簡単なアプリをつくってみよう
㉟cocos2d-x勉強会:簡単なアプリをつくってみよう
Nishida Kansuke
㉞cocos2d-xの開発環境をインストールしてみよう
㉞cocos2d-xの開発環境をインストールしてみよう
Nishida Kansuke
Smart canvasで作るカジュアルゲーム
Smart canvasで作るカジュアルゲーム
Nishida Kansuke
モダン記法で簡単プログラミング!
モダン記法で簡単プログラミング!
Nishida Kansuke
Plus de Nishida Kansuke
(20)
【東京】ドコモのAIエージェント基盤「セバスチャン」勉強会【#3】
【東京】ドコモのAIエージェント基盤「セバスチャン」勉強会【#3】
【東京】ドコモのAIエージェント基盤「セバスチャン」勉強会【#1】資料
【東京】ドコモのAIエージェント基盤「セバスチャン」勉強会【#1】資料
デブサミ2017 【16-D-5】複数台のロボットと音楽をする取り組み(太田智美・西田寛輔) -
デブサミ2017 【16-D-5】複数台のロボットと音楽をする取り組み(太田智美・西田寛輔) -
PHP×コミニュケーションロボット
PHP×コミニュケーションロボット
Mizuho.hack 未来の銀行に必要なサービス
Mizuho.hack 未来の銀行に必要なサービス
20160314 すしルート#3 資料
20160314 すしルート#3 資料
ロボ年表を作ってみた
ロボ年表を作ってみた
Pepper用課金ボックス「ロボコイン」
Pepper用課金ボックス「ロボコイン」
jsおじさん#5 ペッパーとjavascript
jsおじさん#5 ペッパーとjavascript
【3/13】【女性限定】ロボットで、何が出来る?ペッパーにふれてみよう&ミニアイデアソン【とのさまラボ】 powered by 朝日新聞メディアラボ
【3/13】【女性限定】ロボットで、何が出来る?ペッパーにふれてみよう&ミニアイデアソン【とのさまラボ】 powered by 朝日新聞メディアラボ
ペッパービンゴ【ペッパーアプリコンテスト2015決勝進出作品】
ペッパービンゴ【ペッパーアプリコンテスト2015決勝進出作品】
JSを使ったアプリ開発!(JSオジサン#3)
JSを使ったアプリ開発!(JSオジサン#3)
ハッカソン発表資料(朝日新聞 × モバイルファクトリー 異業種ハッカソン!)
ハッカソン発表資料(朝日新聞 × モバイルファクトリー 異業種ハッカソン!)
iBeaconを使ったアプリ開発
iBeaconを使ったアプリ開発
㊱タイルマップに挑戦
㊱タイルマップに挑戦
クリスマスハッカソン2013:サンタロスをUNITYで作った
クリスマスハッカソン2013:サンタロスをUNITYで作った
㉟cocos2d-x勉強会:簡単なアプリをつくってみよう
㉟cocos2d-x勉強会:簡単なアプリをつくってみよう
㉞cocos2d-xの開発環境をインストールしてみよう
㉞cocos2d-xの開発環境をインストールしてみよう
Smart canvasで作るカジュアルゲーム
Smart canvasで作るカジュアルゲーム
モダン記法で簡単プログラミング!
モダン記法で簡単プログラミング!
Dernier
IoT in the era of generative AI, Thanks IoT ALGYAN.pptx
IoT in the era of generative AI, Thanks IoT ALGYAN.pptx
Atomu Hidaka
プレイマットのパターン生成支援ツール
プレイマットのパターン生成支援ツール
sugiuralab
PHP-Conference-Odawara-2024-04-000000000
PHP-Conference-Odawara-2024-04-000000000
Shota Ito
プレイマットのパターン生成支援ツールの評価
プレイマットのパターン生成支援ツールの評価
sugiuralab
Amazon SES を勉強してみる その12024/04/12の勉強会で発表されたものです。
Amazon SES を勉強してみる その12024/04/12の勉強会で発表されたものです。
iPride Co., Ltd.
Postman LT Fukuoka_Quick Prototype_By Daniel
Postman LT Fukuoka_Quick Prototype_By Daniel
danielhu54
新人研修のまとめ 2024/04/12の勉強会で発表されたものです。
新人研修のまとめ 2024/04/12の勉強会で発表されたものです。
iPride Co., Ltd.
20240412_HCCJP での Windows Server 2025 Active Directory
20240412_HCCJP での Windows Server 2025 Active Directory
osamut
Dernier
(8)
IoT in the era of generative AI, Thanks IoT ALGYAN.pptx
IoT in the era of generative AI, Thanks IoT ALGYAN.pptx
プレイマットのパターン生成支援ツール
プレイマットのパターン生成支援ツール
PHP-Conference-Odawara-2024-04-000000000
PHP-Conference-Odawara-2024-04-000000000
プレイマットのパターン生成支援ツールの評価
プレイマットのパターン生成支援ツールの評価
Amazon SES を勉強してみる その12024/04/12の勉強会で発表されたものです。
Amazon SES を勉強してみる その12024/04/12の勉強会で発表されたものです。
Postman LT Fukuoka_Quick Prototype_By Daniel
Postman LT Fukuoka_Quick Prototype_By Daniel
新人研修のまとめ 2024/04/12の勉強会で発表されたものです。
新人研修のまとめ 2024/04/12の勉強会で発表されたものです。
20240412_HCCJP での Windows Server 2025 Active Directory
20240412_HCCJP での Windows Server 2025 Active Directory
㉜知育アプリを作ろう! Kwikで作るデジタル絵本
1.
Kwik勉強会 ㉜知育アプリを作ろう! Kwikで作るデジタル絵本
2.
自分の書いたイラストで デジタル絵本が作りたい! でも、なんだか大変そう・・・
3.
ここがたいへん! • アプリの作り方がわからない!どうやってつく ればいいの? • 開発環境にお金がかかりそう! •
そもそも、プログラムわからない>< ↓ でも、Photoshopくらいは使える! (だって、デザイナーだし・・・)
4.
なんとかなるよ! • Photoshopだけで、デジタル絵本が作れる! • プログラムできなくても使える!(できたらさら に夢が広がる) •
しかも、対応環境が多い! • 無料で始められる! • MacでもWindowsでも開発できる!(Macのほ うが有利)
5.
kwik • KWIK2 – http://www.kwiksher.com/
6.
Kwikについて • プログラム不要!デザイナーさんでも安心! • 無料で商用利用可能(機能制限あり) •
デジタル絵本に特化 • Photoshop用プラグイン • Coronaのエンジンを利用 • 物理エンジン搭載(Coronaだし!) • 効果音やBGMの再生も可能(Coronaだし!) • iOSやAndroidに対応したアプリが作れる! (Coronaだし!)
7.
デメリット • PhotoshopCS5以上が必要>< • 端末固有の機能やUIが使えないので、本格 的なアプリ作成とはちょっと違う •
日本語ローカライズされていない。 • レイヤーの命名規則など若干めんどくさい • 無料だと機能制限あり(6ページまでしか作れ ない)
8.
こまったときは? • こまったときは、ホームページを見よう! – Learn
Kwik 2 • http://www.kwiksher.com/learn-kwik2/ – Tutorials • http://www.kwiksher.com/tutorials-kwik/
9.
インストールしてみよう! kwikを使ってみよう ※Macの場合を解説します。Windowsは自分でがんばってください・・・。
10.
Photoshop① • KwikはPhotoshopのプラグ インなので、Photoshopが必 要! • バージョンは、CS5以降が 必要(エレメンツは不可) •
体験版があるので持ってな い人はダウンロードしてみよ う! • AdobeIDの作成(無料)が必 要なので、持ってない人は 登録しよう! h(ps://crea/ve.adobe.com/products/photoshop
11.
Photoshop② • KwikはPhotoshopのプラ グインなので、 ExtensionManagerも必 要! • PhotoshopCCを使ってい る人は、一緒にダウン ロードしよう! h(ps://crea/ve.adobe.com/products/extension-‐ manager
12.
CoronaSDK① • Coronaのホームペー ジからダウンロード • 無料会員登録が必要 なので、登録しよう! http://www.coronalabs.com/
13.
CoronaSDK② • Macの場合は、Downloadを押 すとdmgファイルがダウン ロード出来る!
14.
CoronaSDK③ • dmgをダブルクリックすると、 規約が表示されるので納 得したらAgreeをおそう! • オレンジ色のフォルダを、 青いフォルダにドラッグしよ う!
15.
Kwik① • kwiksherのホームページ を開こう! • FREE
TRIALを押してみよ う! • 名前とメールアドレスを入 力すると、ダウンロード ページにいける! • インストーラーをダウン ロードしよう! http://www.kwiksher.com/
16.
Kwik② • zipを展開するとzxpが出て くるのでダブルクリック! • ExtensionManagerが起動 するので、プラグインをイ ンストールしよう!
17.
Kwik③ • Photoshopを起動しよう! • メニューのウィンドウ→エ クステンションにKwik2が 増えてる! •
Kwik2を選ぶとスプラッ シュが表示される! • まずは、FlashのSetupを おそう!
18.
Kwik④ • ブラウザに設定マネー ジャが表示されるので、グ ローバルセキュリティー設 定を右の図を参考にして 設定しよう! • 編集→追加する→フォル ダーの参照を選ぼう! •
これをやらないと、コード とかが保存されない時が あるから注意!
19.
Kwik⑤ • Kwikのスプラッシュを閉じ て、左下の設定アイコンを おそう! • 右の図を参考に、Corona のパスを設定しよう!
20.
インストールまとめ • Photoshop – CS5以降をインストールする – ExtensionManagerもインストールする • Corona – インストールする •
Kiwik – インストールした後、flashとCoronaを設定する
21.
デジタルブックをつくろう! kwikを使ってみよう ※Macの場合を解説します。Windowsは自分でがんばってください・・・。
22.
プロジェクトを作ろう!① • いちばん左のボタンを押 して、New Projectを作ろ う! •
Nameにプロジェクト名を 入れよう!(英語でスペー スとか変なの使わない) • New iPad、横を選ぼう
23.
プロジェクトを作ろう!② • 新しいファイルが開かれ る!(Page1.psd) • プロジェクトは、書類 →kwik→プロジェクト名の フォルダに保存される! •
作業を中断したいときは、 psdを保存してPhotoshop を閉じよう!
24.
再開するには…? • まんなかのボタンを押して、 プロジェクトを読み込も う! • プロジェクトのフォルダの 中に、.kwkという拡張子の ファイルがあるからそれを 選ぼう!
25.
パネルの説明 • プロジェクトを作成するとパ ネルにいろんな機能が表示 される! • 一番上の段は、タブになっ ている!青い点が選択中の しるし! •
真ん中がプロジェクトで、 PUBLISHを押すと書き出し ができる! • 一番下のアイコンはオプショ ンになってる!青がONで灰 色がOFF
26.
ページを作ろう kwikを使ってみよう ※Macの場合を解説します。Windowsは自分でがんばってください・・・。
27.
背景を作ろう① • 一番下のレイヤーが背景 レイヤーになります。 • ページめくりの当たり判定 は、背景レイヤーにつきま す。 •
レイヤー名は、半角英語 で、スペースや日本語は 禁止。数字は使えるけど、 数字から始まる名前は禁 止。記号とかも使えませ ん。
28.
背景を作ろう② • とりあえず、レイヤー名を BGにして、背景を書いて みましょう!
29.
タイトルを作ろう • タイトルロゴを作りましょ う! • レイヤーを新規作成して、 TITLEという名前にします。 •
テキストでタイトルを作り ましょう。
30.
なまえをかこう • おなじように名前のレイ ヤーを作りましょう! • NAMEというレイヤー名に します。 •
テキストで自分の名前を 入れます。
31.
次のページを作ろう • TOOLSETの一番左のを選 ぼう! • Add
new pageのアイコンを 押してページを作ろう! • ダイアログにはページのファ イル名をいれよう!今回は Page2にしよう! • チェックボックスをつけてお くと今のページの状態がコ ピーされるのでつけておこ う!
32.
ページの情報 • 左側の書類みたいのを押 すと、プロジェクトの中の ページ一覧がでる! • ページをクリックするとそ のページのPDFを編集で きます。
33.
いらないのをけそう • とりあえず、TITLEとNAME はいらないのでレイヤー ごと削除しよう!
34.
キャラを追加しよう① • 素材を開いて、コピーしよ う!
35.
キャラを追加しよう② • レイヤーの名前は、 Animal1にしよう!
36.
レイヤーの名前 • レイヤー名は、半角英語で、スペースや日本 語は禁止。数字は使えるけど、数字から始ま る名前は禁止。記号とかも使えません。 • ページの中に、同じ名前のレイヤーがあって はいけません。 •
レイヤーの名前は、最終的にプログラムの変 数名になります。
37.
シミュレーターで動かそう kwikを使ってみよう ※Macの場合を解説します。Windowsは自分でがんばってください・・・。
38.
Publishしよう • 真ん中のPUBLISHをおそ う! • 一番下の真ん中のやつが 青くなってることを確認し よう!(青くなってないと、 画像が書き出しされない ><) •
ダイアログが出たら成 功!
39.
失敗したら・・・ • レイヤーの名前が日本語 だったりすると失敗する! • Closeをおしてやりなおそ う!
40.
時間短縮! • ちなみに、下のほうのま んなかのやつをOFFにす ると、画像の書き出しをし なくなるので、はやく PUBLISHできる! • なので、場所だけ直した いとかの時は、OFFにしよ う!(逆に、うまくいかな かったらONでやりなおそ う!)
41.
Coronaを起動しよう • PUBLISHがうまくいくと、 CoronaSDKが起動する! • 左から二番目の再生ボタ ンをおそう! •
ファイル選択画面になる ので、プロジェクトの保存 先のbuildフォルダの、 main.luaをえらぼう! • 下の方の端末はiPadにし よう!
42.
できた! • うまくいけば、シミュレー ターが起動する!!! • フリックの動きで、次の ページに移動する! •
やった完成!
43.
ほかにも・・・ kwikを使ってみよう ※機能だけなんとなくしょうかいします
44.
アニメーション! • 開始と終了の位置を指定 したアニメーションなどが できます!
45.
おとがでたりする! • ボタンを設定したり、音を 鳴らせます!
46.
物理エンジン! • ボタンを設定したり、音を 鳴らせます!
47.
ほかにも • ほかにもいろいろできる みたい! • チュートリアルで挑戦して みよう! Tutorials http://www.kwiksher.com/tutorials-kwik/
48.
まとめ • Kwikたのしい!かんたんに絵本が作れる! •
カッコイイのが出来たら、実機転送してみよ う!Coronaの書籍とかを参考にやってみよ う! • 極めるといろんなことができるから挑戦しよ う!プログラムとかもかけるみたい!
49.
とのさまラボ! • 勉強会に参加した人どうしのコミニュティがほしい! 勉強会の開催日時の告知がほしい! という意見をみなさまからいただいたので、 コミニュティを作成しました! • 毎週木曜日は、もくもく勉強会も 開催しています! ぜひ「いいね!」をお願いします! h(ps://www.facebook.com/TonosamaLabo
50.
「もくもく」勉強会 • 毎週木曜日に、「もくもく」勉強会やってます! • 場所は新宿!facebookページからお申し込みください! h(ps://www.facebook.com/TonosamaLabo
51.
おわり(?) 主催(共同開催): 株式会社 gooya http://www.gooya.co.jp/ メドレー株式会社 http://www.medley.co.jp/ 講師:西田 寛輔
(Tonosamart) http://www.facebook.com/tonosamart
52.
緊急告知 キンキュウコクチ
53.
今年の夏休みは何してますか?
54.
絵本作るしかないでしょ!
55.
第1回!トレモ郎の カジュアルゲーム& デジタル絵本コンテスト 2013年7月1日∼8月31日 締め切りまでに、アプリの提出が必要です。 募集期間(予定)
56.
アプリの所有権を有しているチーム及び個人 ※応募書類および問い合わせなどの対応が日本語で行えること 応募資格(予定) スマートフォンで動作するカジュアルゲームまたはデジタル絵本で 2013年6月1日時点で未発表のもの 過去に作成したアプリの改造、続編、過去に発表した絵本のデジタル版などの応募は可能です。 応募条件(予定)
57.
まずはエントリーしよう!
58.
コンテストの詳細などをお伝えします! http://cts.sc/to まずはエントリーをお願いします! ※スポンサー企業募集しています!お問い合わせ下さい!