An important part of modern Container Load Plan tools is showing web-based 3D results effectively so end-users can understand the arrangement quickly at first glance.
Building a Container Load Plan (CLP or CPL) has never been an easy task. There are 2 major difficulties:
In this article, I focus on how to deal with visualization part using Three.js. It is an amazing library with great examples and documentation.
Here is my first result with perspective 3D container and boxes:
With the support of WebGL animations on modern browsers, I have also implemented the box loading animations as you can see on live demo site. As a conclusion, I recommend the Three.js library for 3D rendering tasks and you will be able to make cool stuffs yourself soon!
I hope you have good time. If you want to share an idea or discuss a job, do not hesitate to contact at