PC
HTML5 Canvas Sprite test(最近のブラウザなら動くと思う。IEは9なら動く? Google Chromeは爆速) HTML5 Canvasに関しては、IE9が出てから本気出す!…つもりだったんだけど、その前に仕事でやってきて、いきなり本気を出さざるを得なくなったKAZUMiXです。 …
1月稼働予定の「KOF SKY STAGE」(SNKプレイモアさん)の公式サイトにて、KAZUMiX(1st-impact)がActionScript&JavaScriptを担当したミニゲーム(ブログパーツ)「ルガールの逆襲」が公開されました。 シューティングゲーム部分は普通にFlash(AS3)、クリア後…
BannerSlide - スライドショウーバナーFlash簡単ジェネレーター BannerSlide 解説記事 バナーの大きさの上限を引き上げました。 横幅 640(旧)→ 1280(新) 高さ 480(新)→ 640(新) トップページ上部などで細長く展開させたい場合に、横幅が640pxでは少…
指の脂の表現に特に力入れた。 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(…
できたよー 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簡単ジェネレーター シンプルなスライドショウーFlash作成ツールです。作成したファイルは埋め込みサンプルHTMLと共にまとめてZIPでダウンロードできます。 仕組み 「さくせい!」クリック後、サーバーサイドで画…
AS3 DistortionBitmap test 左上のボタンでエフェクトの切り替えができます。3番目のやつはぐりぐりしてると酔います。 作って気付いたこと このポリゴンの分割のさせ方だと、曲面がいまいち。
以前ブックマークレットとして作った「HTMLの暴走」を使ったお遊び。*1 指定ページを暴走させてみるテスト 上記ページのフォームで指定したページに演出を発生させます。 元々のブックマークレットはそのページに移動しての実行ですが、こちらは下記のように…
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) 上記のコードを…
MapChipX動作サンプルその1ムービーをソースにしたマップチップ1つだけで、マップも1マスにした例。 MapChipX動作サンプルその2その1のアレンジ。一つのソースムービーに対して複数のチップを作りマップを構成。各チップの更新タイミングをずらし、表示座標…
少し気になるところがあったので修正しました。 クロスフェードするロールオーバー処理をお手軽に実装するJavaScript - KAZUMiX memo 修正内容 ブラウザの「戻る」でフェード状態が残らないように修正 リンク画像に制限していた対象を全画像に修正 元々メニ…
スプライト(DisplayObject)のrotationプロパティに対して、 this.rotation += 10; なんてことを毎フレーム延々と繰り返しても問題無く回り続けるのがFlash Player 9。途中で回らなくなるのがFlash Player 10。 MODすりゃいいのだけなのだけど、過去に作っ…
広告記事と通常の記事を混在させるのは美しくないと思ったけど実際どうなんだろう。
VJソース用にFlash(AS3)で作った。なかなか美しい感じのものができたと思う。 スクリプトで作る幻想的なパターン (PixelWorm3) 動作ページ マウスクリックに反応して一斉に向かってきます。連打しても面白いかもしれません。 ちなみに動作は結構重めです。CP…
Windows Vistaから普通にシンボリックリンクやジャンクションが使われているようなので、ユーザーのディレクトリを別ドライブに作ってジャンクション張れたら素敵じゃね?と思ってやってみた。 が、駄目だった。起動しなくなるようなことはないけど、新規ユ…
「HTMLの暴走(meltdown3)」における、Flash(ActionScript 3.0)側の解説です。 Flash側は次の様な流れになっています。 iframeや埋め込みFlashなど、動かせなかったり綺麗に動かそうとすると面倒な要素をJavaScriptから取得 上記要素がある場合、JavaScriptに…
先日の「HTMLの暴走(meltdown3)」においてJavaScript側で使った技の解説です。 通常JavaScriptで操作可能なHTMLの対象はタグ付けされた要素です。テキストであればPタグなどなんらかのタグで囲われた一連の文字列が対象になります。にもかかわらず「HTMLの暴…
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を更新しました。使い方などは以下の元エントリーで確認できます。使い方自体は変わっていません。 こだわりのページ内リンクスムーズスクロール scrollsmoothly.js - KAZUMiX memo 更新内容 リンク先がページの先頭…
例えば「廃墟探索記:ハムスター速報 2ろぐ」の廃墟画像全部保存したい!でも一つ一つ保存するのは面倒!リンク先の画像をまとめて保存できればいいのに! そんなあななに!*1 ダウンロード - KAZUMiX ImageDownloader v1.20 (AIR/65KB) 更新履歴(2009/01/05…
今度は崩壊終了後に逆再生して元に戻ります。 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…
ワリオランドシェイクみたいに HTML が崩壊するブックマークレット(とそのソースコード) - てっく煮ブログ 跡地 Flashでページ全体を覆うという発想は無かった!面白い! JavaScript + Flash という点では同じですが、Flash でページ全体を覆うのではなく…
Firefoxのアドレスバーが高性能なおかげでブックマークをあまり使わなくなっていたのだけど、Ubiquityのおかげでそのアドレスバーを使う頻度も下がりそうです。 設定例 cmd_の後がコマンドであとはもう見れば分かるかと思います。 // livedoor Readerを開く …
(↑フルFlashでHTMLより快適なサイトを目指して作ったギャラリー) フルFlashサイトでもディープリンク(パーマリンク)やブラウザの「進む/戻る」ボタンを使えるようにするライブラリ「SWFAddress」。これを使ったサイトでの「進む/戻る」ボタンの挙動がOpe…
映画「ハプニング」ブログパーツ・プレビュー 映画「ハプニング」オフィシャルサイト 映画「ハプニング」ブログパーツ 今回ブログ経由でお仕事の依頼が来た初めてのパターン。書いてて良かったはてなダイアリー!と言うわけでFlashとJavaScriptの実装を担当…
「ページ内リンク スムーズスクロール」でググればいくらでも出てくるシロモノだけど、自分の要望をすべて満たすものが無かったので作ってみた。 こだわりのページ内リンクスムーズスクロール scrollsmoothly.js 動作サンプル 以下のソースコードをサンプル…
アクセスしようとしているサイトは未成年の方には不適切な表現内容が含まれる可能性があります。 このサイトへのアクセスは保護者に通知されます。アクセスしますか?はい / いいえ とか。 これならどうしても見たいサイトは見れるし、保護者も子供がどのよ…
以前アップしたエントリー「CSSをURIのクエリーで切り替えるJavaScript」のスクリプトを更新しました。jQuery 無しで単体で動作するようにし、その他バグになりかねない部分を修正ました。 動作サンプル CSSをURIのクエリーで切り替えるJavaScript 他、動作…
トロン的な何か 以前の屈折レーザー弾幕のさらなるアレンジ版。なんとなくそんな気はしていたんだけど、特定のピクセルを中心に表示したらやっぱりトロンっぽくなったというシロモノ。 クリックすると色と表示の中心となるターゲットが変わります。 ソースコ…
デザインをリニューアルしました。 今回のデザインを制作するに当たり、強く意識したのは次の点。 1カラム 水平区切り うちのネコ テクノ オレ専用(公開デザインにすることを考慮しない) 頻繁に利用するポータルサイト等なら2カラム、3カラムでもいい。ス…