Google 중력 트릭 설명

나는 JS 개발자가 아니지만 Google Gravity ( 이 사이트를 사용하지 않은 사람들은 검색을 시도해보십시오-당신은 놀라게 될 것입니다) 라는 사이트를 우연히 발견 했습니다. 그때부터 나는 그 사람이 어떻게 그것을 구현했는지에 대해 더 많이 배우고 생각하고 있습니다. 인터넷 검색을 시도했지만 구현에 대한 좋은 설명을 찾을 수 없습니다.

모든 JS / CSS 전문가 여러분, 제가 더 배울 수있는 곳을 알려 주시겠습니까? jQuery 및 AJAX 작업의 기본 사항을 이미 알고 있습니다.

google

— 야티 사가 데
소스

페이지의 소스 코드를 보셨습니까? 알아야 할 모든 것만 알려줍니다.

— James McLeod

그보다 사용하기 어려운 인터페이스를 본 이후로 시간이 지났습니다 (중력).

— Rook

@ 제임스, 예. 그러나 내가 말했듯이, 나는 코드에 대한 최상위 수준의 설명을 찾고있었습니다-코드가 2k + 라인이고 일부는 매우 난독 화되었습니다 :)

— yati sagade

@Rook - 나는 유용성 이제까지 개발자의 관심 :)라고 생각하지 않는다

— yati sagade

@yati-아! 글쎄,이 경우에-잘된 일 :)

— Rook

답변:

수학 공식을 사용하는 것 외에도 수학을 능숙하게 사용해야하는 것은 HTML5 및 CSS3에서 제공되는 기본 웹 기술을 사용하는 것입니다.

다음 항목을 읽는 것이 좋습니다.

— 사이드 네 마티
소스

자바 스크립트 소스 코드를 보셨습니까?

방금 매우 빠르게 살펴 보았습니다 (그리고 차 한잔과는 거리가 먼 것입니다).하지만 페이지가 2D 상자로 나뉘어져 중력에 빠지지 않는 상자의 시뮬레이션이 실행되는 것처럼 보입니다. 그런 다음 마우스 이벤트를 처리하여 해당 상자를 대화식으로 조작 할 수 있습니다.

— Guy Sirton
소스

예, 그것은 갈 길처럼 보이지만, 이것이 나의 장점이 아니기 때문에 최상위 수준의 설명을 먼저 사용할 수있었습니다. 검색 후에도 2D 상자에 결과가 나타나고 이전 잔해가 여전히 남아 있습니다!

— yati sagade