複数のページ (追加アイテムを含むレイヤー) とそれらを切り替えるスワイプ機能を備えたアプリを開発しようとしています。いくつかのバリエーションを試しましたが、どういうわけか、どれも私のニーズを満たすことができませんでした。それは次のとおりです。
- スケーラビリティ (すべてを固定縦横比で描画し、ブラウザ ウィンドウ/画面に合わせて拡大/縮小)
- 可視レイヤーを画面中央に持ってくる
- アクティブ/中央のレイヤー以外のすべてのレイヤーを非表示にします
- 異なるレイヤー間をスワイプします (iOS や Android のホームスクリーンなど)。
この小さな画像で、私の混沌とした心の中を覗いてみてください: ;)
青い四角形は現在アクティブなレイヤーです。できるだけ画面いっぱいに表示し、ブラウザ ウィンドウの中央に配置する必要があります。非表示レイヤー (赤いレイヤー) にアクセスするには、ユーザーは左右にスワイプする必要があります。
これらはすべて、KineticJS の最新バージョンで実現する必要があるため、このアプリケーションを実現する方法について何か提案があれば、私と共有してください。
よろしくお願いします