サイト上でキャラクターを動かしたい。

自身のサイト、https://ogupo.comのサイトで、

https://9ye.jp/

株式会社ココノヱ（ココノエ）様のような、「キャラクターをタッチしたり、スクロールしたりすると歩いたり、跳ねたりサイト」を作りたいです。

さらに、私は、キャラクターたちに次の表現を付け加えたいです。

Ａ：Ｘ軸上（サイトの上下にわたる間隔）から自由に出てきて、
　　クリックすると、１段落、下に動く、自然に空中を旋回する鷲を飛ばしたい。
Ｂ：Ｘ軸上（サイトの上下にわたる間隔）から自由に出てきて、
　　クリックすると、１定時間頑張って走る、普段歩く人を実現したい。
Ｃ：どこからでも、自由に出てきて、
　　クリックすると、１定時間決められたアクションを起こす、妖精を複数飛ばしたい。
Ｄ：Ｘ軸上（サイトの上下にわたる間隔）から自由に出てきて、
　　クリックすると、火をはく、竜を表現したい。
Ｅ：サイト下部に存在していて、クリックすると、飛び跳ねる魚を表現したい

Ｆ：Ａ，Ｂ，Ｃ，Ｄ、Ｅのキャラを一定確率で飛ばしリンクにしたい。

Ａ，Ｂ，Ｃの項目を表現しようとすると、
①出来たとしても、おそらく、この場でＣＳＳで表記しようとすると、大変なことになってしまうと思います。

そして、もはや、達人級、開発者レベルの話でもあると思います。
高額なお金を払ってでもつくりたい技術でしょう。

でも、私にとっては５００Ｐの参考書を２０冊買って、読んででも、実施したい技術です。

②①が無理ならば「これらを読んで勉強すれば、組めないこともないよ」というサイトや参考書を教えていただけないでしょうか？？

③それでも無理なら、シネマグラフを背景に設定しようと考えています。
やり方を教えていただけないでしょうか？？

どうか、ご協力をよろしくお願いいたします。