問題タブ [html5-animation]

以下のスクリーンショットに示すように、ボートを英国からホバートに移動するための HTML5 アニメーションを作成します。

マウスオーバーで雨滴をアニメーション化し、マウスアウトでアニメーションが停止するアニメーションベースのキャンバスがあります。送信時にキャンバスにテキストを表示するテキストボックスがあります。ただし、このテキストは、移動してもう一度マウスオーバーすると消えます。マウスオーバーでキャンバスが再描画されることは知っていますが、テキストをそのままにする方法がわかりません。ありがとう！

ここで提供されているソリューションのコードを適応させました => キャンバスに雨のように降るランダムな画像 (Javascript)

Javascript

HTML

myDoughnut アニメーションのアニメーションを 5 秒ごとに繰り返したいと思います。現時点では、ページの読み込み時にのみアニメーション化されます。

使ってみました

私はまだJavascriptを学んでいるので、正しい関数を参照しているかどうか、およびsetIntervalコードをどこに配置するかについて少し確信が持てません。

アニメーションは、この Web サイトの下部で表示できます。http://www.chartjs.org/

ご指導とご指導ありがとうございました！

アイデアはシンプルで、テキストで星を作成し、回転させます。

しかし、簡単なスクリプトを作成した後はスムーズではありません here is my fiddle

星はオケが動いていますが、テキストはヘビのように揺れています:)

For ループ画像にランダムに動くアニメーションを追加するにはどうすればよいですか?

私は画像用にこのコードを持っています:

そして、私はこのようなことをしたい:

http://chimera.labs.oreilly.com/books/1234000001654/ch05.html#balls_with_simple_interactions

上記のリンクでは、スクロールダウンの例を見ることができます。

.....

誰かが私を助けてくれるなら、私はとても感謝しています。

I am trying to create a drawing animation out of a picture that is quite similar to this one.

From what I've been researching, I think my goal is to make multiple bezier curves. The problem is, since I do mostly programming but not quite so on the graphic design part, this gives me quite a headache.

So, any advice on where should I start (e.g. software I should use, etc.)? Thanks before.

P.S: in the end, the animation will be put on a web page.