iPhone

iPhoneのブラウザ上で30FPS以上でヌルヌル動く3Dゲームを作ってみた

iPhoneでのCSS 3D Transforms利用の可能性を探るために、CSS 3D Transformsを使って3Dゲームを作ってみました。 javascriptによる3DゲームですがiPhoneのブラウザで結構スムーズに動きます。 デモページ http://ndruger.lolipop.jp/hatena/20110705/css_3d_g…

iPhoneでヌルヌルキャラクターが動くゲームを作る方法

iPhoneのキャラクターがヌルヌル動いて、それらのキャラクターにタップ・フリックでいろいろ出来るアクションゲームの作成方法 canvasを使ったり、left, topをいじるとキャラクターのスムーズでないため、css animations + css transformsのtranslate()でキ…

iPhoneのブラウザでのアニメーション手法を比較

基本 拡大・縮小を避ける 下記の指定 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;"> iPhone4の解像度はiPhone3Gより縦・横に倍大きいが、width=device-widthを指定してもiPhone3Gと同じ320pxが返り、表示時に2倍に拡大されて描画される。style指定で見かけ上の拡大を避けれなくはないが、今回はしない。 </meta>…