IBM Developer is your one-stop location for getting hands-on training and learning in-demand skills on relevant technologies such as generative AI, data science, AI, and open source.
このページはenchant.jsの用例/サンプルを扱っています。ここではenchant.js ver 0.4.3を使用しています。 *勉強用に作成したページなので間違いや勘違いがあるかもしれません。これはまずい/間違っているというサンプルがありましたらopenspc@alpha.ocn.ne.jpまでメールをください。 ちなみにHTML5 (Canvas)を使ったゲームのプログラムについて解説付きで読んでみたい人は拙著「10日でおぼえるHTML5入門教室」の10章およびダウンロードファイル内の補習講義にて以下のゲームプログラムの解説と実際のコードが入っていますので参考にしてみてください。 ※収録されているもの スカッシュ、ブロック崩し、侵略イカゲーム(インベーダーゲームのようなもの)、集金ゲーム(パックマンのようなドットイートタイプ)、レーダー表示タイプのゲーム(ラリーXやボスコニアンのよ
IDEA*IDEAさんで enchant.js に付属しているRPGのサンプルについて解説されています。丁寧に画像入りで解説されており、お勧めです。 enchant.jsのサンプルコードを解読する(RPG編その1) | IDEA*IDEA http://www.ideaxidea.com/archives/2011/04/enchant_rgb_undocumented.html enchant.jsのサンプルコードを解読する(RPG編その2) | IDEA*IDEA http://www.ideaxidea.com/archives/2011/04/rpg_2.html enchant.jsのサンプルコードを解読する(RPG編その3) | IDEA*IDEA http://www.ideaxidea.com/archives/2011/04/rpg_3.html enchant.jsのサ
JavaScript1.6、 1.8 で追加された、配列 (Array) の反復メソッドについて。 filter 配列を、引数として渡された関数でフィルタリングして、結果が真(true)となる要素からなる配列を作る。 filter に渡される関数は、要素の値、インデックス、配列の3つの引数を取る。 function(val, index, array) 配列内の偶数要素からなる配列を作る例。 var ary = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]; var retAry = ary.filter(function(x) { return x % 2 === 0 }); 参考:filter – MDC map 配列の各要素に、引数として渡された関数を適用した配列を作る。 map に渡される関数は、要素の値、インデックス、配列の3つの引数を取る。 function(v
Web関連およびアプリケーション、映像関係、静止画素材、自動処理、4K/8K/ハイビジョン素材関連などを扱っています。 誤字脱字等、お気づきの点がありましたら、お気軽にメールをください。 この目次にないアプリケーション等の使い方などに関してはその他のリファレンス/アプリケーション...のページを参照してください。
私はこのforeachが大好きです。 foreachのおかげで、配列が好きになりました。 以下、Perl , PHP, VBA, JavaScriptで、配列の全要素を表示する例です。 Perl ※ foreach my $item (@items) { print $item; } PHP foreach ( $items as $item){ echo $item; } JavaScript for(var i in items){ alert(items[i]);} VBA ※ For Each item In items MsgBox item Next ※注1 Perlの場合は、さらに短く書けます。 foreach (@items){ print $_ ;} または for(@items){ print $_;} または print for @items; ※注2
いつものようにメモ。 javascriptの場合 String.indexOf("hoge") 戻り値は一致した文字列の先頭の位置。一致するものがない場合は-1。 String.search(/hoge/) 引数がRegExpオブジェクトなだけで他はindexOfと同じ。 rubyの場合 String#index("hoge") 戻り値は一致した文字列の先頭の位置。一致するものがない場合はnil。 String#include?("hoge") 戻り値はtrue/false。単純に真偽を返すだけならこっちのメソッドの方がよさげ。
JSON は、「JavaScript Object Notation」の略で「ジェイソン」といいます。
この内容は少し詳細を含めて、新しく次のページに書き直しました。よかったら、そちらもご覧ください。 「プロトタイプでオブジェクトの継承を実装する」 JavaScript のクラス定義は、これまで見てきたように Java や C# など異なる方法での実装です。 クラスの継承も、実はいくつかやり方があります。 ここではプロトタイプ継承 (Prototypal Inheritance) と呼ばれる方法をご紹介します。 さっそく書き方です。 Student クラスを Person クラスから継承する場合、次のように書きます。 まず、基底クラスとなる Person クラスの定義。 function Person () { } 次に、Student クラスを定義します。 function Student() { } そして、Person クラスを継承します。ここが今回のポイントです。 Student.p
コードの解説。 jQueryのイベントオブジェクトからファイルデータにアクセスするためのおまじない。 jQuery.event.props.push('dataTransfer'); PCからファイルがドロップされたときの処理 $("#file").bind("drop", function(event){ // ドロップされたファイルは、eventのdataTransferプロパティの // fileプロパティに配列(例によってArrayではない)に格納されている viewFileContent(event.dataTransfer.file[0]); } ファイルの中身を読み取る処理 function viewFileContent(file) { // ファイル読み込みオブジェクトが実装されているかどうか? if (!window.FileReader) { console.log(
Archived MSDN and TechNet Blogs 1/21/2020 2 minutes to read MSDN and TechNet blog sites have been retired, and blog content has been migrated and archived here. Archived blogs are grouped alphabetically by the initial letter of the blog name. Blogs and blog posts can be searched by their names, using the Search box at the top of the page. Actively updated blogs have been moved to other blog sites,
クッキーと同じくらいメンドクサイんじゃないかと、そしてメンドクサイならもうクッキーでいいじゃないか、と敬遠していたローカルストレージ。 調べてみると使い方はとても簡単。 複雑な初期化手順は要らない、ファイル的な何かを考慮する必要もない、単純にメモリ上においたハッシュ(javascriptのオブジェクト)がページをまたがって消えないようになったもの。 こんな簡単でいいのかな?いやこんな簡単で何が悪いんだ? そんなローカルストレージ(localStorage)について使い方の備忘録。 とりあずこれだけ押さえましょ
逆引きJavaScriptリファレンスです。 ◆ステータスバー(ウィンドウの最下行)に文字を表示させたい ◆文書中に文字を表示させたい ◆変数の値を文書中に表示させたい ◆"(ダブルクオーテーション)を表示させたい ◆'(クオーテーション)を表示させたい ◆フォームのテキストエリアに文字を表示させたい ◆背景の色を変えたい ◆現在の日付を求めたい ◆現在時刻を求めたい ◆警告や注意を促したい ◆文字を入力させたい ◆数値を文字にしたい(変換) ◆文字を数値にしたい(変換) ◆文字列の中から1文字だけ取り出したい ◆一定時間ごと処理を行いたい ◆一定時間ごとの処理を停止させたい ◆サブウィンドウを開きたい ◆フォームに入力された文字列を取り出したい ◆自分のコンピューターのファイルを読み出したい ◆相手のコンピューターにファイルを書き込みたい ◆指定アプリケーションを起動させたい ◆配列を作
1. 文字列を数値に変換する方法 Number、parseInt、parseFloat関数があり、以下の例は全て同じ結果を返します。 ただし、それぞれの関数で文字列から数値に変換する手順が異なります。 特にparseInt関数は第2引数を省略した場合、ブラウザによって挙動が異なるようです。 var str = "123"; // 文字列を数値に変換する var num1 = Number(str); var num2 = parseInt(str, 10); var num3 = parseFloat(str);
矢印キーとかを使って何が動かしたい場合、斜め方向だと上と右とか同時に押されているかどうかを分からなければならないんだけど、ブラウザでキーを取得しようとするとShift+何かみたいな同時押しは判断できるけど矢印の上、左なのは普通には取得できなかった。 しょうがないからキーのマップを作っておいてonkeydownで押されたキーを記録、onkeyupで離したことを記録するようにして、あとはsetIntervalとかで記録してあるキーの状態をみるようにした。 var keyState = []; document.onkeydown = function(e) { keyState[e.keyCode] = true; return false; }; document.onkeyup = function(e) { keyState[e.keyCode] = false; return fals
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く