PC

HTML5 Canvas用の描画フレームワークを自作してみる

PC

HTML5 Canvas Sprite test(最近のブラウザなら動くと思う。IEは9なら動く? Google Chromeは爆速) HTML5 Canvasに関しては、IE9が出てから本気出す!…つもりだったんだけど、その前に仕事でやってきて、いきなり本気を出さざるを得なくなったKAZUMiXです。 …

KOF空へ!ブログパーツもシューティングゲーム

1月稼働予定の「KOF SKY STAGE」(SNKプレイモアさん)の公式サイトにて、KAZUMiX(1st-impact)がActionScript&JavaScriptを担当したミニゲーム(ブログパーツ)「ルガールの逆襲」が公開されました。 シューティングゲーム部分は普通にFlash(AS3)、クリア後…

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

PC

BannerSlide - スライドショウーバナーFlash簡単ジェネレーター BannerSlide 解説記事 バナーの大きさの上限を引き上げました。 横幅 640(旧)→ 1280(新) 高さ 480(新)→ 640(新) トップページ上部などで細長く展開させたい場合に、横幅が640pxでは少…

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

PC

指の脂の表現に特に力入れた。 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(…

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

PC

できたよー 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) 上記の…

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

PC

BannerSlide - スライドショウーバナーFlash簡単ジェネレーター シンプルなスライドショウーFlash作成ツールです。作成したファイルは埋め込みサンプルHTMLと共にまとめてZIPでダウンロードできます。 仕組み 「さくせい!」クリック後、サーバーサイドで画…

Flashのテクスチャマッピングで歪みエフェクトを作る

PC

AS3 DistortionBitmap test 左上のボタンでエフェクトの切り替えができます。3番目のやつはぐりぐりしてると酔います。 作って気付いたこと このポリゴンの分割のさせ方だと、曲面がいまいち。

(実験)ブックマークレットをリンク先のページで発動させてみる

PC

以前ブックマークレットとして作った「HTMLの暴走」を使ったお遊び。*1 指定ページを暴走させてみるテスト 上記ページのフォームで指定したページに演出を発生させます。 元々のブックマークレットはそのページに移動しての実行ですが、こちらは下記のように…

ものすごい勢いで横スクロールさせるJavaScript

PC

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

回転に対応し、MovieClipなどをチップのソースにできるマップチップ配置ライブラリ「MapChipX」(AS3/Flash)

PC

MapChipX動作サンプルその1ムービーをソースにしたマップチップ1つだけで、マップも1マスにした例。 MapChipX動作サンプルその2その1のアレンジ。一つのソースムービーに対して複数のチップを作りマップを構成。各チップの更新タイミングをずらし、表示座標…

「クロスフェードするロールオーバー処理をお手軽に実装するJavaScript」を更新

PC

少し気になるところがあったので修正しました。 クロスフェードするロールオーバー処理をお手軽に実装するJavaScript - KAZUMiX memo 修正内容 ブラウザの「戻る」でフェード状態が残らないように修正 リンク画像に制限していた対象を全画像に修正 元々メニ…

rotationに関するFlash Player 9と10の違い

PC

スプライト(DisplayObject)のrotationプロパティに対して、 this.rotation += 10; なんてことを毎フレーム延々と繰り返しても問題無く回り続けるのがFlash Player 9。途中で回らなくなるのがFlash Player 10。 MODすりゃいいのだけなのだけど、過去に作っ…

うちの環境から見たGIGAZINE

PC

広告記事と通常の記事を混在させるのは美しくないと思ったけど実際どうなんだろう。

スクリプトで作る幻想的なパターン (PixelWorm3)

PC

VJソース用にFlash(AS3)で作った。なかなか美しい感じのものができたと思う。 スクリプトで作る幻想的なパターン (PixelWorm3) 動作ページ マウスクリックに反応して一斉に向かってきます。連打しても面白いかもしれません。 ちなみに動作は結構重めです。CP…

Vistaのユーザーディレクトリを別ドライブにしてジャンクション張ろうとしたけど駄目だった

PC

Windows Vistaから普通にシンボリックリンクやジャンクションが使われているようなので、ユーザーのディレクトリを別ドライブに作ってジャンクション張れたら素敵じゃね?と思ってやってみた。 が、駄目だった。起動しなくなるようなことはないけど、新規ユ…

JavaScriptを呼び出しまくるFlash(AS3)の内側 (「HTMLの暴走」解説 ActionScript編)

PC

「HTMLの暴走(meltdown3)」における、Flash(ActionScript 3.0)側の解説です。 Flash側は次の様な流れになっています。 iframeや埋め込みFlashなど、動かせなかったり綺麗に動かそうとすると面倒な要素をJavaScriptから取得 上記要素がある場合、JavaScriptに…

FlashでHTMLの文字を1文字ずつ操作するために使ったJavaScript側のトリック(「HTMLの暴走」解説 JavaScript編)

