3D Computer Graphics in the Real World
My Account Wish List (0) Shopping Cart Checkout
Wittystore
Login
E-Mail Address:
Password:
Forgotten Password
Sign Up Join Us
// `$_SERVER['REQUEST_URI']` to get the current URL and then check if it contains 'latest-blog' // If the user is using the blog the language menu above is not shown so that the blog is only in english
€
€ Euro £ Pound Sterling $ US Dollar
0
0
0 €0.00
Your shopping cart is empty!
Menu
  • Home
  • 3D Models Download
    • Art
    • DIY
    • Ecolife
    • Garden
    • Home
    • Learning
    • Music
    • Sport
    • Style
    • Board Games
    • Office
    • Toys
    • Characters
    • Collections
      • Baby shower
      • Christmas
      • Earrings
      • Halloween
      • Key-chains
      • Movember
      • Phrases
      • Picks
      • Vehicles
      • Vikings
  • Books
  • Hardware
    • Consumables
      • Filaments
      • Materials
      • Accessories
      • Resins
      • Composite Powder
    • 3D Printers
      • By industry
      • By series
      • By application
      • By technology
      • By materials
    • 3D Pens
    • 3D Scanners
    • Laser Engravers & Cutters
  • Software
    • 3D Modelling Software
    • 3D Printing Software
    • AI Software
    • CNC Software
    • Metaverse
    • Video games
  • Upload

    Share your digital creations!

    upload digital content

    UPLOAD

    Become a Wittyer

    Login/Sign up for a "Wittyer Profile" and upload your content with our easy-to-use tool.

    Choose your licence

    Choose the license that best represents your work between commercial or open source options. Check licences here

    Monetize

    For each download, you will receive up to 85% of the net selling price. Check our royalty options here

  • Customizer3D
  • Blogs
  • 3D Models Download
    • Art
    • DIY
    • Ecolife
    • Garden
    • Home
    • Learning
    • Music
    • Sport
    • Style
    • Board Games
    • Office
    • Toys
    • Characters
    • Collections
      • Baby shower
      • Christmas
      • Earrings
      • Halloween
      • Key-chains
      • Movember
      • Phrases
      • Picks
      • Vehicles
      • Vikings
  • Books
  • Hardware
    • Consumables
      • Filaments
      • Materials
      • Accessories
      • Resins
      • Composite Powder
    • 3D Printers
      • By industry
      • By series
      • By application
      • By technology
      • By materials
    • 3D Pens
    • 3D Scanners
    • Laser Engravers & Cutters
  • Software
    • 3D Modelling Software
    • 3D Printing Software
    • AI Software
    • CNC Software
    • Metaverse
    • Video games
  • Customizer3D
  • Blogs
Blog Category
  • Facts & News
  • Guides & Tutorials
    +-
    • Blender Tools and Commands
  • Tech Explained
  • Industry Insights
You may like
beeverycreative blender vehicle design krita metal pendant3dprintable hologram showcases sorcerer fabtotum core series 3D printing
Home » Tech Explained » About Three.js
13 Dec
Share This:
    Share on Facebook X Post to Tumblr Pin it Submit to Reddit Share on LinkedIn Save to Pinboard Send email

About Three.js

13 Dec 2022
Published In: Tech Explained Hits: 1005

What is Three.js?
Three.js is a cross-browser open source JavaScript library and application programming interface (API) used to create and display animated 3D and 2D computer graphics in a web browser using WebGL. The source code is hosted in a repository on GitHub.
It uses WebGL API behind the scene.  Three.js allow you to use your GPU(Graphics Processing Unit) to render the Graphics and 3D objects on a canvas in the web browser. since we are using JavaScript so we can also interact with other HTML elements.

Three.js is open source so we can easily watch the source code and understand its functionality.
To run the code it doesn’t required any third party plugin. You just need to work on only one programming language JavaScript and off course HTML.

With three.js, you no longer need a fancy gaming PC or console to display photorealistic 3D graphics. You don't even need to download a special application. Now everyone can experience stunning 3D applications in the palm of their hand using nothing more than a smartphone and a web browser.

