■ 소개

3D 라이브러리의 three.js를 움직여 보았습니다.

Three.js

■ 샘플 코드 실행

먼저 Github에 오르고 있는 샘플을 실행해 보았다.
htps : // 기주 b. 이 m / mr도 b / th 네. js/#우사게

코드를 작성하는 방법이 타고있는 것만으로 샘플로서 굳어지지 않았기 때문에, 작성해 이하에 업했습니다.

PC에서의 실행 예는 다음과 같습니다.
ht tp // js 푹 dぇ. 네 t/f17Lz5우x/

앱으로서는 코드에 없었으므로 상기를 참고로 작성.

아래에 커밋하고 있습니다.
htps : // 기주 b. 코 m / 나마란란 / th Ree js_1st_ mp ぇ

그대로 브라우저로 표시하면 다음과 같이 와이어 프레임의 입방체가 표시됩니다.
이것이 빙글빙글 회전하는 샘플이 됩니다.



Firefox OS용 manifest도 추가하고 있습니다.

manifest.webapp

{
  "name": "threeJS",
  "description": "threeJS demo",
  "type": "web",
  "launch_path": "/index.html",
  "locales": {
    "en-US": {
      "name": "threejs_demo,
      "description": "Web app three.js demo"
    }
  },
  "icons": {
    "128": "icon128x128.png"
  }
}

Firefox OS에서도 앱으로 움직입니다.
Fx0라든지 Flame을 가지고 계신 분은 시험해 보세요.



의외입니다만, Fx0에서도 널누르와 움직입니다(스크린 샷이라고 전하지 않습니다만・・・)