[Three.js]カメラをマウスで操作して視点変更を可能にする
Three.js によって3Dモデルを表示できたので、せっかくなら様々な角度からモデルを眺められるようにしたいです。 今回はカメラを操作する方法について紹介します。 あるオブジェクトの周囲軌道上でカメラを移動させ、視点を… 続きを読む »
Three.js によって3Dモデルを表示できたので、せっかくなら様々な角度からモデルを眺められるようにしたいです。 今回はカメラを操作する方法について紹介します。 あるオブジェクトの周囲軌道上でカメラを移動させ、視点を… 続きを読む »
ブラウザ上で様々な3Dモデルをアニメーション付きでレンダリングできる JavaScript のライブラリである three.js を使ってみました。 three.js を使うと、以下のような3Dモデルを含むシーンをWeb… 続きを読む »
文章中のカタカナをひらがな、もしくはひらがなをカタカナに変換する JavaScript のサンプルです。 サンプルページ 実際の動作の例は以下のページを御覧ください。 カタカナ⇔ひらがな変換ツール 相互変換のスクリプト … 続きを読む »
JavaScript を利用して HTML のテキストエリア(textarea)に入力行数制限を設定する方法についてです。 サンプルスクリプト HTMLで、入力行数を制限したいテキストエリアに任意のid属性を設定します。… 続きを読む »
その日の日付を、特定の形式のテキスト(String)で欲しい場合の JavaScript のサンプルです。 今回は年を西暦、月と日を二桁で表示し、それらをハイフンで繋いだ形式(YYYY-MM-DD)で得る例を紹介します。… 続きを読む »
HTMLのフォームからではなく JavaScript のみでPOSTメソッドによるデータ送信を行いたい場合、XMLHttpRequest を使用する方法があります。 今回は XMLHttpRequest によってPOST… 続きを読む »
ブラウザの拡張機能(Chrome Extension)を作成するチュートリアル(Getting Started Tutorial – Google Chrome)に従うと、マニフェスト(manifest.js… 続きを読む »
Webページに表示したselectタグ(セレクトボックスまたはプルダウンメニュー)が現在選択している値を JavaScript で取得する方法についてです。 以下のようなセレクトボックスをHTMLで作成したとします。 こ… 続きを読む »
16進数と10進数を相互変換するフォームです。 以下の「10進数」の入力欄に10進数を入れて「変換」をクリックすると「16進数」の欄に変換結果が表示されます。同様に16進数から10進数への変換もできます。 変換方法を以下… 続きを読む »
Cocos2d-x(Cocos2d-js)において、フェードインなどのアニメーション(アクション)をスプライトやラベルで実行するには、そのスプライトなどのメソッド runAction にアニメーションの情報を渡します。 … 続きを読む »