The menu for this webpage is at the bottom of every page, click here to go there.

3D - Three

3D in the browser using three.js Demo

Hold down the left mouse button and see what happens.

The WW2 plane from colacola in OBJ format and with the texture JPG, was loaded into blender and separated into propeller and plane-without-propeller. The propeller was transformed so that it lines up its pivot point with 0,0,0 so that it can later be rotated, this involved transforming by x 0.01300, y 1.65880, z -0.86700 (press N in blender to display the window to change this).

Then the propeller and plane-without-propeller was loaded into the browser using the three 3d browser javascript utility. The plane displays and moves and has the material applied. It was found that to get the material to work it was necessary to use THREE.MeshBasicMaterial, instead of applying a texture. It is unclear as to the purpose of the bump image and whether it could be used. The propeller rotates and the plane moves across the screen, and while the mouse is held down it rotates faster and the plane moves faster.

The code that rotates the propeller is: propeller.rotation.z += propellerIncrement;
The source code for this page is available for anyone who likes to see how it works.


  1. Home
  2. Introduction
  1. Daz Studio
  2. Effect3D Studio
  3. Faceworx
  4. Flare3D
  5. Home Design Suite
  6. IClone4
  7. Three
  8. Various
  9. VRML
  10. WidgetCast
  1. Collaborations
  2. Dogwaffle
  3. Drawing
  4. Drawing (2)
  5. Other
Information Technology (IT)
  1. AIE Game - Animal Farm Antics
  2. ASP.NET Demo
  3. chatPC
  4. Dreamweaver Tutorial
  5. JavaScript Graphics
  6. jQuery
  7. jQueryUI
  8. JSP
  9. Kid Vote
  10. Learning Tutorials
  11. Other
  12. Php Simple Demo
  13. SuperQuadric
  14. Tips
  15. Virtual Reality Language VRJP
  16. WPF Patterns
  1. 2XX
  2. Band In A Box
  3. Chord Composer
  4. Collaborations
  5. Jevan Singing Covers
  6. Creative Rhythmania
  7. Internet Radio
  8. Jazz in Canberra
  9. Jevan singing Karaoke
  10. Jevan Originals
  11. Jevan Piano Jazz
  12. Songs I like
  1. Acting
  2. Blog and Newsletter Archive
  3. Candles
  4. Chat and Social Sites
  5. Contact
  6. Dance
  7. Dating and Friendship
  8. Engineering
  9. Engineering - PSpice
  10. Engineering - Robot Design
  11. Intelligence and Personality Tests
  12. Job Searching
  13. Links
  14. Movie Favourites
  15. Personal History
  16. Ringtones
  17. Scouts
  18. Smileys
  19. Writing
  1. Best Ones
  2. Panorama
By Jevan Pipitone 2018. You can use or copy any of my material as long as you add a link to the web page