Arashtad Blog
How to Design Textures in Three js?
Adding textures to the scene differentiates a novice design from a simple one. Textures create a more realistic effect on the objects, especially when you want to simulate real-world objects that have certain surfaces in addition to the bumps and dumps. Some textures create the colors and sketches; others cover the 3d ups and downs on the object's surface. So, in general, to have a real-world texture, you need a normal map, usually blue, a displacement map, and a photo...
Read More
Three JS vs Webgl: What Are the Differences?
In this article we will talk about both the WebGL and the Three JS. Their pros and cons, and the use cases each one of them have compared to the other one. Before we start comparing these two, it is important to notice that the Three.js library is based on WebGL and in this respect, there are not many difference in terms of their use cases. However, there must be a reason why Three.js has a lot more fans than...
Read More
How to Use Orbit Controls: A Complete Guide
In Three JS, we have many different ways of rendering objects. One of them is orbit controls, When we use orbit controls, we want to have a 360-degree view of the object; meaning that we want to move around the object with complete freedom. And when we use orbit controls, we can use many other animations for the object and these two won’t interfere with each other. Suppose you want to animate a rotating sphere, which simulates the globe (planet...
Read More
How to Create Three.js Tube Efficiently
In this tutorial, we are going to design a tube with the texture of a real-world tube. The process we are going to take starts from scratch and we will cover all of what needs to be explained in order for the beginners to understand. First, we will start with the Vite plugin and then we will extend and develop the main.js file by starting from the simplest scene with cylinder, camera, point lights, material, and so on. Then we...
Read More
What is blockchain in simple words
Contrary to the popular fallacy, the Blockchain is not a new concept that has become the hot passion of the day in the form of cryptocurrency. The very first time blockchain was used, dates back to 1982 when a cryptographer ( David Chaum), first proposed a blockchain-like protocol in his dissertation “Computer Systems Established, Maintained, and Trusted by Mutually Suspicious Groups”. More works on blockchain were described in 1991 by Stuart Haber and W. Scott Stornetta. However, none of these...
Read More
How to Add Background Using Orbit Controls in Three JS
One of the most exciting projects is adding a background scene in Three js. The scene could be retrieved from an HDRI image that has been captured in 360 degrees from a scene like the interior space of your room or an open ambient like a garden, jungle, or mountain. You can create any of these images yourself but that is not the subject of this tutorial. Instead, we are going to get one of these images from a website...
Read More
Harmony Blockchain Introduction + Pros and Cons
The main purpose of all blockchains has been decentralizing peer-to-peer transactions. After Bitcoin, Ethereum managed to propose a more useful blockchain for decentralized applications. As blockchain users grew in number, all networks faced the problem of scalability. Since then, all the developers have worked hard to solve this issue. Among all the ecosystems, Harmony has provided one of the best solutions to solve this problem by proposing the Sharding mechanism. This mechanism solves the problem of scalability in addition to...
Read More
Making A Three JS Cube: A Useful Guide
One of the simplest projects that will help you learn the basics of Three js, is designing a cube, changing the color, light sources, materials, adding textures, and so on. Of course, if you want to just get started with Three js, this example is one of the most idealistic projects that you need in order to learn it. Fewer tutorials will teach you everything about manipulating the simple cube and how you can decorate it in the very first...
Read More
How to Use Perspective Camera in Three JS
One of the things that many new learners have difficulty with is about the perspective camera in Three js. Like our previous articles about Three js lights and others, we are going to cover a very problematic concept in Three js. This is something that may cause misunderstanding. So, we need to get into it deeply. Perspective and Other Cameras in Three JS In general, Three js is a library that allows you to visualize the 3D data in the...
Read More
Creating Glowing Sphere in Three JS + Notable Hints
One of the very useful projects that can be used for larger projects is creating a glowing sphere using Three js. The use cases of this object are very wide. It can be used for simulating the sun, the moon, the planets, or the planet earth itself. A glowing sphere usually has a kind of halo based on the kind of object it is. For instance, the planet earth needs a kind of a halo for simulating its atmosphere or...
Read More