Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Content Need for the Website #179

Open
Reqrefusion opened this issue Jul 25, 2024 · 4 comments
Open

Content Need for the Website #179

Reqrefusion opened this issue Jul 25, 2024 · 4 comments

Comments

@Reqrefusion
Copy link
Member

Reqrefusion commented Jul 25, 2024

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

@Reqrefusion Reqrefusion changed the title Content Need for the Site Content Need for the Website Jul 26, 2024
@yorikvanhavre
Copy link
Member

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

@Reqrefusion
Copy link
Member Author

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
Copy link
Member

Archaic technology :) Excellent!!! Loved it

@concretedog
Copy link

These are cool as hell!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants