スマホブラウザでも見れる!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 
標準ブラウザ


 

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

  1. 自分もAndroid2.3なんですが、WebGL3DモデルくるくるのDemo見れませーん。ipod TouchのsafariでもChromeでも見れなくて・・・。何か設定が必要なんでしょうか?

    • naotaroさんはじめまして。
      同じAndroidOS2.3系でも見れないんですね、、
      自分の端末がレアケースなんでしょうか。
      自分が確認したAndroid端末は、
      AUのxperia acroでAndroidOS2.3.4になります。(特殊な設定してないはずです。)
      ちなみにiphoneは僕も見れなかったです。

      ※一応実際のキャプチャも追記しておきました!

      • おぉ!本当ですね。
        自分はSBのAQUOSでAndroid2.3.3ですがダメっぽいです。
        LT用にWebGLのプレゼン資料作ってるのですが、スマホのキャプチャ画像お借りしてもよろしいでしょうか?

  2. androidの標準ブラウザでWebGL対応しているのは4.0からです。firefoxなどを使えば別ですが。

    • コメントありがとうございます!
      webgl対応は4.0からなんですね、、なぜか自分の端末だと2.3でも動くんです。。汗汗
      正直自分もびっくりです!

コメントを残す

メールアドレスが公開されることはありません。