スマホブラウザでも見れる!webGL用に適当に作った3Dモデルを表示した際のメモ

だいぶ久しぶりに更新になります。
プライベートでも仕事でも言い意味でも悪い意味でも大変な事あったこの頃です!!

今回久々に興味をもったWebGLをちょっと触ってみました。
といってもthree.jsというめちゃくちゃ便利なjavascriptを利用して、3Dモデリングツールを使ってつくった何かわからんウニみたいなものを表示するサンプルです。

ちなみになんど自分が持っている結構古いAndroid2.3の標準ブラウザでも動作しました!
スマホすご!

↓↓↓

WebGL3Dモデルくるくる
※本サンプルはwebGLを利用しているので、chromeブラウザ推奨です!

 

3Dモデル

 

three.js
https://github.com/mrdoob/three.js/

 

追記:

上記デモの端末キャプチャ
Xperia acro(AU)
Android OS:2.3.4 
標準ブラウザ


 

スマホのブラウザで動くjavascriptゲーム「9leap 9Days Challenge #3」に参加!

スマートフォンのブラウザで動くjavascriptのゲームエンジン「enchant.js」を使った、
下記ゲーム投稿サイトで「9leap 9Days Challenge #3」という大人げないオトナでも参加できるコンテストに応募させていただきました!w
賞品はとても魅力的なandroid3.0のキーボード取り外し可能なタブレット!

http://wise9.jp/archives/2518

#1、#2、#3と3回開かれていて、今回が3回目でサウンドを使ったゲームで応募するというもの!
とにかくenchant.js自体が簡単に音声を扱えるようにしてくれるので非常に作りやすかったです。

今回応募したのは、twitterのフォロワーをヘリで救助するというゲームです!(音付き)
「FOLLOWER RESCUE」

フォロワーレスキュー

follower_rescue_screen

プレイする

 

今回苦労した点は、ブラウザによって画像の拡大縮小や回転と一緒に移動をすると、
chromeブラウザだと回転だけか、移動だけしか一度に制御できなかったので、
プレイに支障がない程度に移動だけに調整しました。