ホーム > タグ > Class

Class

[mootools]スクロールに追随させる - mooFollow.js

スクロールした時勝手に追随して動く要素を作成するクラス。mootools ver1.2以上用。
どう見てもwrapScrollです本当に（ｒｙ）っていうツッコミは置いといて、
スクロールした時とし終わった時のイベントとか、
トランジションや遅延の指定とかがしやすい。と思う。

前エントリーのカウントダウンタイマークラスにカウントアップとか追加してキッチンタイマーっぽい代物に。
Javascriptなのでページ内埋め込みが出来るんだけどmootoolsが必要っていう。

ダウンロード：KitchenTimer

使い方は続きに。

mootoolsのClassでカウントダウンタイマー作ってみた。一時停止、リセット、再生、自動再生が出来る

人が作ったのを使って楽したかったんだけどいいのが無かったので、ひらがなをローマ字に変換するクラスを自作した。
タイピングゲーム製作でどうしても必要になる問題文章を、ひらがな（数字＋一部記号も可）で作るだけで全部ローマ字に変換します。
※mootools.1.2が必要

日本語は母音と子音の組み合わせで出来てる。
「く」ならK+U、「し」ならS+I/SH+I/C+I、「わ」ならW+A。
入力方式が変わるのは、「し」や「じ」等特定の文字と、「ん」、小文字のや行、小文字の「つ」との組み合わせの時だけで
あとは特定の子音１種と母音５種類の組み合わせで成り立つ。

で、大体次のような流れで変換を行います。

パブリックメソッドに文章投入→「このぶんしょうはさんぷるっぽいなにかです！」
１文字または２文字単位に分割して配列化。小文字は前後の文字とセットにする。
→[こ,の,ぶ,ん,しょ,う,は,さ,ん,ぷ,る,っぽ,い,な,に,か,で,す]
「っ」で終わる場合や記号・数字とセットになる場合はそれぞれを１文字とする。
ループ文で１文字か２文字か判別。変換関数に飛ばす
→こ：１文字　　しょ：２文字
１文字の場合はそのまま変換。この時、入力方式の設定がある文字についてはその方式に従う。
→こ：K+O　　ん：NまたはNN
２文字の場合、最初に「つ」があるかどうか捜査。
【小文字のつがある場合】
２文字目を１文字変換のメソッドに通して子音を２つに増やす。
→っぽ：P+PO　→っと：T + TO
【小文字のつがない場合】
switch文で入力方式の設定がある文字（し＋小文字や行、じ＋小文字や行等）を変換。
他は、１文字変換のメソッドに通して子音＋小文字や行ローマ字にする。
→しゃ：(SH)(SY)+A　にゃ：N(i)+YA
結果を返す
→[ko,no,bu,nn,syo,u,ha,sa,nn,pu,ru,ppo,i,na,ni,ka,de,su,!]
→[k,o,n,o,b,u,n,n,s,y,o,u,h,a,s,a,n,n,p,u,r,u,p,p,o,i,n,a,n,i,k,a,d,e,s,u,!]