three.js sample

How to start

browse html using web browser except IE

Contents

1. texture on cylinder greentea.html

   • browse on raw.githack.com
   • using MeshFaceMaterial for CylinderGeometry (which has many segments)

2. matrix plot matrix_plot/matrix_plot.html

   • browse on raw.githack.com
   • plot values on matrix

3. GUI that changes color / paramters various_tea/tea.html

4. regular polyhedrons

   • Regular tetrahedron(4)
   • Regular hexahedron(6)
   • Regular octahedron(8)
   • Regular dodecahedron(12)
   • Regular Icosahedron(20)
   • Truncated Icosahedron

5. cardboard sample (HMD, VR, StereoVR, DeviceOrientation)

   • Note: fullscreen
     • hide home touch button for browser to hide back/home/switch app button of android
     • select fullscreen config of browser to hide status bar
     • uncheck tool bar config of browser to hide tool bar
     • scroll down to bottom of page to hide url bar

6. Gamepad API(https://rawcdn.githack.com/mamewotoko/threejs_sample/f6dd2b76db7098ef19918a5cf04ba33aaffc06a5/control/greentea.html)

   • PS3 controller, index 0

TODO

• add mouse control
  • go forward, back, left, right, up, down
• display full screen easily (hmd)
• optimize initial position of hmd version
• smoothing?

Reference

• three.js
• raw.githack.com
  • raw.githack.com serves raw files directly from GitHub, Bitbucket or GitLab with proper Content-Type headers
• An HTML Test report

---

Takashi Masuyama mamewotoko@gmail.com http://mamewo.ddo.jp/