Works

jQueryでレトロゲームのプロローグ風エフェクト

ファミコン時代の某RPG風のエフェクトです。 jQuery使用 フォント:[美咲ゴシック](http://www.geocities.jp/littlimi/index.html) 参考:[jQueryで画像などコンテンツ要素を順番にフェードインさせる方法 | BlackFlag](http://black-flag.net/jquery/20120725-4001.html) 解説:[jQueryで昔のファイナルファンタジー某のプロローグのようなテキストフェードインを実装するチュートリアル - ゲームプログラミングが趣味なんす](http://kathew.hatenablog.com/entry/2013/01/08/125157)

  • 4072
  • 1

jQueryで文章を1文字ずつアニメーション表示(複数行対応)

昨日作ったもの([jQueryでレトロゲームのプロローグ風~](http://jsdo.it/kathewka/al20))を講師に見せたら、 「応用して1文字ずつ表示するのも作れるんじゃね?」 と振られたので、作ってみました。コードの行数が3倍になったけど、これは‥ 応用?(´・ω・`) * .fadein 内にあるspanで囲ったテキストが1文字ずつ表示されます。 * 複数行にも対応

  • 21699
  • 3

enchant.jsで文字入力+キャレット移動対応 forked from enchant.jsでの文字入力

##概要 ###これは何? enchant.jsでキャレット移動に対応した文字入力フォームを実装するソースです。 enchant.jsはカーソルキーの入力を専有するため、キャレット移動の動作を直接実装しています。 ###やったこと v416さんの ["enchant.jsでの文字入力"](http://jsdo.it/v416/wqM6) へ、キャレットの移動を追加。 あと個人的な趣向でコメントをごそごそ追加。 ###ご注意 IEでの動作は未確認です(多分動きません)

  • 4565
  • 0

[enchant.js]シーンを最前面に移動する関数&サンプル

##これは何? 任意のシーンを最前面に移動する関数(forwardScene)です。 ##何に使うもの? ###スタックに入っているシーンを再度pushするのは不具合の元 enchant.jsはシーンをスタック管理しているので、popしていないシーンをpushすると、一見ちゃんと動いているように見えても、内部では同じシーンがスタックにいくつも積まれる事になり、不具合の原因となる事があります。 そこで、いつでも好きなシーンを最前面に移動できるforwardScene関数を用意しました。 ##使い方 1. 当JavaScriptのソースコード59行目以降をすべてコピーし、ご自身のJavaScriptのソースコードの終端にペーストして下さい。 2. Gameオブジェクトのプロトタイプに関数(forwardScene)が追加されます。以下のような書式で利用します。 (Gameオブジェクトの変数名が[game]、最前面に移動したいシーンの変数名が[scene]の時) ``` game.forwardScene(scene); ``` ##サンプルについて 各色の帯はそれぞれ別々のシーンになっています。 バーチャルパッドをクリックすると、クリックした方向のシーンが最前面に移動します。 ##解説 [enchant.jsで任意のシーンを最前面に表示する関数と解説 - ゲームプログラミングが趣味なんす](http://kathew.hatenablog.com/entry/2013/01/07/160548)

  • 3117
  • 0

CSS3で要素を画面中央に配置するテクニック

要素を画面中央に配置するテクニックは様々に知られていますが、ここでは *CSS3で新たに定義された* **display:table** *を使い、ドキュメント全体で* **vertical-align:middle** *を有効にすることで、垂直方向の中央寄せを実現* しています。 ##メリット * タグとタグに直接スタイルを指定するため、センタリングのためのdiv要素などが不要。そのため、シンプルにマークアップする事ができる。 * 非常に高速 * 要素の大きさに合わせて高さなどのプロパティを変更する必要がなく、とても楽 解説:[CSS3で要素を画面中央に配置するテクニック - ゲームプログラミングが趣味なんす](http://kathew.hatenablog.com/entry/2013/01/09/154937)

  • 6241
  • 0

Platinumで作ったマップを使おう! forked: enchant.js RPG Sample Game

[高機能マップエディタ「Platinum」](http://www.hyperdevice.net/)で作ったマップ(.fmf)を読み込んで、enchant.jsのRPGサンプルゲームに組み込んでみました。 *** ライブラリは単品公開しています。 [plmap](http://jsdo.it/kathewka/ehz2) jsdo.itでのご利用はJavaScriptのAdd Library→Input URLに kathewka/plmap と入力して下さい *** 現在はデータサイズ:16ビットで作ったマップにのみ対応 8ビットで作ったマップはなぜか上手く読み込めない。誰かタスケテー *** ###enchant.jsで利用する際の注意 enchant.js上のマップチップの番号とfmfファイルのマップチップ番号を一致させるために、マップチップ画像の横幅は16^3=4096px(データサイズ:16ビットの場合)にして下さい。(gifやpng形式であれば、ファイルサイズは大きく変わりません)

  • 4026
  • 0

Skills

  • jQuery
  • HTML5
  • CSS
  • CSS3
  • JavaScript
  • PHP
  • C
  • Java

Hot tags

Categories

HTML / CSS / JavaScript