更新情報 - BannerSlide(スライドショウーバナーFlash簡単ジェネレーター)

BannerSlide スクリーンショット

バナーの大きさの上限を引き上げました。

  • 横幅 640(旧)→ 1280(新)
  • 高さ 480(新)→ 640(新)

トップページ上部などで細長く展開させたい場合に、横幅が640pxでは少し足りないことがあるようなので1280pxにしました。これで足りないことは無いんじゃないかと。
また、バナーからマウスカーソルが外れたタイミングでスクロールする動作を取りやめました。

クラブイベント告知「LINEAR vol.34」

今回はラウンジにもDJ入ります。
LINEAR vol.34 フライヤー画像

  • LINEAR(公式サイト)
    2009年9月19日(土)13:00〜19:00 @ HEAVYSICK ZERO
    W/F ¥2,000 - A/D ¥2,500 (ともに1Drink付)

GUEST DJ
spacetime (dropouters/SS|EX)
GUEST LIVE
Spelunker (Siestail)
DJ
細江慎治 (sampling masters MEGA)
quad (luvtrax)
Masayoshi Minoshima (Alstroemeria Records)
tuvasa2001
Atsushi Ohara
VOCAL
haru*nya & papico
VJ
KNOCKHEADZ
KAZUMiX & PePcoMiX (1st-impact)
qzna
coda (Antp)
2nd FLOOR DJ
The Disco Crusader
ozaky
off-beat
さきち
ILLUSTRATOR
坂本みねぢ (没画絵巻)
DESIGNER
LiGHTEN

iPhoneのタッチスクリーンを再現するブックマークレット(脂)

指の脂の表現に特に力入れた。
脂

javascript:(function(d,s){s=d.createElement('script');s.type='text/javascript';s.src='http://www.rr.iij4u.or.jp/~kazumix/d/javascript/dragScroller.js?'+(new Date).getTime();s.charset='UTF-8';d.body.appendChild(s);})(document)

上記のコードをアドレスバーに貼り付けて実行すると、そのページがマウスのドラッグでスクロールできるようになります。
IEではこのはてなダイアリーを含め、一部のサイトで動作しません。とは言え今時のサイトならほとんど動きます。詳細後述。

ブラウザ対応状況(うちのPCで確認したもの)

問題無く動作するブラウザ
動作しないブラウザ
  • IE6
はてなダイアリー他、一部のサイトで動作しないことがあるブラウザ

FAQ

リンクがクリックできません
仕様です。

IEで動作しない原因(技術情報)

このスクリプトは、タッチスクリーンをシミュレートするレイヤー(div)を最前面に固定配置します。そのレイヤーの配置にはCSSpositionプロパティにfixedを設定する必要がありますが、IE6はこのfixedに対応していません。
IE7、IE8はposition:fixed;に対応しています。ただし、表示するページが古い形式でマークアップされたHTMLの場合、後方互換モードでの動作となり、CSSの解釈がIE5.5相当になるため、この場合やはり対応できなくなります。(こいつのせいではてなダイアリー用のテーマ作りは普通より神経を使います)

ソースコードなど

Flash(AS3) + JavaScriptです。
指の脂の表現が一番大変でした。最初は公開されているkokuban.inのテクニックを参考にすれば簡単かなと思ったんですが、既にある汚れを拭いつつ汚す必要があるのと、背景が何色でも再現できるようにする必要があるため、結局まったく別物になりました。

指の脂 描画クラス
Abura.as
スクロール関連
DragScroller.asFlash側ドキュメントクラス)
dragScroller.jsJavaScript
ちなみに私iPhone持ってません。スクロールの動作はうろ覚え&想像で作りました。指の脂の表現は、特にタッチスクリーンでもない自分のケータイをべたべた触ってシミュレートの参考にしました。

面白いだけで役に立たないUI

できたよー
unusable.js イメージ

javascript:(function(d,s){s=d.createElement('script');s.type='text/javascript';s.src='http://www.rr.iij4u.or.jp/~kazumix/d/javascript/unusable.js?'+(new Date).getTime();s.charset='UTF-8';d.body.appendChild(s);})(document)

上記のコードをアドレスバーに貼り付けて実行すると、そのページが上下左右繋がった空間になり、スクロールバーで扱えなくなります。代わりにマウスカーソルでグリグリ動かせます。

ソース
unusable.js

公開!「BannerSlide - スライドショウーバナーFlash簡単ジェネレーター」

BannerSlide スクリーンショット

シンプルなスライドショウーFlash作成ツールです。作成したファイルは埋め込みサンプルHTMLと共にまとめてZIPでダウンロードできます。

仕組み

「さくせい!」クリック後、サーバーサイドで画像を指定サイズにリサイズし、Flash側が設定ファイルとして読みこむXMLファイルを出力しています。
このXMLファイルは自由に編集できますので、後からこのファイルを編集するだけで画像の差し替えやリンク先の設定変更もできます。

画像のリサイズについて

「きほん!」で設定した縦横幅より大きい、または小さい場合にリサイズします。同じだった場合は指定された画像がそのまま使われます。
PNGの透過情報などはリサイズ時に失われますので、透過情報を生かしたい場合は事前にサイズを調整しておく必要があります。

ダウンロードページについて

「さくせい!」後のダウンロードの有効期間は約1時間です。それを超えるとサーバーから削除されますのでその前にダウンロードしてください。

クラブイベント告知「LINEAR vol.33」 - ゲスト: 古代祐三, KPLECRAFT, Fumiaki Kobayashi, 三澤秋

いつもどおり中野で!
LINEAR vol.33 フライヤー

  • LINEAR(公式サイト)
    2009年7月25日(土)13:00〜19:00 @ HEAVYSICK ZERO
    W/F ¥2,500 - A/D ¥3,000 (ともに1Drink付)

GUEST DJ
古代祐三 (Ancient)
GUEST LIVE
KPLECRAFT (Kuon Records)
Fumiaki Kobayashi (gatearray recordings)
GUEST VOCAL
三澤秋 (秋の空)
DJ
細江慎治 (sampling masters MEGA)
Tsunamayo (Chromesphere Records)
tuvasa2001
VOCAL
haru*nya & Shiho & papico
VJ
KNOCKHEADZ
KAZUMiX & PePcoMiX (1st-impact)
12d
ILLUSTRATOR
IsII (TOTAL CHAOS)
DESIGNER
飛人 (KURUDEN)