FreeCAD / FreeCAD-Homepage

The homepage at http://www.freecad.org
GNU Lesser General Public License v2.1
27 stars 42 forks source link

Content Need for the Website #179

Open Reqrefusion opened 2 months ago

Reqrefusion commented 2 months ago

I am aware of efforts to revamp the existing site, but I have my doubts that this can be done before 1.0. That's why I embarked on a revision. I called this revision Sisyphus because I knew how to build the new site. Yes, I like poetry. But in any case, the site needs content. Here are the visuals showing the features I mentioned in the content and the articles briefly explaining them. And even animations. We will need these for the new site as well. I think existing things should be made clean and clear and more impressive examples should be produced.

I also have a suggestion here. Interactive animations. I leave a few of them below. A high-quality interaction method that will not cause any problems even on mobile. Logo Animation, Bim Scroll Animation, Bim Animation, Pd Animation, Cloth peg, Joystick

yorikvanhavre commented 2 months ago

This kind of animation is indeed awesome! How are they made?

Reqrefusion commented 2 months ago

This kind of animation is indeed awesome! How are they made?

@yorikvanhavre, since you didn't ask exactly which part was done, I will explain all of it. At least for me, the part in FreeCad was done with a macro that moved the camera one degree and took a picture. Thus, I took 72 pictures. 72 can be increased or decreased. It can actually be used in any animation here. You can even make a movie this way.

Actually, the purpose here is to make a sprite sheet, which is a very old thing. It is actually the most basic form of animation. Here, we combine the pictures to form a single picture. In other words, what actually provides this animation is nothing more than a very large picture. This makes it easier for us. Since this picture usually has a very large file size, we convert it to avif, which is a more modern and smaller file format. I also converted the pictures on the site this way, it works like magic.

The rest is just showing one frame and hiding the others, which is handled with css, and playing the picture. You can use css or javascript to play the picture. There is an article about this here (The examples shown in the article are a bit primitive, my examples are more advanced versions of this). If you have a love of pure css like me, assigning automatic movement to hover is quite nice. But what can be done with javascript is limitless. You can flow the animation according to the ratio of everything that moves within the area it moves. Mostly math and a lot of imagination.

yorikvanhavre commented 2 months ago

Archaic technology :) Excellent!!! Loved it

concretedog commented 2 months ago

These are cool as hell!