『three.jsとWebSocketでMMOゲームを作ろう！』最近「Unity + Photo Cloud」でMMOゲームが簡単に作れるブームがあったので、「Three.js」で同じような事ができないかな～っと思いチャレンジしてみました
JavaScriptでアニメーションを書く初歩の初歩
JavaScriptを使ってアニメーションを書くときに有用なテクニックの、基本中の基本をご紹介します。おそらく、このブログを見ている人のほとんどにとっては釈迦に説法だと思います。今回、requestAnimationFrameの話すらしません。その点、ご留意ください。 まず、JavaScriptでアニメーションをする場合に気をつけないといけないのが、一度JavaScriptの実行（Context）を抜けないとブラウザに描画が反映されないということです。簡単に言うと、 <html><head><title>bad sample</title><script> onload = function() { var e = document.getElementById("e"); for(var i = 0; i <= 100; i += 5) { e.style.left = e.style.
JavaScriptでのクラス定義 - Qiita
var Hello = (function(){ // constructor function Hello(name){ this._name = name; } // private method function say(message){ console.log(message + ', ' + this._name); } // public method function hello(){ say.call(this, 'Hello'); } Hello.prototype = { // constructor 修正 constructor: Hello, // 以下 public メソッド hello: hello }; return Hello; }()); このパターンのポイントは、即時関数内にクラスに関係あるメソッドや変数をまとめるところ。 クラスの定義以外は、即時関数
JavaScriptでLeapMotionアプリを作る方法
こんにちは。クレイの浅海です。 いま話題のLeapMotionとJavascriptを使って、空中でピアノを演奏できるアプリを作りました。 まだLeapMotionを初めて数日なので勘違いしている部分もあるかもしれませんが、JavaScriptでLeapMotion対応アプリをどのように作るのかについて、気づいたことを紹介します。 目次 デモ leap.jsの用意 イベントループ Frameオブジェクト frame.fingers frame.hands frame.gestures circle swipe keyTap screenTap 感想 デモのコード デモ まずは実際に動かしている動画を御覧ください。 空中に手をかざすだけで、ピアノを演奏することができます。 音の再生にはMIDI.jsを使用しています。 ※ 手を3Dで表示している部分は、LeapMotion標準のビジュアライザ
Unity C#とJavascriptの主な違い
Unity WikiにてUnity C#とJavascriptの違いを整理しているので紹介したい。 なおリンク先では各々の違いの詳細説明もついているため興味ある方は併せて確認いただくと、さらに勉強になるとおもう。 http://wiki.unity3d.com/index.php/Csharp_Differences_from_JS 17 August 2012, at 11:59 Unity C#とJavascriptの主な違い 関数定義 function Start () { /* stuff. */ } // JS void Start() { /* stuff. */ } // C# string MyFunc() { return "hello, world"; } // C# C#ジェネリック //JS function Start(){ var someScript : E
JavaScript イディオム集
JavaScriptでは、初見の人にはさっぱりわからないけれども、ある程度慣れた人は当たり前に使うイディオムが結構たくさんあります。知ってしまえば何てことはないので、私の知っている限りのイディオムとその意味を解説します。 （7/3追記: twitter等で教えていただいた内容を追加しました） +v （数値化） var v = "123"; console.log(+v + 100) // 223 console.log(v + 100) // 123100 vを数値化する方法では最もメジャーです。parseFloat(v) に比べて高速なのに加えて、parseFloatとは細かい挙動が異なります（例えば空文字列の場合、parseFloatならば NaN になりますが、 +v の場合はゼロになります）。必ず数値になることが保証されており、文字列などで数値化出来ない場合はNaNが返ります。 v
萬楽破天孔
フリー素材 やさぐれひよこ素材置場 やさぐれたひよこたちの営む、やさぐれたひよことかの素材。 MMDモデル こんなん作ってます。 【ゆる～い利用規約】 ■ 利用作品公開時は、モデル作者がCarasOhmiであることを明確にしてください。 ■ 商品としての営利利用は、二次創作モデルは全面禁止、オリジナルは応相談です。 －でも、よっぽど面白そうなネタを示してもらわないと、許可しないと思います。 ■ 営利サービスでの利用も、利用者側が非営利の遊びである限りは問題ないです。 －「有料のモデルビューワーで再生する」「VR機材で表示して友達とワイワイする」ぐらいはOK －制作者の騙りや、版元との利益競合などが発生する場合は、削除申請を出します。 －対処が困難な場合は、サービスを名指しで禁止させていただく形になるので、節度を守って。 ■ MMD以外のソフトでの利用は問題ないです。 －ゲームやデスクトップ
tmlib.js ゲームプログラミングチュートリアル – 今流行のフラットデザインを使ったタッチゲームを作ろう | TM Life
先日, @omatoro さんが『私がenchant.jsではなくtmlib.jsでゲームを作る5つの理由』というエントリーを 公開されました. これがすごい反響だったらしく, 私の方にも様々な意見や質問がきました. おかげで tmlib.js の知名度が一気に上がり実際に触ってくれてる人も増えました. 本当にありがとうございます. ただ, ここで一つ問題が… tmlib.js には公式のチュートリアルというものがないのです!! せっかく触ろうとしてくれてる人がいるのに, それを学ぶための公式資料がない… 本当に申し訳ない. 怠惰な自分に反省!! ってことで今回は Step by Step で tmlib.js を学びながらゲームを作ることができる チュートリアルを書いてみました. よかったら参考にしてくださいな♪ 最近何かと話題のフラットデザインを取り入れています. すいません, まだ
JS5 :HTML5向けjavascriptフレームワークのチュートリアルサイト » CreateJS
TweenJSを使う アニメーションを使うには、CreateJS配下のアニメーション用ライブラリ「TweenJS」を使うのがおすすめです。EaselJSとは別のJSファイルになりますので、別途インストールする必要があります。以下よりダウンロードして下さい。 TweenJS | A Javascript library for tweening and animating HTML5 and Javascript properties. このライブラリはEaselJSの後で読み込む必要がありますので、注意してください。ちなみに僕はこのようなライブラリはDropboxに置いて、jsFiddleから参照しています。 [html] <script type='text/javascript' src="/easeljs-0.4.2.min.js"></script> <script type='t
tmlib.js 入門
概要 tmlib.js は phi氏開発のゲーム向け JavaScript ライブラリ class 定義、jQueryライクなDOM操作、ajax機能、HTML5 Canvasラップ、アニメーション、 ベクター・行列、サウンド、PC・スマホ対応 などなど MIT License Google Chrome、Safari、Firefox 対応。IE なんて知りません. 多くのクールなサンプルが公開されている スライド ドキュメント tmlib.js > ダウンロード tmlib.js を使って、SBP（スライディング ブロック パズル）を作ってみたよ SBP とはブロックをスライドさせて目的の配置にするパズルの総称 スライディングブロックパズル 15パズル、 箱入り娘、 ラッシュアワー などが有名 tmlib.js のすべての機能を使ってみたわけじゃないけど、使ってみた部分について解説するよ
次のレベルまでWEBサイトを引き上げてくれるCSS、javascriptテクニック集
CSSやjavascriptを利用してサイトをよりリッチな表現に変えていくというのは、WEB制作の現場では常に行われていて、様々なスニペットやライブラリが日夜リリースされています。今日紹介するのは次のレベルまでWEBサイトを引き上げてくれるCSS、javascriptテクニック「CSS and JavaScript tools to take your website to the next level」です。 Countable.js 様々なCSSやjavascriptによるテクニックがまとめられていますが、今日はその中からいくつか気になったものを紹介したいと思います。 詳しくは以下 iCheck クリックしたラジオボックスやチェックボックスから、返り値をとれるjavascript。それをキーにして何かを動かしたいときに。 Almost Flat UI フラットデザインUIを簡単に実装で
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
altJS勉強会「Haxeすごいからみんな使え！」
TEST CORDING » Sassの@functionの使い方まとめ – プログラマブルな処理は@function
JSX の使い方 自分メモ - latest log
最近のJavaScript開発まとめ
UnityのJavaScriptでアニメーション : Nanashi-soft
JavaScriptライブラリ「tmlib.js」でシンプルなタッチゲームを作るチュートリアル
JavaScriptエンジニア向け！スマートフォンで動くブラウザゲームの作り方
mdlab.jp
士業JOB
