기계적 & 사이키델릭 CSS-JavaScript Tinkering

저는 자바스크립트/CSS 애니메이션 관련 작업을 하고 있습니다. 나는 사물을 더 잘 제어하는 ​​방법을 배우고 있는데, 정말 흥미롭습니다! 나는 그것을 배치하기 전에 (적어도 어느 정도) 머리 속에서 계획하는 방법을 배우고 있습니다. 오늘은 대략적인 아이디어로 시작해서 다음과 같이 시작했습니다.

자바스크립트를 사용하여 (제가 가장 좋아하는) 배열과 루프로 반복할 이미지를 얻었습니다! 처음에 자바스크립트를 배울 때 "그래, 데이터 배열이구나"라고 생각했습니다. 더 나은 생각은 무엇을 위한 데이터인가?! 도형을 반복하면서 재미있게 즐겨보시는 건 어떠세요? 나는 집착하고 있습니다.

여기에 흥미를 끌기 위한 사진이 있습니다. 하지만 애니메이션 버전이 훨씬 더 멋지고 모든 애니메이션이 일어나는 것을 볼 수 있다는 점을 알려드리겠습니다. 보시려면 아래 github을 참고해주세요!! (예, 기대됩니다. XD )

일반 Javascript와 CSS를 사용하면 다음과 같습니다.

이게 뭔지 아시는 분. 하지만 약간의 사이키델릭한 느낌이 가미된 기계적인 느낌은 확실히 있습니다. 응. 응. 완료하는데 대략 4시간 정도 걸렸습니다. 나는 확실히 멋진 것을 만들기 위한 길을 가고 있습니다. 미래에는 무엇이 준비되어 있나요? 애니메이션 환각 로봇? 더 이상 말하지 마세요. 이보다 더 흥분될 수는 없습니다. 엿봐주셔서 감사합니다!

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

이래서 코드가 멋진거야...

---

위 내용은 기계적 & 사이키델릭 CSS-JavaScript Tinkering의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!