フォント画像での文字列(テキスト)描画のプラグインを作った - 強火で進め
今回のサンプル サンプルの全ファイル (追記 2011/05/03) 新しいバージョンをリリースしました。 文字列(テキスト)描画のプラグインに文字列変更対応版のクラスを追加 - 強火で進め http://d.hatena.ne.jp/nakamura001/20110502/1304348628 (追記 2011/05/01) クラス名などにFontという名称を使っていましたがこれだと特徴を正しく反映してなかったのでTextに変更しました。 (追記ここまで) enchant.js の最新版でフォント画像が追加されました。せっかくなのでこのフォントを使って文字列(テキスト)を描画出来るプラグインを作成しました。 なお、この文字列描画のプラグインはご自身のゲームご自由に使って貰ってOKです。是非、ゲーム作りにお役立て下さい。 使い方 早速、使い方を説明します。 必要なファイルの準備 1. フ
文字列(テキスト)描画のプラグインに文字列変更対応版のクラスを追加 - 強火で進め
今回のサンプル サンプルの全ファイル ※この文字列描画のプラグインはご自身のゲームご自由に使って貰ってOKです。是非、ゲーム作りにお役立て下さい。 以前作成した文字列(テキスト)描画のプラグイン、昨日の「enchant.js ソースコード・リーディング」にて文字列の変更が出来ないという事が発覚しました。 フォント画像での文字列(テキスト)描画のプラグインを作った - 強火で進め http://d.hatena.ne.jp/nakamura001/20110430/1304181043 変更が出来ないとスコアの部分などで使用出来ないという問題点が有ります。一応は毎回 new すれば出来ない事は無かったのですが無駄にパフォーマンスが犠牲になるので対応版のクラスを追加する事にしました。 この様な記述で使えます。 enchant('draw'); window.onload = function(
モバイルゲームの歴史を年代別にご紹介します。モバイルゲームの成長と今後について詳しく解説していきます。
モバイルゲーム 物凄い勢いで勃興したモバイルゲーム業界は、いろいろな課題や問題に直面しながらも巨大化し、今日の時点でのスマートフォン向けゲームの市場へと継承されていきます。 モバイルゲームの歴史 2001 Javaアプリと3Dゲームの登場 Javaが利用できるようになったことにより、ダウンロード型のゲームが供給できるようになりました。 2002 携帯電話端末の大容量化・3D化競争 Java搭載携帯電話端末が登場してからごく僅か1年の間に、アプリのサイズに関しては10倍に広大化し、表現方法も2Dから3Dにシフトし始めました。J-PHONEは『ゼビウス』や『スペースハリアー』などといった昔のアーケードゲームを、ドコモはSIMCITYなどパソコンで世界的規模のヒットを飛ばしたゲームを主力商品としていました。 2003 モバイルゲームの一般化 メモリの制限が厳しいJava仮想マシン上ではなく、OS
io.js - JavaScript I/O
Run JavaScript EverywhereNode.js® is a free, open-source, cross-platform JavaScript runtime environment that lets developers create servers, web apps, command line tools and scripts.
Ecma-262.pdf (application/pdf オブジェクト)
ECMAScript® 2025 language specification 16th edition, June 2025 This Standard defines the ECMAScript 2025 general-purpose programming language. Kindly note that the normative copy is the HTML version; the PDF version has been produced to generate a printable document. This 16th edition has been prepared under the Ecma RF patent policy. Please note that for ECMAScript Edition 4 the Ecma standard nu
さらなる「#!」URL批判 - karasuyamatenguの日記
このブログはlifehackerを含むgawkerメディア系サイトの#!URLへの移行を批判している。 http://isolani.co.uk/blog/javascript/BreakingTheWebWithHashBangs/ 以下、isolaniとテングの見解をごっちゃ混ぜに紹介する。 lifehacker他のgawkerメディアサイトが数日前に長時間におよびアクセス不能になった。(厳密に言うとページ内のコンテンツアクセス不能になった) #!URLベースのサイトはJavaScriptにエラーがあるとコンテンツが一切ロードせずのっぺらぼう状態になってしまうようだ。 #!について 「#!」は何で呼ぶの？ shebangと綴られる。 Hash=# Bang=!の略 発音すると「シバン」といったところか。(ちなみにUnixの#!とは無関係) 以下「#URL」は： サイト内のロケーション情
速くてコンパクトな JavaScript 用の sprintf の実装 - latest log
[javascript][sprintf] で検索してたどり着く方が多いようなので、uupaa-0.7.js から切り出して張ってみます。 /*!{id:"uupaa.js",ver:0.7,license:"MIT",author:"uupaa.js@gmail.com"}*/ window.sprintf || (function() { var _BITS = { i: 0x8011, d: 0x8011, u: 0x8021, o: 0x8161, x: 0x8261, X: 0x9261, f: 0x92, c: 0x2800, s: 0x84 }, _PARSE = /%(?:(\d+)\$)?(#|0)?(\d+)?(?:\.(\d+))?(l)?([%iduoxXfcs])/g; window.sprintf = _sprintf; function _sprintf(fo
GameBoy Emulation in JavaScript
Back to Series The CPU (Jul 2010) In the first of this series of articles, I'll look at how a CPU can be emulated through JS, and start building an emulation core for the GameBoy console. Memory (Aug 2010) Continuing a series examining system emulation in JavaScript, this article examines how the GameBoy memories are mapped onto the CPU's address bus, and how such a mapping can be emulated. Also c
JavaScript の new 演算子の意味: Days on the Moon
JavaScript における new 演算子の動作は大まかにいって以下のとおりである。(new F() とした場合。) 新しいオブジェクトを作る。 1 で作ったオブジェクトの [[Prototype]] 内部プロパティ (__proto__ プロパティ) に F.prototype の値を設定する。 F.prototype の値がオブジェクトでないのなら代わりに Object.prototype の値を設定する。 F を呼び出す。このとき this の値は 1 で作ったオブジェクトとし、引数には new 演算子とともに使われた引数をそのまま用いる。 3 の返り値がオブジェクトならそれを返す。そうでなければ 1 で作ったオブジェクトを返す。 ここで「オブジェクトである」というのはプリミティブ値 (文字列、数値、真偽値、undefined 、null) ではないということだ。new Stri
JavaScript の Array オブジェクトを汚染させずに拡張してみる - Cyokodog :: Diary
前回のエントリ「jQuery オブジェクトを汚染せずにプラグインを追加する方法を考えてみた」ではラッパーオブジェクトをかぶせることで、jQuery オブジェクトを汚染させずに機能拡張(prototype オブジェクトへのメソッドの追加)してみましたが、同様の方法を使えば、String、Date、Array といったJavascriptの標準のオブジェクトも汚染させずに機能拡張できるのではと思い試してみました。 prototypeの拡張によるメリット、デメリット メリット 例えばArray オブジェクトの場合、「指定した値を持つ配列行の索引番号を返す」というメソッドを持ってませんが、以下のように prototype を拡張することで実現できます。 Array.prototype.index=function(val){ var arr=this,len=-1; while(len<arr.l
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
環境変数PATHEXTを使ったJavaScriptの実行 - nak2kのブログ
トラックバックを頂いたのでお礼代わりのTipsエントリー。 cscriptコマンドを使えば、Windowsでもコマンドラインでjsファイルを実行できるんだね。 WindowsでもJavaScriptをファイルから実行 - バリケンのJavaScript日記 - g:javascript 環境変数PATHEXTに拡張子を追加設定すると、例えばhello.jsであればhelloと入力するだけでスクリプト実行できて便利ですよ。 ただ、デフォルトでは拡張子.jsはWScript.exeに関連付けられているので、CScript.exeで動かしたい場合は新しい拡張子.jscとでも追加して、それをCScript.exeと関連付けてから上記の環境変数設定まで行うといいです。 他には拡張子.urlや.lnkなんかも追加しておいて、よく使うアプリケーションへのショートカットやブックマークをパスの通ったディレク
g:javascript - バリケンのJavaScript日記 - WindowsでもJavaScriptをファイルから実行
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
非designModeなWYSIWYGエディターの試作 - jsdo.it - Share JavaScript, HTML5 and CSS
WYSIWYGエディタの自作のための試作です。 以下で公開されているものを元にしています。 designModeを使わないWYSIWYGエディターの試作 http://d.hatena.ne.jp/kawagooch/20101206/1291644876 KAWAGUCHI Yoshihiro (http://twitter.com/#!/kawagooch) 以上のものから、 ・操作時のカタツキの一部解消。 ・入り組んだタグに対しても正しく削除を行う。 ブログに簡単な紹介を書きました。 http://outcloud.blogspot.com/2011/09/wiki-for-3arrows-6-wysiwyg.html /* * * author: * itozyun (http://twitter.com/itozyun) * http://outcloud.blogspot.co
さあ、Yコンビネータ(不動点演算子)を使おう！ - よくわかりません
前回、おとうさんにもわかるYコンビネータ！(絵解き解説編) - よくわかりませんというエントリで、Yコンビネータ(不動点演算子)と再帰の絵解き解説をしました。 Yコンビネータ自身は、結局のところ再帰を産み出してくれるだけです。関数(正確にはλという単純な文字列変換ルール)だけで出来て、プログラミングに関するいろんな原理の研究を可能にするのが凄い訳です。その辺のさわりを、きしださんが解説されています。しかし、単なる再帰なら、実際のプログラミングではYコンビネータなんて使わなくても出来ます。 じゃあ、Yコンビネータとか不動点とかは、偉い学者さんとかが研究に使えばいいもので、普通のプログラマには何の意味もないモノなのでしょうか？ というわけで、今回はポジティブに、Yコンビネータや不動点で出てくる考え方を、理論だけじゃなく、実際のプログラミングに応用する例を見てみましょう。 今回、プログラムの例を
QUnit-TAP : JavaScript のテスティングフレームワークQUnitからTAP出力する - t-wada の日記（旧）
JavaScript のテスティングフレームワーク QUnit から TAP 出力するための仕組みを作成し、さらに CommonJS 環境下でも動くようにしてみましたので、 github で公開します。ライセンスは QUnit に合わせて MIT と GPLv2 のデュアルライセンスです。 http://github.com/twada/qunit-tap これは何? 平たく言うと、主に画面非依存の JavaScript コードやサーバサイドで動かす JavaScript コードに対してコマンドラインからユニットテストを行うための仕組みです。 js のユニットテストというとブラウザ上で動かすものが一般的ですが、 DOM に依存しないロジックや抽象的なモジュールのテストはできればコマンドライン上で高速に実行させ、即座にフィードバックを得たいものです。 (更新) ヘッドレスブラウザ Phant
RequireJS moduleについて - monjudoh’s diary
RequireJSって何? 公式サイト RequireJS スライド jQueryRequireJS.pdf 日本語記事だとこの辺? http://zudolab.net/blog/?p=451 要はJavaScriptの依存性解決をしてくれるライブラリで、こんな感じで使えます。 require( [ 'lib/a' ,'lib/b' ,'lib/c' ], function(){ // lib/a.js,lib/b.js,lib/c.jsが読み込まれていることが保証されているcallback require( [ 'lib/d' // lib/a.jsに依存しているライブラリ ,'lib/f'// lib/b.jsに依存しているライブラリ ], function(){ // lib/a.js,lib/b.js,lib/c.js,lib/d.js,lib/e.jsが読み込まれていることが保
JavaScript 配列 (Array) の反復的なメソッド : Serendip – Webデザイン・プログラミング
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
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Range: compareBoundaryPoints() method - Web APIs | MDN
CommonJSの話
