W3C home > Mailing lists > Public > public-fx@w3.org > October to December 2015

Re: Need for extended cubic-beziers

From: L. David Baron <dbaron@dbaron.org>
Date: Fri, 2 Oct 2015 16:15:37 -0700
To: Rachel Nabors <rachelnabors@gmail.com>
Cc: Amelia Bellamy-Royds <amelia.bellamy.royds@gmail.com>, "public-fx@w3.org" <public-fx@w3.org>
Message-ID: <20151002231537.GA24270@pescadero.dbaron.org>
On Wednesday 2015-09-16 20:59 +0000, Rachel Nabors wrote [ although
I've reordered the text ]:

> Also, some examples of bouncy transitions:
> https://smartypins.withgoogle.com/

This appears to use the libraries from http://greensock.com/ .

> http://valhead.com/2013/11/25/what-are-your-transitions-saying/

I'm not sure how to figure out what libraries are being used in
these examples.

> http://www.uigradients.com/

The relevant source for this appears to be:
https://github.com/Ghosh/uiGradients/blob/8afc56e1e0fca4a5b732fb22caca1d13058bd071/source/styles/modules/_popup.scss
which cites:
https://medium.com/tictail/giving-animations-life-8b20165224c5
which in turn points to:
http://bouncejs.com/
whose code is at:
https://github.com/tictail/bounce.js
under an MIT license.


One other piece of relevant library information (although not from
any of the URLs you cited, I think) is:
http://api.jqueryui.com/easings/
although I couldn't find the source code in
https://github.com/jquery/jquery-ui ; it appears the code may (???)
actually come from:
http://gsgd.co.uk/sandbox/jquery/easing/ (code under a BSD license)
which in turn cites:
http://robertpenner.com/easing/

[ from the beginning of the quoted message ]
> I asked the community to speak up about their frustrations with the
> limitations of cubic-beziers:
> https://storify.com/rachelnabors/the-need-for-better-cubic-beziers.

A few concrete things in here (other than what you quoted below or
what I derived from that)
are:

 * use an array of points defining a spline, i.e.:
   https://en.wikipedia.org/wiki/Spline_%28mathematics%29

 * http://www.schipholgomultinational.nl/ appears to also use
   greensock (see above)

 * more references to bouncejs as well


So there are a few useful starting points in there.

-David

-- 
𝄞   L. David Baron                         http://dbaron.org/   𝄂
𝄢   Mozilla                          https://www.mozilla.org/   𝄂
             Before I built a wall I'd ask to know
             What I was walling in or walling out,
             And to whom I was like to give offense.
               - Robert Frost, Mending Wall (1914)

Received on Friday, 2 October 2015 23:16:04 UTC

This archive was generated by hypermail 2.3.1 : Friday, 2 October 2015 23:16:05 UTC