3D computer graphics with Three.js

Three.js is the world's most popular JavaScript library and API used for displaying 3D computer graphics in a web browser using WebGL. 

History of Three.js

Three.js was first released by Ricardo Cabello on GitHub in April 2010. It was originally developed in the ActionScript language used by Adobe Flash and later being ported to JavaScript in 2009. The benefits of javascript compared to actionscript is that JavaScript provided greater platform independence. Applications written in JavaScript would not need to be compiled by the developer beforehand, unlike Flash applications.

Branislav Uličný, an early contributor, wanted WebGL renderer capabilities in Three.js to exceed those of CanvasRenderer or SVGRenderer, therefore, his major contributions generally involve materials, shaders, and post-processing. After the introduction of WebGL 1.0 in March 2011. Joshua Koo built his first Three.js demo for 3D text in September 2011. His contributions frequently relate to geometry generation. 

  • Effects: Anaglyph, cross-eyed, and parallax barrier
  • Scenes: Add or remove objects at run-time
  • Cameras: Perspective and orthographic. Controllers: trackball, FPS, path
  • Animation: Armatures, forward kinematics, inverse kinematics, morph, and keyframe
  • Lights: Ambient, direction, point, spot lights. Shadows: cast and receive
  • Materials: Lambert, Phong, smooth shading, textures
  • Shaders: access to full OpenGL Shading Language (GLSL) capabilities: lens flare, depth pass, and extensive post-processing library
  • Objects: meshes, particles, sprites, lines, ribbons, bones, and more - all with Level of detail
  • Geometry: plane, cube, sphere, torus, 3D text. Modifiers: lathe, extrude, and tube
  • Data loaders: binary, image, JSON, and scene
  • Utilities: full set of time and 3D math functions including frustum, matrix, quaternion, UVs, and more
  • Export and import: utilities to create Three.js-compatible JSON files from within: Blender, openCTM, FBX, Max, and OBJ
  • Support: API documentation is under construction. A public forum and wiki is in full operation
  • Examples: Over 150 files of coding examples plus fonts, models, textures, sounds, and other support files
  • Debugging: Stats.js, WebGL Inspector, Three.js Inspector 

You may also like

November 20, 2023

Top IT Skills in Demand in 2024

In the ever-racing tech arena, staying in the loop isn’t a choice—it’s a must. Whether you’re a seasoned software developer aiming to maintain your edge, a practitioner honing your skills, or a job hunter gearing up for crucial interviews, you’ve got to ride the trend wave.  Join us on a journey into the most sought-after […]

November 13, 2023

How Does Lilly021 Fuel Startup Success?

In today’s fast-moving business landscape, startups are pushing the boundaries of innovation and boosting our economies. However, they often wrestle with various hurdles, from limited resources to fierce competition. That’s where having the proper guidance and expertise becomes essential.  Here at Lilly021, we take pride in being that reliable partner for startups, providing the support […]

November 27, 2023

Effective Remote Work: How to Enhance Your Soft Skills

Remote work, once celebrated for its conveniences like working from the comfort of home and the absence of daily commutes, can be a double-edged sword. On one side lies the allure of a familiar environment, while on the other, the potential for disconnected team members and a disjointed workflow looms.  So that’s where soft skills […]