機械的およびサイケデリックな CSS-JavaScript のいじり

私はこの JavaScript/CSS アニメーションに興味があります。私は物事をより良くコントロールする方法を学んでいます、そしてそれはエキサイティングです!私は、（少なくともある程度は）それをレイアウトしようとする前に、頭の中で計画を立てることについて学んでいます。今日は大まかなアイデアから始まり、次のように始めました:

JavaScript を使用して、(私の新しいお気に入りの) 配列とループで画像を繰り返すことができました。私が最初に JavaScript を学習していたとき、「よし、データには配列を使おう」と思いました。データは何のためにあるのかを考えたほうが良いでしょう。楽しい形の繰り返しはいかがでしょうか。私は夢中になっています。

興味を引くために下の写真を載せておきますが、アニメ版の方がずっとクールで、すべてのアニメーションが起こっているのを見ることができます。下記のgithubを見てみてください!! (はい、これには興奮しています。XD )

プレーンな Javascript と CSS を使用すると、次のようになります。

これが何なのか誰にも分かりません。しかし、それは間違いなく、わずかにサイケデリアのヒントを伴う機械的な雰囲気を持っています。はい。完了するまでに約 4 時間かかりました。私は間違いなくクールなものを作る道を進んでいます。将来には何が待っているのでしょうか？アニメ化されたサイケデリックなロボット？黙り込む。これ以上に興奮することはありません。覗いていただきありがとうございます!

Github: https://annavi11arrea1.github.io/circle/

これがコードが素晴らしい理由です...

---

以上が機械的およびサイケデリックな CSS-JavaScript のいじりの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。