「JavaScript」タグアーカイブ

[Three.js]カメラをマウスで操作して視点変更を可能にする

Three.js によって3Dモデルを表示できたので、せっかくなら様々な角度からモデルを眺められるようにしたいです。今回はカメラを操作する方法について紹介します。あるオブジェクトの周囲軌道上でカメラを移動させ、視点を… 続きを読む »

ブラウザ上で様々な3Dモデルをアニメーション付きでレンダリングできる JavaScript のライブラリである three.js を使ってみました。 three.js を使うと、以下のような3Dモデルを含むシーンをWeb… 続きを読む »

WebSocket による双方向リアルタイム通信を行えるPHPライブラリ「Ratchet」をXAMPPのローカルサーバーに設定し、実際に通信のチュートリアルを実行する手順についてです。公式ページ（Ratchet &#8… 続きを読む »

文章中のカタカナをひらがな、もしくはひらがなをカタカナに変換する JavaScript のサンプルです。サンプルページ実際の動作の例は以下のページを御覧ください。カタカナ⇔ひらがな変換ツール相互変換のスクリプト … 続きを読む »

その日の日付を、特定の形式のテキスト（String）で欲しい場合の JavaScript のサンプルです。今回は年を西暦、月と日を二桁で表示し、それらをハイフンで繋いだ形式（YYYY-MM-DD）で得る例を紹介します。… 続きを読む »

HTMLのフォームからではなく JavaScript のみでPOSTメソッドによるデータ送信を行いたい場合、XMLHttpRequest を使用する方法があります。今回は XMLHttpRequest によってPOST… 続きを読む »

Webページに表示したselectタグ（セレクトボックスまたはプルダウンメニュー）が現在選択している値を JavaScript で取得する方法についてです。以下のようなセレクトボックスをHTMLで作成したとします。こ… 続きを読む »

16進数と10進数を相互変換するフォームです。以下の「10進数」の入力欄に10進数を入れて「変換」をクリックすると「16進数」の欄に変換結果が表示されます。同様に16進数から10進数への変換もできます。変換方法を以下… 続きを読む »

Cocos2d-x（Cocos2d-js）において、フェードインなどのアニメーション（アクション）をスプライトやラベルで実行するには、そのスプライトなどのメソッド runAction にアニメーションの情報を渡します。 … 続きを読む »

formタグに含まれる要素を JavaScript で取得する方法です。以前、タグに設定したid属性を使ってフォームの値を取得する方法について紹介しました。フォームに入力された数値や文字列を取得する方法と注意点今回は… 続きを読む »