Where can I download three js?

Download three.js here on https://www.wittystore.com/three-js.html and start to use it on your website.

Alternatively you can find the code on the official website https://threejs.org/ or on github (https://github.com/mrdoob/three.js/).

What are three.js features? 

three.js is an evolving project, so other functions could be added, at the moment some of the main features are:

- Effects: Anaglyph, cross-eyed, and parallax barrier.
- Scenes: add and remove objects at run-time; fog
- Cameras: perspective and orthographic; controllers: trackball, FPS, path and more
- Animation: armatures, forward kinematics, inverse kinematics, morph, and keyframe
- Lights: ambient, direction, point, and spot lights; shadows: cast and receive
- Materials: Lambert, Phong, smooth shading, textures, and more
- 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, and more; 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,[14] WebGL Inspector, Three.js Inspector
- Virtual and Augmented Reality via WebXR
- Three.js runs in all browsers supported by WebGL 1.0.

What's three js used for?
Three. js is a JavaScript-based WebGL engine that can run GPU-powered games and other graphics-powered apps straight from the browser. The three. js library provides many features and APIs for drawing 3D scenes in your browser.

Who invented three js?

Three.js was first released by Ricardo Cabello on GitHub in April 2010. The origins of the library can be traced back to his involvement with the demoscene in the early 2000s. The code was originally developed in the ActionScript language used by Adobe Flash, later being ported to JavaScript in 2009.

In Cabello's mind, there were two strong points that justified the shift away from ActionScript: Firstly, JavaScript provided greater platform independence. Secondly, applications written in JavaScript would not need to be compiled by the developer beforehand, unlike Flash applications.

Additional contributions by Cabello include API design, CanvasRenderer, SVGRenderer, and being responsible for merging the commits by the various contributors into the project.

With the advent of WebGL, Paul Brunt was able to implement the new rendering technology quite easily as Three.js was designed with the rendering code as a module rather than in the core itself.

Branislav Uličný, an early contributor, started with Three.js in 2010 after having posted a number of WebGL demos on his own site. He wanted WebGL renderer capabilities in Three.js to exceed those of CanvasRenderer or SVGRenderer. His major contributions generally involve materials, shaders, and post-processing.

Soon after the introduction of WebGL 1.0 on Firefox 4 in March 2011, Joshua Koo came on board. He built his first Three.js demo for 3D text in September 2011. His contributions frequently relate to geometry generation.

Three.js has over 1500 contributors on GitHub.

Is three js free to use?
Three. js is a free opensource library and API.

Three. js as with Babylon. js provides built-in functions to help you implement common 3D functionality more quickly.

Tags: three.js java script code html
Same In Category
  • Blender 2.8x vs Fusion 360
  • What’s the Difference Between PLA, ABS, and Nylon?
  • What is G-Code?
  • What is 3D Printing?
  • What does cnc mean in text?
  • What does cam mean in text?
  • Text2STL: Bridging the Gap in 3D Printing While Awaiting AI Advancements
  • Metaverse the next generation of the web
  • List of M-Codes commonly found on FANUC and similarly designed controls
  • List of G-Codes commonly found on FANUC and similarly designed controls
Related Blogs By Tags
  • Text2STL: Bridging the Gap in 3D Printing While Awaiting AI Advancements
  • About Three.js
Sign in with Sign inSign inSign inSign in

Find us also on:

About us

Wittystore is a company focused on products that are ingeniously clever in conception, execution and expression.

GET IN TOUCH:

 General Enquiries

 Business Enquiries

 Get Support

Information
  • About Us
  • Create Account
  • Privacy Policy
  • Terms & Conditions
  • Advertisement Rates
  • Licences for Digital content
  • Contact Us
Extras
  • Brands
  • Gift Vouchers
  • Affiliates
  • Specials
  • Site Map
My Account
  • My Account
  • Order History
  • Returns
  • Wish List
  • Newsletter
All rights reserved Wittystore © 2014-2025, Company Reg.No. 544064 Ireland, VAT Registered
secure website