輪るピングドラムの生存戦略っぽい背景 - jsdo.it - Share JavaScript, HTML5 and CSS
きっと何者にもなれない各位 最近、なかなか生存戦略してくれなくて寂しいので、なんとなく書いてみました。 一応、Canvasの元からある機能のみで描画しています。 フルスクリーンでの表示もおそらく可能ですが、今のところ本画面で観ることを前提に座標を決め打ちしているので、少しバランスが悪いかもしれません。 本物と比べてラインとアイコンの種類が少なめなので、気がむいたら、暇な時にでも追加します。 なお、JavaScriptを書くこと自体、ほとんど初めてなので、コードの汚さについては多目に見ていただければ、幸いです。 p,s, と思ったら、最新話で生存戦略が復活しました。 (10 / 30 時点) カメラを持って迫るプリクリが、ちょっと駄目なくらいに可愛い。 // forked from SorAmber's "forked: Lines" http://jsdo.it/SorAmber/1AfG
jQueryとcanvasを使ってイメージマップでhoverすると色かわるみたいな〜 - w7工廠
サンプルはこちら→W7工廠分室|トップページ ■目的 イメージマップってマウス乗っても色変わらないし〜、ロールオーバー時の画像を１つずつ用意するのって面倒だし〜 ・・・とかそういう場合にどうぞ。 図で表すとこうなります。既存のイメージマップの下にcanvasを(以下略w) ■仕様 ・XHTML1.0, HTML4.01/5で動作します ・ブラウザは各種最新版でチェック、IE6〜IE8もチェック ・altへのアクション(ツールチップ的な説明)も考えていたのですが、別ツールのほうがいいと思いやめましたw ■不具合 ・IE7でimg要素とcanvas要素が少しずれる(imgのopacity=0でもいいかも) ・IE9のDOCTYPE無指定で動作しない←IE判定部分をかえれば多分いけます ・IE6のHTML5で動作しない ■注意事項 ・img要素はz-index:1以上であること ・usemap属
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
