6

こんにちはみんな私はhtml5キャンバス開発に不慣れで、キャンバスフレームワークを選ぶことに迷っています。それらの数が多すぎて、何を使用すればよいかわかりません。だからここにいる!どちらが私のニーズに適しているかを選択するためにあなたの助けを求めています。私のニーズがあります

1)フレームワークにベクターグラフィックスを使用したい、キャンバスはDOMではないことはわかっている、実際には気にしないが、つまり、作成後にオブジェクトを操作したい、PaperJSには私が知らないこの機能があるその他。高度なマウスイベントが利用できる場合は、それが良いでしょう。

2)画像のフレームワークを使用したいのですが、画像を読み込んでキャンバスでアニメーション化し、移動し、いくつかの色をアニメーション化します...

3)ニーズに応じてフレームワークを高速化したい(画像アニメーションはスムーズである必要があります)

4)助けが必要だとわかっているので、フレームワークに良いコミュニティを持たせたいです。

では、どちらが私にとって良いと思いますか?そして、私のリストから、各フレームワークの長所と短所を書き留めていただけますか?

4

1 に答える 1

3

HTML5キャンバスはまだ非常に新鮮な環境です。すでに多くのツールが利用可能であるという印象を得ることができますが、それらはしばしばかなり未成熟です。

私はKineticJSとEaselJSのみを使用したので、私の答えはあなたの質問の一部だけをカバーします。あなたはこのページで意見を読むことから始めることができます(私のものは一番下の最後のものです)。

簡単に言えば、KineticJSの参入障壁は低くなります。シンプルな描画ライブラリであり、マウスイベントもサポートしています。私がそれを使おうとしていたとき、それはかろうじて拡張可能でした。自分のニーズに合わせてカスタマイズするのは本当に難しいと思いました。EaselJSは、最初は少し難しいですが、さらに高度です。これは、CreateJSとしてまとめて知られている他のライブラリセットの一部です。そこにはたくさんの開発が進んでいるようです。

  1. KineticとEaselはどちらもマウスイベントをサポートしています。キネティックをよく覚えていませんが、「onMouseOver」を感知するとイーゼルではコストがかかります。また、前述の両方のライブラリでオブジェクトの操作が可能です。ここでTweenJSも追加として役立ちます。
  2. ここでも、KineticとEaselの両方でこれが可能です。Easelは、スプライトもサポートしています。これは、Webゲーム開発者によく知られている「アニメーション画像」です。
  3. プロジェクトを削除する前にプロジェクトのアニメーション部分に到達していないため、Kineticについてはよくわかりません(プロジェクトではなくlib)。イーゼルの速度は注意が必要です。たとえば、オブジェクトキャッシュやsnapToPixelフラグなど、いくつかの最適化メソッドが実装されています。例は本当にうまくいくようです。ただし、イーゼルの滑らかさを使用する私のプロジェクトでは、最適化にかなりの労力が費やされているにもかかわらず、依然として問題があります。APIを誤用したか、気づかなかった最適化の余地があるかもしれません。
  4. どちらのライブラリもかなり若いですが、活発に開発されているようです。著者はかなり敏感です。コミュニティはまだ大きくはありませんが、ゲームを作成するためのより完全なツールのセットがより速く成長するので、CreateJSを推測します。

ここで確認したい場合は、私が言及したプロジェクトです。EaselJS+TweenJSを使用して作成されたWebページです。ただし、まだ若干の調整が必要です。

于 2012-08-07T14:59:00.290 に答える