1

Safariを使用してオンラインでモバイルmeアカウントにアクセスする場合は、アイコンを選択して、選択したサービスに直接ログインできます。これはすばらしい機能です。

しかし、FirefoxやChromeなどの他のブラウザを使用して同じページにアクセスすると、真ん中に大きな雲がなく（MobileMeロゴ）、興味深いライトボールが出てくるゴージャスなログインページが表示されます。

リンクは次のとおりです： https ：//auth.me.com/authenticate？service = mail＆ssoNamespace = appleid＆formID = loginForm＆returnURL = aHR0cHM6Ly9tZS5jb20vbWFpbC8 =

そして最大のことは、それらの小さな軽いボールの上にマウスを置くことができ、それらがマウスの動きに追従することです。

そのちょうど美しいと私はJavascriptでそのようなものを見たことがありません。そして、私は彼らのコードを見て、彼らがそれをどのように行ったかを理解できませんでした。もちろん、彼らのjavascriptは圧縮されているので、私はそれを見ることができませんでしたが、マークアップでは、それらの光沢のあるライトは単なるキャンバスタグの束です。

そのようなものを作る方法を知っている人はいますか？それはおそらく私のjavascriptスキルをはるかに超えていますが、私のプロジェクトの1つにそのような効果を追加するのは素晴らしいことです。

すべての提案を事前に感謝します;）

4

2 に答える 2

1

それには多くのスキルが必要です。私はそれがprocessing.jshttp ://processingjs.org/で達成可能であると信じています

于 2011-04-01T23:45:19.827 に答える
0

この[引用]を見てください：

それで、この目の保養はどのように達成されますか？6000行を超える（縮小されていない）JSを介して。MobileMeは通常、アプリケーションにSproutCoreを使用しますが、ソースコードを調べたところ、SproutCoreへの参照は1つも見つかりませんでした。ログインページで使用されているライブラリに似ているように見えましたが、かなりカスタムだと思います。画面上の各ビジュアルコンポーネントのクラス、2つではないにしても少なくとも1つの個別のアニメーションライブラリ（1つは2dと1つは3d）、パーティクルレンダリングライブラリ、およびキャンバス描画とDOM操作を処理するためのライブラリがあるように見えました。

それで、それはカスタムメイドであったように見えます。詳細については、こちらをご覧ください：http: //badassjs.com/post/1649735994/the-new-mobileme-login-page-has-some-badass-js

これがお役に立てば幸いです。

于 2011-10-14T22:46:16.047 に答える