ウェブソケットでネトゲ作るよ〜途中報告

解説しながら作る、と言ってた気がするんだけど、ドキュメント書くの飽きてがっーと作ってたら出来てしまった。とりあえずGithubにおいた mizchi/ws-netgame - GitHublocalhost以外の環境で動くかは、まだ確認してない。以下のTODOが終わったらさくら鯖あた…

2011-11-09

WebSocketでネトゲを作るよークライアント：アニメーションループ

アニメーション、僕が昨日、こんにちは！ってやってたアレです http://mizchi.hatenablog.com/entry/2011/11/08/144803 メインループの仕組み setInterval , setTimeoutは使わず、requestAnimationFrame を使います。バックグラウンドのときレンダリングし…

2011-11-09

WebSocketでネトゲ作るよ〜キーイベントの同期

今現在のサーバー側コード(の一部)クライアント側(zappaを通した記述) @client '/index.js': -> window.soc = @connect() window.onkeydown = (e)-> console.log "keydown"+e.keyCode soc.emit "keydown",code:e.keyCode window.onkeyup = (e)-> console.log…

2011-11-09

WebSocketでネトゲを作るよー開発フレームワーク編

とまあ宣言してからにはゴリゴリ書いてるわけなのだけど今回は言語にcoffeescript, フレームワークにzappaを使う。WebSocketでネトゲを作るよー - mizchi's blog zappa Socket.IO+Expressを扱う薄いDSL 主にCoffeeScriptで簡潔に記述できるようにAPIが整理…

2011-11-09

WebSocketでネトゲを作るよー

いろいろあって突如就活することになり、まだ新卒間に合うので、某社の技術アピール用に一つプロダクトを作ることになった。のだが、この前作ったwebsocket使ったRSSリーダーとか、作りかけのゲームとか、どうにもパンチが弱いので、RSSリーダー作ったときに…

2011-11-09

canvas実験用

var cv = document.getElementById('cvtest'); var g = cv.getContext('2d'); var sqrt = Math.sqrt; function to_ism(x,y){ var q = sqrt(2)/2 return [(x-y)*2*q, (x+y)*q] }eval( $('pre.code').text() )テスト用

2011-11-08

一秒に60回、感謝のこんにちは…！

こんにちは？ Canvasが全部動くか試したかっただけ window.requestAnimationFrame = (function(){ return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || wi…

2011-11-01から1ヶ月間の記事一覧