問題タブ [pathanimator]

ここで見つけることができる「pathAnimator」と呼ばれる JavaScript の基本的なデモを使用しようとしています。

サンプル コードでは、デモ用に非常に単純な SVG 文字列を使用しています。しかし、この基本的な例でも SVG エラーが発生します。

デモコードは次のとおりです。

これは SVG 文字列のエラーですか、それとも単なるコードの誤りですか?

私は HTML5 ベースのトップダウン レーシング ゲームを作成しています。車をトラックに配置するために、次の 2 つの解決策を使用することを検討しました (ある程度は取り組んでいます)。

1. ペーパーJS
2. パタニメーター

オブジェクトをパスに沿って移動させることができるという意味で、これらの両方を個別に機能させましたが、私が持っている障害は、各車がレーストラックの両側に独自の開始位置を持っていることです (したがって、常に開始するとは限りません)パス内の同じポイント)。また、最初のコーナーの後、車は一列に並ぶ必要があります。

もう1つの要因は追い越しです。2 つのオブジェクトが交差するときに Javascript を使用して問題を解決することができましたが、背後のオブジェクトが前のオブジェクトを効果的に「回避」してからレーシング ラインに戻るようにする必要があります。

ここで解決すべきことはたくさんありますが、上記のいずれかを機能させるための狡猾なアイデアを誰かが持っているかどうか疑問に思いましたか?

あなたの助けをいただければ幸いです!!

ありがとう

Safari でこのプラグインに問題があるかどうか、誰でも確認できますか? 私はそれをプロジェクトに使用しようとしてきましたが、必要なことを正確に実行しますが、Safariで不規則に停止/開始するようです。何が問題なのですか？

http://dropthebit.com/demos/pathAnimator/

React.js は初めてです。Python を使用して、OpenStreetMap で車両が移動した一連のルート/パスを表示する機能を構築しました。しかし、Python でパスをさらにアニメーション化するために利用できるライブラリが十分にありません。React.jsで以下を達成するにはどうすればよいですか?

• パス上の開始位置から終了位置までマーカーを移動/スライドします。
• パス上の開始位置から終了位置まで画像をスライドさせます。

こういうビジュアライゼーションが欲しい。