Book shelf - Template(テンプレート)

bookshelf appは簡素なブラウザーのようなアプリです.完成済みのページ(pre-made page)は、選択されたブックの画像アセットを読み込みます。仕組みとしては、テンプレートです。ブックには、テンプレートのレイヤーと同じレイヤーが存在します。ブックが読み込まれたときに、 テンプレートの同じレイヤーに、ブックのレイヤーを表示します。

bookshelf master プロジェクトとそれぞれのブックプロジェクトは、別々のKwikプロジェクトとして作成します

  • bookshelf master はTOCとtemplate pagesを含んでいます
  • それぞれのbook projectの各ページの画像は、book.zipに格納されます。zipファイルはbookshelf masterに読み込まれます.

そのため,Bookshelf appのアップデートを行わなくてもインターネットを通して好きなだけ本を読み込むことができます.


デモアプリ

サンプルプロジェクトは下からダウンロードできます.このzipファイルには3つのKwikプロジェクトが含まれています

http://kwiksher.com/tutorials/Kwik4/BookShelf.zip

  • BookShelfTmplt
  • Book01
  • Book02
  • BookServer

Book01とBook02にサムネイル画像はhttpサーバーから読み込まれます.購入(Purchase)ボタンが表示されます.もし,ユーザーがサムネイル画像を押したら,INFOページが表示されます.

INFOページと購入ボタン

IAP購入ダイアログ

購入が完了したら,ステータスがSavedに変更し,ユーザーがサムネイル画像をクリックすると,Book01に移動します.

Book01 タイトルページ

Book01 2枚目のページ


Master pages - BookShelfTmplt project

TOC pageはそれぞれのブックのサムネイルを表示します

  • それぞれのbook\Iconに,以下のレイヤーが出現します
    • downloadBtn
    • savedBtn
    • savingTxt
    • purchaseBtn
  • restoreBtn

INFOはブック画像とIAPボタンとインフォメーションを表示します

  • downloadBtn
  • savedBtn
  • savingTxt
  • purchaseBtn
  • infoTxt
  • hideOverlayBtn

page A オーディアと一緒に,二つの絵と一つのテキストレイヤーを表示します.これらのアセットは,本がダウンロードされてBookshelf appに読み込まれた時に置き換えられます.本のそれぞれの画像の位置は,jsonテキストで指定されます.

page B 回転するアニメーションが付加された一つのレイヤーが表示されます.回転するアニメーションは,同じ名前がついた画像に適用されます

page Cはナビゲーションボタンを表示します.

  • goto TOC page of Book Shelf App
  • goto title page of A Book
  • goto next Book
  • goto previous Book

Book01

page1 - Title. このタイトル(bg.png)はBookshlef master内のTOCのサムネイルに表示されます

page2は,Page Aと画像(Shape1とShape2)を使用し,audacity textとreadme audioがbook.zipに格納されます。これらはBook shelf master appに読み込まれます.master project内のpage Aの同じ名前のレイヤーが存在する必要があります

page3 uses page B

page4 uses page B

page5 uses page A

page6 uses page C

book01/assets.zipは以下の画像とアセットによって構成されています.

BookShlef Layers Assets
1 title bg,title
2 pageA bg, Shape1, Shape2, Text1 p2_Text1.txt p2_Text1.mp3
3 pageB bg, Shape1
4 pageB Shape1, bg
5 pageA Shape1, bg p5_Text1.txt p5_Text1.mp3
6 pageC gotoTOC, gotoTitle, gotoNextBook, gotoPreviousBook

Book02

book02/assets.zipは以下の画像とアセットによって構成されています

BookShlef Layers Assets
1 title title, bg
2 pageB Text1, Shape1
3 pageC gotoTOC, gotoTitle, gotoNextBook, gotoPreviousBook

results matching ""

    No results matching ""