Site Under MaintenanceWe'll be back soon! Our site is currently undergoing maintenance. Please check back later.
mapLoader.jsを使ってTiled Map Editorで作成したマップをenchant.jsに読み込む - 1488
タイトルの通り、Tiled Map Editorで作成したマップをenchant.js製のゲームで表示するプラグインを作りました。 enchant.jsのRPGのサンプルを使って使い方を説明します。 手っ取り早く動作サンプルが見たい人はRPG_mapLoader.zipかhttp://9leap.net/games/942をどうぞ。 用意するもの enchant.js Tiled Map Editor mapLoader.js １．enchant.js リンク先のページから"Download from github.com"のリンクをクリックしてZIPファイルをダウンロードする。 ダウンロードが完了したら圧縮ファイルを解凍する。 ２．Tiled Map Editor リンク先のページの右側のメニューから、自分が使っているOSのインストーラをダウンロードしてインストールする。 インストーラは
数学関数（Math） - とほほのWWW入門
xx = Math.floor(Math.random() * 16); // => 0～15 繰り上げ・繰り下げ・絶対値 Math.abs(n) n の絶対値を返します。 Math.abs(-8) // => 8 Math.ceil(n) Math.floor(n) Math.round(n) ceil() は n の小数点以下を繰り上げた整数値を返します。3.6 は 4 に、-3.6 は -3 になります。floor() は繰り下げた整数値を返します。3.6 は 3 に、-3.6 は -4 になります。round() は四捨五入した整数値を返します。3.6 は 4 に、-3.6 は -4 になります。小数部が丁度 0.5 の負数に対して round() を行った場合、他の多くの言語では 0 から遠ざかる方に丸めますが、JavaScript では 0 に近づく方向に丸めます。 Math.
jQuery 日本語リファレンス
jQueryとは、JavaScriptのコーディングを強力に支援するライブラリです。 $('.semooh a').hover( function(){ $(this).text('ヌ？'); }, function(){ $(this).text('ヌー'); } );
JavaScriptでサブウインドウ表示
ボタンやリンクをクリックしたら小さいウインドウ別途開くJavaScriptです。ウインドウサイズ、背景色、内容をリンク毎に指定することができます。ちょっとしたTipsやHintsを表示するので最適です。 例1） ボタンを使ってサブウインドウ表示 例2） リンクを使ってサブウインドウ表示 ホームページはHTMLという言語を使って作られています。 ソース まず最初に、次のタグを<head>タグから</head>タグの間にコピーします。よく分からない場合は、</head>の直前に入れてやって下さい（は改行マークです）。 <script language="JavaScript"> <!--//Open Subwindow (http://www.coolandcool.net/) function WinOpen(color,x,y,msg){ var Win1=window.open('','
JavaScript: window.open() 小窓の基礎
window.open()で小窓 いわゆる小窓です。これはJavaScriptの window.open() というメソッドで 小窓となるウィンドウを生成します。 各引数の文字列は一重引用符または二重引用符で括って指定します。 第１引数「URL」は生成されるウィンドウに表示するページのURLです。 ※ ウィンドウに表示するページ（別のファイル）は別途作成して用意しておきます。 第２引数「ウィンドウ名」は特に指定する必要がなければ null で良いでしょう。 ウィンドウ名を指定するときは引用符で括ります。 ※ null を指定するとウィンドウ名の設定されていない新規ウィンドウとなります。 (HTMLの属性 target="_blank" と同等です) 例: window.open('example.html', null); 第３引数「オプション」はウィンドウの特徴を設定する文字列です。 こ
JavaScript による日付・時刻・時間の計算・演算のまとめ - hoge256ブログ
JavaScript でいろいろな日付の計算関係をまとめてみました。前回の日付関係のまとめエントリの JavaScript版です。 日付の単位について 基本的なことですが、一応まとめておきます。 1秒は1000ミリ秒 1分は60秒 1時間は60分 よって 1時間=60分=3600秒=3600000ミリ秒 1日=24時間=1440分=86400秒=86400000ミリ秒 現在時刻の取得 まずは、最もよく使う処理です。 //今日の日時を表示 var date = new Date(); document.write(date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + date.getDate() + " " + date.getHours() + ":" + date.getMinutes() + ":" + date.get
JavaScriptにおける数値⇔文字列の型変換あれこれ - console.lealog();
気になったら即調べるが吉、ということで。 数値→文字列 var num = 123; // わかりやすい String(num); // "123" num.toString(10); // "123" // この用途では使ったこと無い num.toFixed() // "123" // なるほど num + ''; // "123" 文字列→数値 var str = '123'; // わかりやすい Number(str); // 123 parseInt(str, 10); // 123 parseFloat(str); // 123 // なるほど str - 0; // 123 str * 1; // 123 str / 1; // 123 // すっきりやけど知らん人は読めない +str; // 123 -(-str); // 123 ~~str; // 123 str&-1;
ディスプレイのサイズに合わせて画面いっぱいに背景画像を表示するCSSやjQueryプラグインいろいろ
ディスプレイサイズ（ブラウザサイズ）いっぱいに背景画像を表示する方法はいくつかありますが、最近見つけた jQuery のプラグインを使って、いろいろ試してみたりしたのでレビューをまとめてみました。 背景に画像を使った Webサイトってたくさんありますよね。大きくてキレイな画像は、見た目にもインパクトがあってとても印象的です。でも Webサイトを閲覧している人の環境は様々で、ディスプレイのサイズが違ったりするもの。ディスプレイ（ブラウザ）のサイズにあわせて、画像を拡大表示する方法はいくつかありますが、その中からいくつかをサンプル付きでご紹介します！ 画面いっぱいに背景画像 目次 CSSのみで画面いっぱいに背景画像 jQuery プラグイン fullscreenr を使ってみた Full Size Background Image jQuery Plugin を使ってみた jQuery max
CSS3 Gradient Buttons - Web Designer Wall
Last week I talked about Cross-Browser CSS Gradient. Today I’m going to show you how to put the CSS gradient feature in a good practical use. Check out my demo to see a set of gradient buttons that I have created with just CSS (no image or Javascript). The buttons are scalable based on the font-size. The button size can be easily adjusted by changing the padding and font-size values. The best part
オブジェクト | JavaScript プログラミング解説
オブジェクト生成演算子 (new) new constructor [ ( [arguments] ) ] new - JavaScript | MDN new演算子はオブジェクトを生成し、そのオブジェクトのコンストラクタ関数を呼び出します。なお次のように、オブジェクトリテラルでプロパティを指定せず生成しても、同様の結果を得られます。 var obj = {}; newの省略 オブジェクトによっては、new演算子を省略してもオブジェクトを生成できます。また引数がない場合には、かっこを省略できます。 obj = new Object(); obj = Object(); // これも可 obj = Object; // これでも可 たとえばObjectオブジェクトは、new演算子の有無にかかわらず同じ結果が返されます。しかしオブジェクトによっては異なる結果を返すため、new演算子の省略には注
第1章 「jQueryとは」
このページを見ている方は、jQuery (ジェイ・クエリー) に興味を持っていると思います。すでにjQueryを使っている人もいるでしょうし、全く知らない人、名前だけは知っている人もいるでしょう。このページではjQueryとは何なのかについて説明します。 jQueryはJavaScriptライブラリの1つです。JavaScriptはアプリケーション（ブラウザを含む）を操作する言語として利用されていますが、そのJavaScript上で動作するライブラリです。ライブラリは、よく使う機能をいくつもまとめてあるものを示します。 JavaScriptのライブラリは他にもいくつもありますが、最も有名なのはprototype.jsライブラリでしょう。prototype.jsライブラリはAjaxライブラリとして普及しました。実際にかなりのシェアを占めており関連するライブラリも多数出ています。 protot
Java Solution FAQ：JSPとは何ですか？
JSPとは、JavaServer Pages の略で、Javaによるサーバサイド・スクリプティングを実現するためのテクノロジです。 一言でいうと、HTMLの中にJavaのコードを埋め込んで実行させるための仕組みが、JSPだということになります。つまり、Javaの実行結果をHTMLとして出力させることができ、クライアントの要求に応じた動的なページを生成することが可能となるのです。HTML内にJavaを記述する、といえば、JavaScriptがよく知られていますが、これとJSPとの違いは何でしょうか？ JavaScriptは、Javaと似た文法を用いて、HTMLの中にコードを記述して動的な処理を行わせることができるものです。Webアプリケーションにおいては、入力項目のチェックをしたり、送信パラメータを動的に書き換えたりするときに、JavaScriptがよく用いられています。JavaScript
Jetty7のWebSocketをScalaから使う - ( ꒪⌓꒪) ゆるよろ日記
HTML5っ!WebSocketっ!サーバーからプッシュでっ! やりますよscalaで。とはいえ、Javaでも同じなので、Javaでやってみようって人にも参考になるかも? サーバーの実装 サーバ側の実装は、要点をまとめるとこんな感じです。 org.eclipse.jetty.websocket.WebSocketServletを継承したServletを作ります。 protected abstract WebSocket doWebSocketConnect(HttpServletRequest request, String protocol) を実装しますよ クライアントからws:/hostname/でWebSocketの接続要求が来たら、このdoWebSocketConnectが呼ばれます。 doWebSocketConnectでは、org.eclipse.jetty.websocke
Jettyで始めるWebSocket超入門 記事一覧 | gihyo.jp
運営元のロゴ Copyright © 2007-2025 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。
WebSocket の動作確認に wscat が便利すぎる件 - tricknotesのぼうけんのしょ
WebSocket を利用したアプリケーションを作る際に、動作確認が煩雑な場合があります。 サーバ側とクライアント側をどちらも実装する必要があって、「ちょっとこの部分だけ動かしてみたいなぁ」っていうときに、簡単に試す方法があると便利ですよね！ そんなときにおすすめなのが、 wscat です。 wscat は、コマンドラインで利用できる WebSocket のサーバ/クライアントで、ws に同梱されています。 ws とは、 Node.js 上で WebSocket を使うためのモジュールで、Socket.IO やengine.io の内部でも利用されている今注目のプロダクトです。 今回は、この wscat の使い方をご紹介します。 対象バージョン ws (0.4.7) インストール Node.js のモジュールなので、 npm でインストールするのが簡単です。 $ npm install -
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JavaScriptのクラス？コンストラクタ？？ - Qiita
文字列解析
https://tryhaskell.org/
Loading...