FdF_42

FdF stands for "Fil de Fer" (Wireframe) and it is a graphical project that involves creating a 3D wireframe representation of a landscape based on height maps.

Bresenham's Algorithm

I have watched the video to start understanding the functionality of the algorithm, then I have tried to implementing according to the school norm

Useful yt videos	Description
	abdul bari is one of the greates when it comes to explain how algorithm works
	This video is a little bit shorter and help me understand better the overrall logic.

By using Bresenham's Algorithm, the FdF project can efficiently draw lines between the points, avoiding the need to calculate and plot every single pixel along the line. The algorithm works by making decisions based on the slope of the line and the position of pixels to determine which pixels to light up, resulting in a straight line approximation.

The other choiche was the DDA but I didn't want to work with float points and I have seen around that most of the people haven't used this algorithm.

Isometric projection

In the FdF project, the map represents a terrain or landscape with different elevation levels.

By applying isometric projection, the project aims to display the map in a visually appealing and intuitive manner.

It ensures that the elevation levels are properly represented, and the lines connecting the points follow the correct angles and perspectives, creating the illusion of depth.

THE LONG JOURNEY (almost 4 month)

during the long journey to try to understand this project, I have changed OS (from MacOs to Ubuntu), worked by myself and in couple with a friend, and I wasted a lot of days, so in August I decided to freeze it because I was going on Holidays in asia.

When I come back I was working on it by myself and I was able to finished it. I wasted a lot of days on this project.

HOW TO START WITH THE PROJECT

How I structured my project

STEP TO TAKE	How to do that	the function that is doing so
1) READ FILE	Determine the height (number of lines) and width (number of numbers in each line) of the text file. Create a data structure based on the width and height and store values inside of it. You can use a function similar to ft_split() to split the lines and atoi() to convert the numbers. Read the file using get_next_line and write the numbers into the data structure of your choiche.	check_the_map
2) DRAWING LINE FUNCTION	Implement a function that draws lines using Bresenham's algorithm. Calculate the increments for the x and y directions based on the starting and ending coordinates of the line.	bresenham
3)FUNCTION WHICH DRAWS LINES BETWEEN EVERY DOTS	Create a function that draws lines between the points of the map. Iterate over the map and draw lines between adjacent dots. Each dot will have a right line and a down line.	draw_lines
4)ADDING 3D	Modify the coordinates using isometric formulas to represent a 3D projection. Apply the formulas x' = (x - y) * cos(angle) and y' = (x + y) * sin(angle) - z, where x' and y' are the new 3D coordinates and angle is the rotation angle (default: 0.8 radians). Update the drawing functions to use the transformed 3D coordinates.	int_to_isometric_pixel
5)ADDING BONUSES, (MOVE ROTATION ZOOM)	Implement functionality for handling user input, such as keyboard events. Use functions like mlx_key_hook(win_ptr, deal_key, NULL) to register keyboard event handling. In the event handling function (deal_key), update the parameters based on the user input, clear the window using mlx_clear_window(mlx_ptr, win_ptr), and redraw the picture with the updated parameters.	I havent done the bonus but still there is need to handle certain events close windows
6)ERROR HANDLING	Check if the program is executed with the correct number of arguments (argc == 2). Check if the file exists and can be opened (if ((fd = open(file_name, O_RDONLY) > 0))).	check stuff
7)FIX LEAKS	Perform memory leak checks using tools like leaks a.out or leaks fdf in your shell. Ensure that all dynamically allocated memory is properly freed before the program exits.	increment and free

tutorial on how to work with Images:

Useful blog post
how to create a image in mlx
Pixel drawing with the minilibx

Step	Description	MiniLibX Function	Inside my code
1	Initialize the mlx connection	mlx_init	windows_manage
2	Create a window	mlx_new_window	new_windows
3	Create an image	mlx_new_image	new_image
4	Get the image data	mlx_get_data_addr	new_image
5	Draw on the image	Modify pixel data	...
6	Put the image onto the window	mlx_put_image_to_window	new_windows
7	Start the event loop	mlx_loop	new_windows