작가:
Peter Berry
창조 날짜:
15 칠월 2021
업데이트 날짜:
13 할 수있다 2024
다음은 2012 년에 웹을 강타한 데모 형식의 JavaScript에서 가장 좋아하는 예제 중 하나입니다. Staggering Beauty는 간단하고 재미 있으며 이상 할 정도로 중독성이 있습니다.
뉴욕 개발자 George Michael Brower가 Jon Baken의 오디오를 사용하여 만든이 데모는 산불처럼 전 세계에 퍼지고 있습니다.
언뜻보기에는 마우스 움직임에 따라 흔들리는 움직이는 웜처럼 보입니다.
그러나 마우스를 빠르게 진동 시키면 모든 지옥이 풀립니다.
적절하게도 Brower는 하단에 "간질 성 발작의 위험이있는 사람들은 다른 웹 사이트를 선택해야합니다."라는 경고를 게시했습니다.
데모는 Jeff Traer의 Processing 라이브러리에서 포팅 된 JavaScript 용 입자 기반 물리 엔진 인 traer.js와 HTML5 Canvas에서 실행되는 오픈 소스 벡터 그래픽 스크립팅 프레임 워크 인 paper.js를 사용하여 제작되었습니다. WebGL 라이브러리를 사용하지 않습니다.
Staggeringbeauty.com은 Google 크롬에서 가장 잘 보입니다. 브라우저에서 제대로 작동하지 않으면이 동영상에서 모든 소란이 무엇인지 확인할 수 있습니다 (시작 부분에 'comedic'설명이 추가됨).
최근에 훌륭한 JavaScript 실험을 본 적이 있습니까? 댓글로 알려주세요!
마음에 드 셨나요? 읽어보세요!
- 개발자가 성능 향상을 위해 할 수있는 빠른 6 가지
- 사람들이 웹 성능에 관심을 갖도록하는 방법
- 10 가지 최고의 무료 HTML5 템플릿
인기 게시물
InDesign으로 할 수 있다는 것을 몰랐던 3 가지
Adobe InDe ign은 게시 기능으로 잘 알려져 있습니다. 이 강력한 도구를 사용하여 책, 잡지, 포스터, 브로셔, 전단지를 만들 수 있습니다. 인쇄 디자인과 관련하여 생각할 수있는 모든 것입니다. 하지만 InDe ign에 다른 멋진 기능이 있다는 것을 알고 계셨습니까?일부는 핵심의 일부이지만 스크립트와 플러그인 덕분에 InDe ign의 기능을 확장 ...
아티스트들은 2016 년 상위 10 개 앨범을 새롭게 디자인합니다.
또 다른 합리적인 사람들이 올해의 상위 10 개 앨범을 선택해야한다고 결정한 때입니다. 밴드와 앨범을 만들고 7 위에 떨어 뜨려서 그들의 모호함과 소셜 미디어 존재의 부족을 진위의 증거로 꼽아 항상 활기를 불어 넣을 수있는 것은 무해한 재미입니다. 시도 해봐!하지만 리차드 페레즈와 에릭 R. 모텐슨이 10 대 축제에 대한 접근 방식은 그것보다 훨씬 낫습니다...
웨어러블을위한 현명한 디자인 결정
저는 UX 디자이너 그룹이 몇 년 동안 눈가리개를 한 사람들에게 촉각만을 사용하여 '내 잔을 쏟았나요?', '내 부랑자가 크게 보이나요?'와 같은 메시지를 전하고 있습니다. 디자이너가 웨어러블과 같은 더 많은 개인용 장치의 미래 디자인에서 무엇이 다른지 이해할 수 있도록하는 한 가지 방법입니다. en ory UX는 우리의 신체적...