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

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

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

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

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

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…

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

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

WebSocketでネトゲを作るよー

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

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() )テスト用

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

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