A scene full of snoooooow! WebGL has this ability to create a particle system with every object Geometry. so this is a exciting technology for every designer. Simply , first you define a geometry then you create a system that generate particles . simple as that . isn’t that mind blowing ? You can create cube , sphere or etc based geometry to create this particle system. Visit Website The post Snowy Scene appeared first on NimaPrmi ..read more

One of my favorite thins about react is, that we can handle many things with it very easily. This can be a strength and weakness point at the same time. Because it needs heavy core understanding about JavaScript specially ES6+. React-Three-Fiber is a React renderer for three.js. And we can Implement Three.js Environments with it very easily. Visit Demo The post THE NPM-Portfolio appeared first on NimaPrmi ..read more

This project is a 3D showcase for interior and exterior of a home. you can visit this home with 2 different point of views. one with free camera and controlling it by your mouse. Two with animated mode so you just click on button and you will explore house. The animated mode is also very great and you can explore house very easy with controlling buttons. Visit Website ( Animated Version ) The post The Home appeared first on NimaPrmi ..read more

Temple of friend ship is one of my side projects with React-Three-Fiber And Drei and it is a simple storytelling about this temple. In this project I really wanted to create a soft feeling of environment and the result was satisfying for me. Temple Of the friendship project Also wanted to thank the creator of the 3D model for creating this amazing model. Demo The post Temple Of Friendship appeared first on NimaPrmi ..read more

Four spheres are roatating on a Chessboard using WebGL animatons. The main purpose of this project was showing how roughness map and metalness map works. Roughness map is one the most important things that we should use in our scene to create a realistic scene. You can define how light should reflect on a object and with that we can create a real-feel environment. Visit Website The post Four Spheres appeared first on NimaPrmi ..read more

PNA was my first serious project with THREE.Js and i’m so happy with the results. This website is using WebGL , THREE.JS technology for rendering the scene . Whole website is rendering on one page and the interesting part is no scroll is available ! I used texture map , roughness map and other technologies for creating a realistic scene. In this design the main focus was getting the best experience and simple user interface for achieve grate user experience . pretty impressive right ? unfortunately web design industry is going a little bit boring and we see a lot of UI designs that they are j ..read more

Metalness is one my favorite tools for designing an object. It is like a magic! Whenever you want to show the client a really deep and close view to the object you have to use metalness method. Higher amount of metalness will create a shinier surface but the penalty of using this method is putting CPU on the high pressure calculations . So basically if you use this Technic so much you will have a lot of lags Visit Website The post The metalness appeared first on NimaPrmi ..read more

Render speed is one the most important measures in creating a WebGL scene. so what if we have to many objects ? Answer is using group objects. Group objects are best for rendering a grate performance scene. thanks to THREE.JS we have that ability. Also you have to be careful to using this method and if you use this Technic so much, you will have lot’s of problems in the future. Visit Website The post Group of boxes appeared first on NimaPrmi ..read more

WebGL is meaningless without using animations rig. animation rig is a way to move the camera around scene. Who hate to sit and watch a website while it is representing itself like a great movie? You See ? here we are dealing with a new generation of websites! Basically animation rig is a way to create an interactive or none interactive view point for website. For understand the purpose go and see the PNA project in the my portfolio page using THIS LINK Visit Website The post Animation Rig appeared first on NimaPrmi ..read more