Flutter: Build an animated background from a static source

  • Állapot: Closed
  • Díj: $500
  • Beérkezett pályamű: 9

A verseny összegzése

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)

Ajánlott készségek

A verseny legjobb pályaművei

További pályaművek

Nyilvános pontosítófelület

  • muhammadhari336
    muhammadhari336
    • 2 év telt el

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

    • 2 év telt el
  • muhammadhari336
    muhammadhari336
    • 2 év telt el

    Please check your inbox.

    • 2 év telt el
    1. muhammadhari336
      muhammadhari336
      • 2 év telt el

      Are you there Sir?

      • 2 év telt el
    2. muhammadhari336
      muhammadhari336
      • 2 év telt el

      ?

      • 2 év telt el
  • muhammadhari336
    muhammadhari336
    • 2 év telt el

    Please check your inbox.Thanks

    • 2 év telt el
  • muhammadhari336
    muhammadhari336
    • 2 év telt el

    ? Thanks #6

    • 2 év telt el
    1. muhammadhari336
      muhammadhari336
      • 2 év telt el

      Are you there Sir?

      • 2 év telt el
    2. muhammadhari336
      muhammadhari336
      • 2 év telt el

      Please check your inbox

      • 2 év telt el
  • muhammadhari336
    muhammadhari336
    • 2 év telt el

    Inbox please.I have an awsome animation

    • 2 év telt el
  • muhammadhari336
    muhammadhari336
    • 2 év telt el

    Check your inbox please

    • 2 év telt el
  • muhammadhari336
    muhammadhari336
    • 2 év telt el

    check your Inbox

    • 2 év telt el
  • N9media
    N9media
    • 2 év telt el

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

    • 2 év telt el
  • mostafamostafa61
    mostafamostafa61
    • 2 év telt el

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

    • 2 év telt el
    1. tcf909
      A verseny kiírója:
      • 2 év telt el

      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.

      • 2 év telt el
  • GrafixImage
    GrafixImage
    • 2 év telt el

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

    • 2 év telt el
    1. tcf909
      A verseny kiírója:
      • 2 év telt el

      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.

      • 2 év telt el
  • rajeshmkd
    rajeshmkd
    • 2 év telt el

    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?

    • 2 év telt el
    1. tcf909
      A verseny kiírója:
      • 2 év telt el

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

      • 2 év telt el
  • Himikadze
    Himikadze
    • 2 év telt el

    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).

    • 2 év telt el
    1. rajeshmkd
      rajeshmkd
      • 2 év telt el

      Yes, exactly.

      • 2 év telt el
    2. tcf909
      A verseny kiírója:
      • 2 év telt el

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

      • 2 év telt el
  • muhammadhari336
    muhammadhari336
    • 2 év telt el

    #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

    • 2 év telt el
    1. tcf909
      A verseny kiírója:
      • 2 év telt el

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

      • 2 év telt el
  • zala98
    zala98
    • 2 év telt el

    Pls Check Entry #5

    • 2 év telt el
  • mesteroz
    mesteroz
    • 2 év telt el

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

    • 2 év telt el
    1. tcf909
      A verseny kiírója:
      • 2 év telt el

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

      • 2 év telt el
    2. tcf909
      A verseny kiírója:
      • 2 év telt el

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

      • 2 év telt el
  • elzybert
    elzybert
    • 2 év telt el

    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... ?

    • 2 év telt el
    1. tcf909
      A verseny kiírója:
      • 2 év telt el

      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.

      • 2 év telt el
  • nnndaru
    nnndaru
    • 2 év telt el

    Interesting, goodluck everyone! #sealed

    • 2 év telt el

További hozzászólások

Így vágjon bele a versenyekbe

  • Tegye közzé a versenyét

    Indítson egy versenyt! Gyors és könnyű

  • Pályaművek százai várják

    Kapjon akár több száz pályaművet A világ minden szegletéből

  • Díjazza a legjobb pályázatot

    Díjazza a legjobb pályázatot Töltse le a fájlokat - csak egy kattintás!

Projekt közzététele vagy csatlakozzon hozzánk még ma!