Recent Posts

Three-D Programming never was so accessible.

I was always attracted to 3D programming and graphics. The way we can create real-looking models of the world with two dimensional screen always hypnotise me.

When I studied in the university to my first degree in computer science I took a course in computer 3D graphics, but back than it was a totally different world. All the graphics was done in C or C++ and you had to do most of the math and physics by yourself. And there’s a lot of math there, I mean, really a lot. Vectors, geometry, trigonometry and so on, you had to be a really good at that in order to write 3D graphics. Not to mention the high demands in memory and CPU those programs tend to consume, what made them unfitting to the standard computer.

Well, those days are over. A lot happened in the computing world, huge things, and an advance in 3D programming is one of them. Not long ago I’ve encountered the Javascript library called Three.js, and my life had changed (well at least in one perspective).

What is Three.js? It’s a Javascript library that supplies functions and objects for creating and programming three dimensional graphics. The library’s code works on the WebGL library and offers more or less the same functionality. But listen to the good news – Three.js’s goal is to enable 3D graphics programming without the complexity that usually characterizes such projects. It does so by omitting most of the complex mathematics and physics. Sure, you still have to know the basics, a little bit geometry and trigonometry is a must have, but other than that – you can count on Three.js engine to make the computations for you.

For me it was a real blessing. I love to program, I love to think of solutions to problems, and using Three.js enabled me to do just that. Every crazy idea I had, every animation, graphics, game, you name it, was transformed thanks to Three.js to algorithmic problem rather than math course. Three.js let me do what I love – to program, to find nice solutions and not to be a mathematician.

The other advantage of Three.js (and maybe it surprises me because I’m old enough to remember other days) is that it all runs on the browser. No special hardware is needed, no special installations or software. Just your plain browser and your standard computer. For me it was almost too good to be true, but it works. Even relatively complex computations are done fast enough to go unnoticed. I guess much of the praises are owed to the modern computers and browsers that are incomparable in their powers to the computers only decade ago. But part of the good stuff is owed to Three.js as a library. Its creators did a really good work on crafting a useful, clean and efficient library that actually makes our life (at least our life as programmers) better.

The library’s 3D model is pretty much the same as any other’s – it based on a scene on which the 3D objects are located, a camera that provides the point of view, and the renderer that puts everything on the view port (in Three.js’s case – the browser).

Most of the common 3D objects such has cubes, spheres, cones and so on, are represented as pre-defined objects, so we can use them out of the box (again – simplicity is the keyword). Other elements like shadows or sprite motions may be more sophisticated to manipulate. But all in all – I think that you can get up and running with 3D graphics in much less time with Three.js than any other library I’ve seen.

So, what you need? First of all, you have to know how to program in Javascript. You don’t have to be a professional, but more than novice knowledge is required if you want to do something useful. Besides that, as I said – the basic math is needed. And beyond that – only a browser and a text editor. Simple as that.

I know that for me, Three.js library was the right tool that made me start writing awesome three dimensional animations, and it let my creativity out. I was finally able to concentrate in programming, in thinking and was able to put my ideas into action with my abilities.

If you love to program, and 3D animation and graphics make your brain to start yield endless ideas of projects – you may want to check it out. You’d love it!

Visit my Three.js course -