Code360 powered by Coding Ninjas X Naukri.com. Code360 powered by Coding Ninjas X Naukri.com
Table of contents
1.
Introduction
2.
Frequently Asked Questions
2.1.
What are the important parts of an image editor?
2.2.
What is Node app used for?
2.3.
Why is Node so popular?
3.
Conclusion
Last Updated: Mar 27, 2024

Node Based Image Editor

Author Yukti Kumari
0 upvote
Crack Google SDE interview : Essential projects
Speaker
Saurav Prateek
SDE-2 @
20 Jun, 2024 @ 01:30 PM

Introduction

Akshit Bansal has recently created a Node Based Image Editor. He is a second year COE student at Delhi Technological University (DTU). He is currently pursuing Data Structures and Algorithms Course in C++ and Competitive Programming in C++ course at Coding Ninjas.

Node Based Image Editor

Why did you choose this project topic and what was your inspiration behind it?

Before coding, I was doing video editing and had explored a lot of software. One of them was Nuke (a node-based video editor) which completely blew my mind. After using it, I realised how powerful it was as compared to others which generally people use. After coding, I have the power to develop the tools I want. This previous interest made me curious about image processing and how it all of it really works.

Tell us in detail about your project (its name), its features, the total number of users and downloads.

My project’s name is a Node Based Image Editor. Unlike most of the commercially available Image Editors like Photoshop, my editor uses the node-based compositing workflow unlike the layer-based (like in Photoshop). In this approach, each modification and in fact the image itself is represented as a graph node. This is node-based compositing, which represents an entire composite as a directed unweighted graph, linking media objects and effects in a procedural map, intuitively laying out the progression from source input to final output.

This type of compositing interface allows great flexibility, including the ability to modify parameters of an earlier image processing step while viewing the final composite. Features like saturation, contrast, blur, rotation, crop, scale, mirror, gamma correction, shuffle (re-arrangement of individual color channels) have been added.

These modifications can be done on it via creating their corresponding nodes and connecting it to the stream. Even to view the image stream, you need a viewer node. I have thought of many more features which I will add in the future such as image operations like add and multiply and input v/s output graphing features. In fact, another update is about to release which involves major UI changes which include convenient edge creation.

His project is available for Windows, Linux and macOS. It can be downloaded from the releases page on his Github repository. He has made a detailed ReadMe on Github about this project which involves how to use it.

These are the types of nodes which you can create in this editor:

types of nodes
  • Read node: Reads the image file from your system.
     
  • View node: Provides a viewer window to view the image stream. The viewer windows also give the ability to view the individual colour channels. 
viewer window
  • Write node: To save the modified image with desired quality factor.

Recommended Topic, Agents in Artificial Intelligence

All the other nodes are image transformation nodes.

  • Grade node: Used to define the black points and white points of the image.
     
  • Gamma node: Applies a constant gamma value to the image. This affects the mid-tones of the image.
     
  • Saturate node: Alters the intensity or purity of colour as displayed in an image. The higher the saturation of a colour, the more vivid and intense it is. The lower a colour’s saturation, the closer it is to pure grey on the grayscale.
     
  • Contrast node: To alter the difference in brightness between objects or regions. High contrast photos pop out, show textures in the subject and give a feeling of edginess, high energy and strength.
     
  • Blur node: Adds box blur to the image with the specified radius.
     
  • Crop node: Crops it to the specified coordinates.
     
  • Scale node: Scales it to the specified resolution.
     
  • Rotate node: Rotates the image with the specified angle in degrees.
     
  • Mirror node: Mirrors it across the horizontal as well as the vertical axis.
     
  • Shuffle node: Shuffle node rearranges different colour channels of the image into other colour channels.

 

He used the Qt framework for C++ for creating this project. Qt is a free and open-source widget toolkit for creating graphical user interfaces as well as cross-platform applications that run on various software and hardware platforms such as Linux, Windows, macOS, Android, or embedded systems with little or no change in the underlying codebase while still being a native application with native capabilities and speed.

Recommended Topic, Interpolation in Angular and Install Homebrew

Frequently Asked Questions

What are the important parts of an image editor?

All image editors should include the following functions: cropping and resizing, brightness, contrast and colour adjustments and sharpening and blurring tools.

What is Node app used for?

Node allows developers to write JavaScript code that runs directly in a computer process itself instead of in a browser. 

Why is Node so popular?

One of the most important reasons for the popularity of Node. JS is it uses JavaScript as its main language while developing applications. 

Get the tech career you deserve, faster!
Connect with our expert counsellors to understand how to hack your way to success
User rating 4.7/5
1:1 doubt support
95% placement record
Akash Pal
Senior Software Engineer
326% Hike After Job Bootcamp
Himanshu Gusain
Programmer Analyst
32 LPA After Job Bootcamp
After Job
Bootcamp

Conclusion

In this article, we learned about the node-based image editor created by Akshit Bansal.

We hope that this blog has helped you enhance your knowledge regarding node-based image editors.

Check out these useful blogs on - 

Check out this problem - Connect Nodes At Same Level

Refer to our guided paths on Coding Ninjas Studio to learn more about DSA, Competitive Programming, JavaScript, System Design, etc. Enroll in our courses and refer to the mock test and problems available, interview puzzles, take a look at the interview experiences, and interview bundle for placement preparations.

Do upvote our blog to help other ninjas grow.

Happy Reading!!‍

Previous article
TCS iON CCQT 2023: How to Apply, Eligibility, and Preparation
Next article
How to become a Data Scientist in India
Live masterclass