Textyle.js / TextyleFLIP.jsプラグインをアップデート［テキストアニメーション / jQuery］

こんにちは、ma-ya’s CREATE［まーやずくりえいと］です。

以前作ったテキストアニメーションのjQueryプラグイン「Textyle.js」「TextyleFLIP.js」ですが、この度人知れずバージョン2.0へアップデートしたので一応お知らせです。

複数行にも対応。コールバックに関するコンソールメッセージを削除。

変更点としては2点。

先ずTextyleFLIP.jsですが、テキストが複数行になった時に少し使いにくい挙動だったのでその点を変更。

従来だとアニメーション実行行数が増えるたびにテキスト要素の高さが段階的に増していく仕様になっていたので、予め全体のテキストエリアの高さを保持した状態でアニメーションするように変更しました。

↓のデモみたいな感じ。

複数行テキストエリアの全体の高さはアニメーション開始直後から予め保持されてますね（伝わるかすごく微妙ですが）。

もう一つは、コールバックに関するコンソールメッセージの削除。

コールバックに関数以外が入ると「functionしか受け付けまてん！」とコンソールメッセージが表示される仕様にしてたんですが、絶妙にウザい気がするので削除しました。

そもそもコールバック無しのデフォルト使用時も表示されるのはちょっと頭おかしいです（猛省）。

GithubとCodepenは更新済み。

使用方法は特に変わらないので引き続き↓の記事やGithubのREADMEを参考に、気が向いたらお使いください。

• テキストアニメーションを簡単実装！軽量jQueryプラグイン「Textyle.js」作りました。
• テキストを1文字ずつフリップ！テキストエフェクトを簡単実装できる軽量jQueryプラグイン「TextyleFLIP.js」作りました。

そんなわけでアップデートのお知らせでした。