デフラグ風のアニメーション: TILL FILL

昔のWindowsのデフラグ画面に似たアニメーションををHTML5で作ってみた。
Google Chromeで動きます。

TILL FILL

集中力が途切れたときに、これを見ると心が落ち着くかも。
Chromeの場合、F11を押してからF5で画面を更新するとフルスクリーンで鑑賞できます。

2014/02/26

document.widthでスクリーン幅を取得できなくなっていたので修正。
そんな仕様変更あったのかな？

jQueryの$(document).width()を使うと、問題なく幅を取得できた。

破線を作成するスクリプト for Illustrator CS4

Illustratorで破線を思ったようにアウトライン化できなかったので、デフォルトの破線機能を使わずに破線を作成するスクリプトを書いた。直線パスを、上の画像のように変換できる。線分の両端に空白が来ないように、破線の長さを調整している。破線と空白の長さを変えるにはスクリプトの以下の部分を調整すればいい。

var dash_default = 5; // 破線のデフォルト値
var space_default = 5; // 空白のデフォルト値

グループ化されたパスや、複合パス、曲線には対応していません。

ダウンロードはこちら。使用は自己責任で！

dash01.zip

定規の原点を変更する

定規の左上にある白い四角をドラッグすると定規の原点を変えられるんだな。

シェイプを選択範囲にする

いつも忘れてしまうのでここにメモしておく。

レイヤーサムネイルをCtrlを押しながら左クリックでシェイプの形の選択範囲を作成できる。