【ヒトクセ】smart canvasの使い方

Copyright © 2013 / HITOKUSE Inc

Smart Canvasで作るWebサイト

２０１３年７月

13年11月17日日曜日


http://smartcanvas.net/


http://smartcanvas.net



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

http://smartcanvas.net/





Smart Canvasで出来ること

項目出来る?

アニメーション ○画面遷移 ○サーバー通信 ×



Smart Canvas



まずは登録

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





新規作成

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



アイテムの配置

① 基本アイテムを選択② 基本アイテムをドラッグ&ドロップ

テキスト

ドラッグ&ドロップ



プロパティの設定

① 位置・サイズを調節します



他の要素の設定

背景色文字色

透明度



アニメーションの設定

① アニメーションタブを選択② アニメーション作成ボタンを押す



アニメーションの設定

アニメーション条件起動

タップ

対象変化値 x,y座標

透明度・角度

変化量



アニメーションの設定　具体例

アニメーション条件

アイテム1をタップ

対象

変化値x座標を90px

アイテム1



プレビュー

プレビューを選択



プレビュー確認

タップ(クリック)

アニメーション!



画像のアップロード

選択



ページの追加

ページ追加を選択



ページの追加

全体モードを選択



ページの追加

ページの追加を確認



アイテムにページのリンクを貼る

アイテムにリンクが張られている状態



リンクの確認

プレビューを選択



リンクの確認

タップ(クリック)

ページ遷移


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


Education