跳ね返るスクロールのサンプル

Kon

License: MIT License

Fork
0
Fav
1
View
1875
  • Play

Fullscreen

Smart Phone

  • Readme
  • JavaScript 115 lines
  • HTML 13 lines
  • CSS 17 lines
iOS なんかで採用されている、スクロールの限界を超えると
ぴょんと跳ね返って戻るアレ、Elastic Scrolling っていうらしいね。
スクロールの限界に来た時に従来みたいに単純にピタっと止まると、
ビジーで止まったとかタッチの反応が悪いのかと思ってしまうから、
ああいう演出は見た目だけでなく使い勝手をも向上する。

ただ、あれは Apple が特許を持っているそうな。
一連の Apple と Samsong の特許抗争で特許侵害に挙げられているもののひとつらしい。
そんなわけで Apple 製品以外だと採用しにくいのだろうが、
あれくらいの一発ネタで特許を取られてしまうのは
正直ソフトウェア技術の発展に悪影響を与えると思う。

本家(そもそも本当に Apple が本家なのか?まあそれはおいといて)の仕組みそっくりだと、
特許上の問題があるから、あれを侵害しないしないように同様の機能を持った演出ができないだろうか。
そんなわけでつくってみたのがこれ。
キャンバス上でドラッグすると画像がスクロールして、限界を超えるとびよーんと伸びる。
その特許の請求項を詳しく調べたわけじゃないけど、
これなら Apple のやつとは違うって言い張れないだろうか。
それとも、このネタはもうどこかで提案されているかな。
Apple のバウンススクローリング特許が無効になるのが一番ありがたいのだけど。
  • 跳ね返るスクロールのサンプル
  • jQuery v1.8.0
  • 跳ね返るスクロールのサンプル

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

Kon

Author

お前も tsdo.it にしてやろうか!

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags

Favorite by