serwin.dev

Change log:

– Improved UI and added tutorial
– Button functionalities have been added

The project has been completed and prepared for ship

Change log:

– Added UI for the website
– Added two Buttons - “Gimme one” and “generate” but the functionalities haven’t been added yet.

To do:

• Add functionalities to the buttons and improve the UX

Change log:

– Added overlays to indicate pieces that are attacked, defended and hanging
– Added svgs and animation to improve UX (Sweat indicates attacked but also defended, whereas frustrated indicates attacked but not defended pieces)

To do:

– The Engine has been completed and now the Ui of the website must be improved

Change log:

• I have added the FEN to 8x8 grid method for analysing.
• I have created huge functions to analyse the move of the chess.

To do:

• Calculate attacked and defending pieces.

In this 1 hr of work, I have implemented the FEN string into chessboard using chessboard.js

Just a beginning of work – soon i will update

In this 3+ hours of work, I have achieved the Final state.

Newly added

• Improved the whole UI of the website
• Added a Readme by my own.
• In the website, I have written a tutorial – so that people won’t get confused using this.

See DEMO for final

In this 1hr of work, I have tried to optimize the pixel rearrangement – it will move a small range only.

• Optimization of animation

To Do:

• Style the page using CSS
• maybe to implement someother algorithm

Major changes:

• Shipped the whole project from python to Javascript
• Reason: Because, I need demo in web view!!
• Applied the same brightness-based algorithm from python to js using html canvas.

To Do:

• Add algorithms to improve animation and optimize it.
• Style the page

In this 50m, i have completed the basic working model of my project in python using pillow
So far,

• The image which is given will undergoes continuous animation with the help of frames and each frame will be saved in different files.
• But, i encountered a new problem – i need demo in web view (Ofc, Python can handle but it drastically reduces the performance) So, i’m completely moving into Html,CSS and JS.
• This can be considered as a positive thing. Because, i can learn the concepts again.

In this 1 hour of work, i have went through the module of python, “pillow”.

Newly added:

• Now, the program can extract pixels and calculate brightness for each pixel.
• It would then compare the two images and get the color from first image and position from second image.
• With those, new pixels – it would create an output, Combining the color from 1st image and structure from 2nd image.

The program just gives the output with no animation – right now!

I went through the feedback and i tried to improve my UX.
After that, instead of just being a simulator – i made it into a game.
Yeaa, it was fun to make and hope it will be fun to play too.

I changed the process of adding mirrors – instead of just a straight mirror. I made it so you can create mirrors however you want – diagonal, short, long.
The concept of the game is also very simple – use the mirror to direct the rays into the given point (Which will be in blue circle)

Also, I found very complicate to compile the game into web – so i am preferring to export it into just an exe file..! It’s hard to compile into wasm.

I hope y’all will enjoy the game :)

I changed SFML into Raylib…
Since i have to provide demo in web – but it changed everything.
Fought with it but still a lot of bugs to be cleared.
So far, I cleared some bugs.. will work on it later

A good news: I added multiple mirror system

Just updated the ray of light.
So far, on right click of mouse, the simulator will emit light from the source as rays. The rays will collide with mirror and disappear.
Soon, the mirror will reflect the light or refract based on medium.