複雑なHTML5タスクがあります。透明な重なり合う球を描画する必要があります。ご覧ください:
簡単な球を描く必要がありますが、上の写真(リンク)のように塗りつぶし、半透明になっていることを確認する必要があります。
球体は移動する必要があるため、一度、後ろの小さい球体をアニメーション化して大きくすることができます。
私はその複雑さを知っています(それは簡単に見えますが、プログラミングするのは難しいです)。
どんな助けでもありがたいです!
ありがとう!
複雑なHTML5タスクがあります。透明な重なり合う球を描画する必要があります。ご覧ください:
簡単な球を描く必要がありますが、上の写真(リンク)のように塗りつぶし、半透明になっていることを確認する必要があります。
球体は移動する必要があるため、一度、後ろの小さい球体をアニメーション化して大きくすることができます。
私はその複雑さを知っています(それは簡単に見えますが、プログラミングするのは難しいです)。
どんな助けでもありがたいです!
ありがとう!
globalAlpha 値を設定して、透明効果を得ることができます。
var canvas = document.getElementById("canvas");
var context = canvas.getContext("2d");
context.globalAlpha = 0.5;
このjsfiddleのようなもの
透明な球体を描画したい場合は、KineticJS を使用します。