2017-04-27 9 views
0

CraftyJSを学び、ビューポートがどのように機能するかについていくつかの情報が欠落しています。 私が必要なもの: 英雄に続く、大きな水平の地図(プラットフォーマー)とカメラ。どのようなヒントがありますか?詳細情報を読む場所、それがどのように機能するか説明していますか?どうもありがとう!craftyjsビューポートの誤解

P.S.公式CraftyJS APIドキュメントは、複数のページにわたって分布しているが

答えて

0

公式CraftyJS APIドキュメントが、その場合

それは、この場合にはそこにすべての年代に私を助けていないような場合には私を助けていません。 API全体を見て、利用可能な機能の概要を確認してください。

私は必要なもの

:大規模な水平マップ(プラットフォーマー)

Getting startedの最後の例を参照してください。私は必要なもの

:...カメラ、ヒーロー以下

カメラは狡猾でビューポートと呼ばれています。 Crafty.viewport.follow()

ご質問がある場合はお知らせください。


すべて一緒にそれを置く:

Crafty.init(); 
 

 
Crafty.e('2D, DOM, Color, floor') 
 
    .attr({x: -400, y: 250, w: 850, h: 10}) 
 
    .color('green'); 
 

 
var hero = Crafty.e('2D, DOM, Color, Twoway, Gravity') 
 
    .attr({x: 0, y: 0, w: 50, h: 50}) 
 
    .color('#F00') 
 
    .twoway(200) 
 
    .gravity('floor'); 
 

 
Crafty.viewport.clampToEntities = false; 
 
Crafty.viewport.follow(hero);
<script src="https://cdn.rawgit.com/craftyjs/Crafty/0.8.0/dist/crafty-min.js"></script>