Smart canvasで作るカジュアルゲーム

Copyright © 2013 / HITOKUSE Inc
Smart Canvasで作るカジュアルゲーム
勉強会
２０１３年７月

株式会社ヒトクセ
ITの力を駆使して、
人々の生活に新しい体験を生み出す。
「体験をデザインする」ことで日常に溶け込み、人々の「癖」になるような
サービスをヒトクセあるメンバーとプランで実現します。

講師紹介
朱静儀
ゲームクリエイター/
プロデューサー
2008.4 来日
2012.2 株式会社ペーパーボーヤ
2013.1 株式会社ヒトクセ
2013.3 早稲田大学教育学部数学科卒業
経歴実績
2012.2 株式会社ペーパーボーヤ
2012.12 AP COMMUNICATIONS サンタソン優秀賞
2013.1 NTTレゾナントChallengers ハッカソン優勝
2013.1 株式会社ヒトクセ
2013.3 京都まゆまろ杯スマホアプリコンテスト
準優勝、ドリコム賞

「プログラミング無しでWebアプリを作成」
スマートフォンWebアプリ
作成ツール
http://smartcanvas.net/

トレモ郎の紹介
トレモ郎のおはなしがスマホで楽しめるよ！
http://smart4me.net/tolemo/
トレモ郎は、ゲームが大好きで、いつもiPhoneで一人で遊んでいます。
青い生き物はにものといいます。色んな種類（色）のにものがいます。

今日作るゲームの紹介
http://smartcanvas.net/user/329/expose/773
トラップタップハンティング
∼トレモ郎救出編∼
檻に閉じ込められたトレモ郎を
救出せよ！

勉強会参加者限定素材配布

まずは登録
①ブラウザでhttp://smartcanvas.net
にアクセス
※是非「いいね」してください
②会員登録

新規作成
①マイページの「新規作成」ボタンを押して、
新しいアプリを作る

トレモ郎素材をゲット！①
①コンテストページhttp://cts.sc/to にアクセス
②エントリー！！※エントリーしないと素材もらえませんよ！
③コンテスト限定素材申請
http://bit.ly/19tVws4 にアクセス

トレモ郎素材をゲット！②
①コンテスト事務局からメールを確認
②リンクhttp://smartcanvas.net/items にアクセス
③秘密のパスワードを入力

制作ツールページを更新
① 制作ツールページを更新
②キャンペーンアイテムが追加されることを確認

ページのサイズを変更
① 「サイズ」ボタンを押す
②プリセット「iPhone ~4S Safari 320×416」に変更
※プリセットは必ず設定してください。

画像アップロード
① 「画像アップロード」ボタンをタップ
②title_bg.pngを追加

プロパティを設置
①プロパティを以下のように設定
横幅 320px 高さ 416px
x座標 0px y座標 0px
角度 0.0度

プレビュー
プレビュー！！
画像が表示された！

さらに画像アップロード
①title_tolemorou.pngを追加
②プロパティを以下のように設定

ページ追加
①ページ追加
②プリセット「iPhone ~4S Safari 320×416」に変更
③bg.pngを追加
④プロパティを設定
⑤トレモ郎画像追加

編集ページを変える
①「全体モード」ボタンを押す
②「ページ１」を押す

図形を追加
①基本アイテム→図形を追加
②スタートボタンの上に配置

リンクを設定、透明度を変更
①図形を選択
②リンクをページ２に指定
③透明度を０にする

プレビュー
シーン遷移が出来た！

アイテム名前を修正
①アイテムをタップ
②名前を修正

アニメーション①
①「アニメーション」タブをタップ
②「アニメーション作成」ボタンをタップ

アニメーション②
①詳細を以下のように設定、作成ボタンを押す
②title_tolemorouの透明度を０にする

プレビュー
アニメーションが出来た！

ページの名前を修正
①ページ２の名前を「level01」に修正

檻を追加
①ori.pngを追加
②「ori」に名前変更
③プロパティを変更

アニメーション作成
①以下のようにアニメーションを作成

プレビュー
檻が動いた！！

ゲームクリア画面を作る
①ページ追加
②gameclear画面を作る
③リンクをタイトル画面
に指定

ゲームオーバー画面を作る
①ページ追加
②gameover画面を作る
③リンクをタイトル画面
に指定

リンク先を設定
①檻のリンク先を「gameover」に設定
②トレモ郎のリンク先を「gameclear」に設定

プレビュー
ゲームが出来た！！

チャレンジ！！
ステージとアニメーションを増やせば
「トラップタップハンティング」が作れる！
http://smartcanvas.net/user/21/expose/665

公開①
①マイページにアクセス
②公開設定ボタンを押す

公開②
①「全て公開する」に変更

公開③
①アプリのリンクが表示される！
②リンクを友達に教えてたり、シェアしてみよう！

アプリ情報変更①
①設定ボタンを押す

①アプリの情報が変更出来る！
アプリ情報変更②

①アプリの情報が更新された！
アプリ情報変更③

是非面白いアプリをいっぱい作って下さい！
本日はありがとうございました！

Smart canvasで作るカジュアルゲーム

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Andere mochten auch

Andere mochten auch (11)

Ähnlich wie Smart canvasで作るカジュアルゲーム

Ähnlich wie Smart canvasで作るカジュアルゲーム (20)

Mehr von Nishida Kansuke

Mehr von Nishida Kansuke (20)

Smart canvasで作るカジュアルゲーム