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

Smart Canvasで作るWebサイト

２０１３年７月
Copyright © 2013 / HITOKUSE Inc
13年11月17日日曜日

http://smartcanvas.net/


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

Smart Canvasで出来ること

項目

出来る?

アニメーション

○

画面遷移

○

サーバー通信

×


Smart Canvas


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


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


アイテムの配置
① 基本アイテムを選択
② 基本アイテムをドラッグ&ドロップ
テキスト
ドラッグ&ドロップ


プロパティの設定

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


他の要素の設定
背景色

透明度

文字色

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


アニメーションの設定
条件

起動
タップ

対象
変化値

変化量

x,y座標
透明度・角度

アニメーションの設定具体例
条件
アイテム1をタップ

対象

アイテム1

変化値
x座標を90px


プレビュー

プレビューを選択


プレビュー確認
タップ(クリック)

アニメーション!


画像のアップロード
選択


ページの追加

ページ追加を選択


ページの追加

全体モードを選択


ページの追加

ページの追加を確認

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

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


リンクの確認

プレビューを選択


リンクの確認
タップ(クリック)

ページ遷移


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


Recommended