Fluid Interfacesの実践

Fluid Interfacesの実践

Fluid Interfacesの実践として、Projection手法の理解を深めていきます。

0e726052fdb28ba1c004aa90eccbe261?s=128

Shin Yamamoto

November 15, 2018
Tweet

Transcript

  1. 8.

    FloatingPanel • Apple Maps, StocksͷΑ͏ͳΠϯλʔϑΣΠεΛ؆୯ʹ௥Ճ Ͱ͖Δ • 10/17 v0.9.0 release

    -> v1.2.0 (ۙ೔ϦϦʔε!) • 1.4k • Mentions • iOS Dev Weekly - Issue 375 • iOS Goodies — Week 254 https://github.com/SCENEE/FloatingPanel
  2. 9.
  3. 21.
  4. 22.
  5. 23.
  6. 25.
  7. 26.
  8. 27.

    p′ = p0 + ∫ t 0 v(t) dt v(t)

    = v0 dt d : Deceleration rate(ݮ଎཰: 0.998) p : Coordinate(ϏϡʔͷҐஔ) v0 : ॳ଎౓ ͨͩ͠ɺ t[msec] ≥ 1
  9. 28.

    p′ = p0 + ∫ t 0 v(t) dt v(t)

    = v0 dt d : Deceleration rate(ݮ଎཰: 0.998) p : Coordinate(ϏϡʔͷҐஔ) v0 : ॳ଎౓ ͨͩ͠ɺ t[msec] ≥ 1
  10. 29.

    p′ = p0 + ⟮v0 d t ∑ k=1 dk−1⟯

    v(t) = v0 dt d : Deceleration rate(ݮ଎཰: 0.998) p : Coordinate(ϏϡʔͷҐஔ) v0 : ॳ଎౓ ͨͩ͠ɺ t[msec] ≥ 1
  11. 30.

    p′ = p0 + ⟮v0 d t ∑ k=1 dk−1⟯

    p′ = p0 + v0 d 1 1 − d ∞ ∑ k=0 ark = a 1 − r when |r| < 1.
  12. 36.

    ͦͷଞػձ͕͋Ε͹ • Dynamic Spring Animation/ Rubber bandingͷ࣮૷ํ๏ • Seamless ScrollingͷͨΊͷTips

    • Fluid InterfacesͷͨΊͷδΣενϟʔϋϯυϦϯά • Fluid Interfaces࣮ݱʹ޲͚ͯɺσβΠφʔͱΤϯδχΞ͕ؾ Λ͚ͭΔ΂͖ઃܭͷϙΠϯτ ͳͲͳͲ