The Rubik’s Cube model was created in Blender software, but Three.js was used to display the GLB model on the web.
The Rubik’s Cube model was created in Blender software, but Three.js was used to display the GLB model on the web.
3D Animation
Bringing 3D to the Web
The 3D project I am currently working on is called Diplomacy. Its story refers to the bitter events happening around the world—those tragic news stories that repeat every day and, due to their constant recurrence, lose their journalistic value. Yet, in the regions where these issues occur, the problems persist daily, and the wounds remain fresh. You may have already seen a short segment of this animation in the slideshow on the homepage of this website. However, these segments are gradually being completed and will be displayed on this page alongside my other 3D animation works.
But my interest in the world of 3D animation doesn’t end here. In fact, the beginning of all this is like holding a Rubik’s Cube at the start of an apparently simple game. A cube at the center of the universe, where the largest 3D projects begin from that initial scene. Moments later, all those ideas are implemented in that seemingly simple world. I used Blender software for my graduation thesis project. Of course, I also utilized various other tools, such as Adobe Premiere, Adobe Photoshop, Davinci Resolve, Adobe After Effects, and even Adobe Illustrator to complete it. However, I don’t want to stop at this point. I still feel there is so much more to accomplish, and, honestly, I feel like I’m just at the beginning of my journey. This is a path I truly wish to continue working on.
From Animation to Web: The Power of 3D
Can 3D Transform the WEB Experience!? I am deeply passionate about them as well. In my opinion, they add something unique to websites that makes them more impactful—depth. With 3D websites, you can see all around an object, navigate through a three-dimensional space, or even design an object that enters the scene from within an environment. This sense of ambiguity and suspense makes the space more mysterious, and therefore, more captivating. Solved puzzles, no matter how complex, aren’t that interesting. For me, the most important thing in any project is creating and narrating a story. Whether it’s a container in Elementor WordPress, a slideshow, an animation, or a website—each of these should tell a story.
At the top of this page, you can see a cube emerging from a galactic space. This cube was designed in Blender software and later uploaded to this page in the glb format. Of course, dear JavaScript was also used to complete this scene. But what is the story behind that glowing cube? The initial idea was to assign emission effects to some parts of the cube. I wanted to implement the emission effect directly within the glb file used on the website. This process was very time-consuming and challenging, and in the end, I settled for a fully JavaScript-based version, which is what you see here. Both the cube at the top and the one built with JavaScript are interactive, and you can play with them using your mouse—a very simple and childlike interaction, though!
This page will gradually be enriched with more portfolio works. As the Diplomacy project progresses, I will add more sections of it to this page over time.
Here, Three.js and some other JavaScript libraries have been used to fully implement the Rubik’s Cube along with a bloom effect.