Devlog 6

You can now move slides :O

I did not think this would be that hard of a feature, but turns out it is not that easy of a feature.

And I still have to add a display that showcases where this slide will now go after letting go of your mouse.

The idea is When I start moving the slide I calculate every slides global x position in the slide tab, then when the mouse moves I check the mouses global x position to then compare with the slides positions to see where it would go.

Basically a bunch of position calculations

slidePositions.current.map((pos, ind) => {      
if (newXPos < pos && found != true) {        
found = true;        
console.log(newXPos, pos);        
if (ind > startingSlidePos.current) {    
updateNewSlidePos(ind - 1);        
} else {          
updateNewSlidePos(ind);        
}}});

Also added image and text scaling using only one axis.

Thought overview

I am very excited at how the website is starting to look. And that you are already able to make real presentation slides, that look good in as little as a minute.

Every single devlog I think of more and more small quality of life feature that most presentation creator tools contain, and this can quickly become a daunting project.