Projecting a 3D object onto a 2D plane often involves transforming geometric equations into a perspective view. Here’s a fun observation: when you view a parabolic curve drawn on the xz-plane from the xy-plane through a perspective projection, the curve can appear as an ellipse. The animation ...
Setting up ROS using Docker allows for a clean and efficient development environment on macOS. This post guides installing Docker, pulling and running ROS images, configuring XQuartz for GUI support, and launching containers with X11 forwarding. Following steps help to run ROS tools like rviz ...
This post is the final step of our solar system project using Three.js. We will add a realistic Milky Way background. This will enhance the feeling of exploring the solar system. To do this, we will create a large cube with Milky Way texture on the inner face of the cube.
This post explains how to apply a bloom effect to specific objects in a Three.js scene using multiple EffectComposer instances and layers. By leveraging Three.js Layers, objects that require the bloom effect are isolated into a dedicated layer. A “bloom composer” renders only these objects wit...
Post-processing in Three.js is a technique used to enhance the visual quality of rendered 3D scenes by applying various effects such as bloom, depth of field, and glitch effects. These effects are added after the main rendering process, giving developers control over the final appearance of a ...