Dealing with Different ThreeJs Versions, Without the Pain

-

DEALING WITH DIFFERENT three.js VERSIONS, WITHOUT THE PAIN

Semver? No Way!

The development pace of three.js is fast, and it uses a slightly unusual versioning system. Most software gets released incrementally as V0.5, V0.6, V1.0, V1.1.1 etc. This is known as Semantic Versioning, or semver for short.
Well, three.js is far too hipster for that - instead, we use a revision system, with names like R45, R67, R98 etc. There’s a new revision out once a month or so. You can view a change log of recent releases here.

API Changes

The three.js API (Application Programming Interface) - that is, the commands that we type into our code to make three.js do things - may change in any revision. This means that if you are following a tutorial or book that was written a couple of years ago when R65 was the bee’s knees, you may find that things are not working out as you expect.
In practice, it’s not actually that bad. The majority of the syntax has not changed in years. Also, everything that does change is kept as an alias if possible. Whenever you use one of these aliases, a deprecation warning is logged to the console but your app will still work just fine.


A deprecation warning








For example, here we are being told that the improperly named AxisHelperwas renamed to the correct AxesHelper. The old name will still work, but we’ll get this warning every time we use it.
So if you are following an old tutorial or getting help from a three year old StackOverflow post that has out of date syntax, most things will still work. Just make sure to keep an eye on those console warnings.

Always Use Examples and Plugins that Match Your three.js Version

While the syntax is relatively static, behind the scenes the code may have changed a lot between releases.
You should make sure that any files you use from the /examples folder match the version of three.js you are using, otherwise, you might run into some nasty and hard to pin down bugs.
If in doubt, download the entire latest release of three.js as a zip file and use the files from that.

Watch These Pages for Changes

To keep up to date with changes, follow these pages:

Comments

Post a Comment

Popular posts from this blog

How to download a file using command prompt (cmd) Windows?

-
Image
If you’re like most Internet users, you download various types of files now and then. You either download these files with your web browser or some download manager software. Have you ever considered downloading files using the command prompt i.e. CMD? If not, we recommend you to try it. It’s quite interesting apart from being very useful as well. In this article, we’ll show you how to download a file using command prompt aka CMD. How to download a file using command prompt?   There are several useful commands for the Command Prompt and one of them is  bitsadmin . Though bitsadmin has several uses, here we shall limit this article to its role in downloading files only. If you want to read the details about bitsadmin syntax, continue reading this section. Otherwise, you can scroll down to the next section –  Downloading a file .   The syntax of bitsadmin is : BITSADMIN [/RAWRETURN] [/WRAP | /NOWRAP] command   As you know, the parts of the syntax inside ...
Read more

The future of Artificial Intelligence: 6 ways it will impact everyday life

-
Image
Technology moves at breakneck speed, and we now have more power in our pockets than we had in our homes in the 1990s. Artificial intelligence (AI) has been a fascinating concept of science fiction for decades, but many researchers think we’re finally getting close to making AI a reality.  NPR notes that in the last few years, scientists have made breakthroughs in “machine learning,” using neural networks, which mimic the processes of real neurons. This is a type of “deep learning” that allows machines to process information for themselves on a very sophisticated level, allowing them to perform complex functions like facial recognition. Big data is speeding up the AI development process, and we may be seeing more integration of AI technology in our everyday lives relatively soon. While much of this technology is still fairly rudimentary at the moment, we can expect sophisticated AI to one day significantly impact our everyday lives. Here are 6 ways AI might affect us in the ...
Read more

How to Include ThreeJs in Your Projects

-
Image
HOW TO INCLUDE three.js IN YOUR PROJECTS There are quite a few different ways to include three.js in your JavaScript application, some of them simple, some of them a little more complex, however, they all boil down to one simple idea: you need to include one (and  only one) of these three files in your project: three.js three.min.js three.module.js You can view them all  on the three.js GitHub repo , which we’ll explore in the next chapter. Each of these files a version of the three.js core, meaning that once you’ve included one of them in your application, you are all ready to get started in creating beautiful 3D scenes. There are two main ways to include these files in your project: include them in a  script tag  in your HTML import them directly into your JavaScript files. We’ll explore how to do in Section Two What’s the Difference Between these Files? The  three.js  file is intended to be included in a  <script> ...
Read more