PC

先日の「HTMLの暴走(meltdown3)」においてJavaScript側で使った技の解説です。 通常JavaScriptで操作可能なHTMLの対象はタグ付けされた要素です。テキストであればPタグなどなんらかのタグで囲われた一連の文字列が対象になります。にもかかわらず「HTMLの暴…

HTMLの暴走 (meltdown3)

PC

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

scrollsmoothly.jsを更新しました

PC

地味に人気があるっぽいscrollsmoothly.jsを更新しました。使い方などは以下の元エントリーで確認できます。使い方自体は変わっていません。 こだわりのページ内リンクスムーズスクロール scrollsmoothly.js - KAZUMiX memo 更新内容 リンク先がページの先頭…

画像のダウンローダー作った、AIRで (imagedownloader.air)

PC

例えば「廃墟探索記:ハムスター速報 2ろぐ」の廃墟画像全部保存したい!でも一つ一つ保存するのは面倒!リンク先の画像をまとめて保存できればいいのに! そんなあななに!*1 ダウンロード - KAZUMiX ImageDownloader v1.20 (AIR/65KB) 更新履歴(2009/01/05…

HTML崩壊Reverse! meltdown2.js

PC

今度は崩壊終了後に逆再生して元に戻ります。 javascript:(function(d,s){s=d.createElement('script');s.type='text/javascript';s.src='http://www.rr.iij4u.or.jp/~kazumix/d/javascript/meltdown2.js?'+(new Date).getTime();s.charset='UTF-8';d.body.a…

JavaScript + Flash でできる面白いこと

PC

ワリオランドシェイクみたいに HTML が崩壊するブックマークレット(とそのソースコード) - てっく煮ブログ 跡地 Flashでページ全体を覆うという発想は無かった!面白い! JavaScript + Flash という点では同じですが、Flash でページ全体を覆うのではなく…

超お手軽!Ubiquityをランチャーにしてみた

PC

Firefoxのアドレスバーが高性能なおかげでブックマークをあまり使わなくなっていたのだけど、Ubiquityのおかげでそのアドレスバーを使う頻度も下がりそうです。 設定例 cmd_の後がコマンドであとはもう見れば分かるかと思います。 // livedoor Readerを開く …

Opera9.50でこっそり改善されている点を発見した

PC

(↑フルFlashでHTMLより快適なサイトを目指して作ったギャラリー) フルFlashサイトでもディープリンク(パーマリンク)やブラウザの「進む/戻る」ボタンを使えるようにするライブラリ「SWFAddress」。これを使ったサイトでの「進む/戻る」ボタンの挙動がOpe…

何かが起きる!映画「ハプニング」のブログパーツ

PC

映画「ハプニング」ブログパーツ・プレビュー 映画「ハプニング」オフィシャルサイト 映画「ハプニング」ブログパーツ 今回ブログ経由でお仕事の依頼が来た初めてのパターン。書いてて良かったはてなダイアリー!と言うわけでFlashとJavaScriptの実装を担当…

こだわりのページ内リンクスムーズスクロール scrollsmoothly.js

PC

「ページ内リンク スムーズスクロール」でググればいくらでも出てくるシロモノだけど、自分の要望をすべて満たすものが無かったので作ってみた。 こだわりのページ内リンクスムーズスクロール scrollsmoothly.js 動作サンプル 以下のソースコードをサンプル…

保護者をネットワーク管理者的にとらえたフィルタリング手法

PC

アクセスしようとしているサイトは未成年の方には不適切な表現内容が含まれる可能性があります。 このサイトへのアクセスは保護者に通知されます。アクセスしますか?はい / いいえ とか。 これならどうしても見たいサイトは見れるし、保護者も子供がどのよ…

印刷用ページ対応で便利な「CSSをURIのクエリーで切り替えるJavaScript」を更新

PC

以前アップしたエントリー「CSSをURIのクエリーで切り替えるJavaScript」のスクリプトを更新しました。jQuery 無しで単体で動作するようにし、その他バグになりかねない部分を修正ました。 動作サンプル CSSをURIのクエリーで切り替えるJavaScript 他、動作…

Flashで作ったトロン的な何か

PC

トロン的な何か 以前の屈折レーザー弾幕のさらなるアレンジ版。なんとなくそんな気はしていたんだけど、特定のピクセルを中心に表示したらやっぱりトロンっぽくなったというシロモノ。 クリックすると色と表示の中心となるターゲットが変わります。 ソースコ…

スタイリッシュさを演出する、あえての1カラムレイアウト - 新デザイン「Nuko-NRG」(オレ専用)

PC

デザインをリニューアルしました。 今回のデザインを制作するに当たり、強く意識したのは次の点。 1カラム 水平区切り うちのネコ テクノ オレ専用(公開デザインにすることを考慮しない) 頻繁に利用するポータルサイト等なら2カラム、3カラムでもいい。ス…