Flutter: Build an animated background from a static source

  • Tình trạng: Closed
  • Giải thưởng: $500
  • Các bài thi đã nhận: 9

Tóm tắt cuộc thi

Hello,

We have a static SVG source background that we would like used as the starting point for a background animation in an app we are developing. The deliverable needs to be an animated Flutter Widget that uses SVG (or similar non-video content) and should work for all platforms (mobile / tablet [portrait / landscape], as well as web and desktop).

We would like each of the 4 "characters" animated in some sort of loop so someone sitting on a login screen would get the sense of an active farm being managed. Specifically, each tractor needs to have movement across their respective fields (and out of the scene if necessary) and their equipment should have some form of animation as well. And the drone should fly around the field appropriately with animations for its attached equipment.

The background will primarily be visible for the login screen of the app (but could be used in hero screens, loading screens, etc). A static version of the background will be used for most other content screens (with a white container overlay).

The current source ratio does not quite work for all screen sizes and orientations. That needs to be remedied as part of this project.

Obviously, performance overhead cannot be app impacting

Attached is the SVG source as well as a screenshot of the login template for the app that the deliverable will be a background for.

(Even though the project forces us to define accepted file formats as GIF, JPEG, JPG, PNG we would only accept a Flutter Widget as the final deliverable)

Các kĩ năng yêu cầu

Những bài dự thi tốt nhất dự cuộc thi này

Xem thêm bài dự thi

Bảng thông báo công khai

  • muhammadhari336
    muhammadhari336
    • cách đây 2 năm

    I have sent an excellent animation to your inbox. Please do have a look.Thanks #6

    • cách đây 2 năm
  • muhammadhari336
    muhammadhari336
    • cách đây 2 năm

    Please check your inbox.

    • cách đây 2 năm
    1. muhammadhari336
      muhammadhari336
      • cách đây 2 năm

      Are you there Sir?

      • cách đây 2 năm
    2. muhammadhari336
      muhammadhari336
      • cách đây 2 năm

      ?

      • cách đây 2 năm
  • muhammadhari336
    muhammadhari336
    • cách đây 2 năm

    Please check your inbox.Thanks

    • cách đây 2 năm
  • muhammadhari336
    muhammadhari336
    • cách đây 2 năm

    ? Thanks #6

    • cách đây 2 năm
    1. muhammadhari336
      muhammadhari336
      • cách đây 2 năm

      Are you there Sir?

      • cách đây 2 năm
    2. muhammadhari336
      muhammadhari336
      • cách đây 2 năm

      Please check your inbox

      • cách đây 2 năm
  • muhammadhari336
    muhammadhari336
    • cách đây 2 năm

    Inbox please.I have an awsome animation

    • cách đây 2 năm
  • muhammadhari336
    muhammadhari336
    • cách đây 2 năm

    Check your inbox please

    • cách đây 2 năm
  • muhammadhari336
    muhammadhari336
    • cách đây 2 năm

    check your Inbox

    • cách đây 2 năm
  • N9media
    N9media
    • cách đây 2 năm

    Hi, I started working on. Please wait for my entry.

    • cách đây 2 năm
  • mostafamostafa61
    mostafamostafa61
    • cách đây 2 năm

    after the animation is done... What is format do you need it for? gif, mp4, or Lottie that you can use easily?

    • cách đây 2 năm
    1. tcf909
      Chủ cuộc thi
      • cách đây 2 năm

      The deliverable needs to be an Animated Flutter Widget based on SVG graphics. We are not looking for a movie or binary file deliverable. I hope that clarifies.

      • cách đây 2 năm
  • GrafixImage
    GrafixImage
    • cách đây 2 năm

    Dear Contest holder, Can you initiate the chat so that we can discuss your Requirements. #increaseprize #extended

    • cách đây 2 năm
    1. tcf909
      Chủ cuộc thi
      • cách đây 2 năm

      Thank you for your interest. I'm not sure how we can initiate a chat without some sort of submission made. If you have made a submission, with questions, I will respond promptly.

      • cách đây 2 năm
  • rajeshmkd
    rajeshmkd
    • cách đây 2 năm

    My understanding is that this not to be for video animation. If you want a responsive background animation, need to use css animation or gif animation. Can you clarify that?

    • cách đây 2 năm
    1. tcf909
      Chủ cuộc thi
      • cách đây 2 năm

      Correct. We are looking for a Flutter based SVG animation delivered as a Flutter widget.

      • cách đây 2 năm
  • Himikadze
    Himikadze
    • cách đây 2 năm

    I would recommend that you change the competition publication section. In addition to flutter, specifying also the developers. And removing the section - Animation.

    Now animators have gathered here, and you need developers.
    Otherwise, you will not get the desired result, since you need an application with responsive animation (not animation in the classical sense).

    • cách đây 2 năm
    1. rajeshmkd
      rajeshmkd
      • cách đây 2 năm

      Yes, exactly.

      • cách đây 2 năm
    2. tcf909
      Chủ cuộc thi
      • cách đây 2 năm

      Really appreciate the guidance. I'll make the suggested changes.

      • cách đây 2 năm
  • muhammadhari336
    muhammadhari336
    • cách đây 2 năm

    #6 Hello! I have questions to ask. Can you please answer them? I have to discuss it out quickly. Looking forward to your response.Regards

    • cách đây 2 năm
    1. tcf909
      Chủ cuộc thi
      • cách đây 2 năm

      I have initiated a chat. Thank you for your interest. I look forward to answering your questions.

      • cách đây 2 năm
  • zala98
    zala98
    • cách đây 2 năm

    Pls Check Entry #5

    • cách đây 2 năm
  • mesteroz
    mesteroz
    • cách đây 2 năm

    contact me for more detail, we can discus in chat bar

    • cách đây 2 năm
    1. tcf909
      Chủ cuộc thi
      • cách đây 2 năm

      Happy to discuss more details with you. Will reach out shortly.

      • cách đây 2 năm
    2. tcf909
      Chủ cuộc thi
      • cách đây 2 năm

      I'm not sure how to connect via chat with you during a competition. My apologies.

      • cách đây 2 năm
  • elzybert
    elzybert
    • cách đây 2 năm

    Hello. Which file format do you need? It is ok with .mp4? Do you need one videanimation per each aspect ratio? 16:9, 4:3, 5:4, etc... ?

    • cách đây 2 năm
    1. tcf909
      Chủ cuộc thi
      • cách đây 2 năm

      We are not looking for a file, but rather an animated Flutter widget based in SVG (that supports all platforms and all device orientations). That widget needs to scale and adjust to support all form factors and orientations (including mobile, tablet, web and desktop in both landscape and portrait orientation).

      I don't believe a video file (or multiple) can meet our requirements, but please correct me if I'm wrong.

      • cách đây 2 năm
  • nnndaru
    nnndaru
    • cách đây 2 năm

    Interesting, goodluck everyone! #sealed

    • cách đây 2 năm

Xem thêm bình luận

Làm thế nào để bắt đầu với cuộc thi

  • Đăng cuộc thi của bạn

    Đăng cuộc thi của bạn Nhanh chóng và dễ dàng

  • Nhận được vô số bài dự thi

    Nhận được vô số Bài dự thi Từ khắp nơi trên thế giới

  • Trao giải cho bài thi xuất sắc nhất

    Trao giải cho bài thi xuất sắc nhất Download File - Đơn giản!

Đăng cuộc thi ngay hoặc tham gia với chúng tôi ngay hôm nay!