Flutter: Build an animated background from a static source

  • Status: Closed
  • Pris: $500
  • Bidrag mottagna: 9

Tävlingssammandrag

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)

Rekommenderade kompetenser

Topp bidrag från den här tävlingen

Visa fler bidag

Klargörandetavla

  • muhammadhari336
    muhammadhari336
    • 2 år sedan

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

    • 2 år sedan
  • muhammadhari336
    muhammadhari336
    • 2 år sedan

    Please check your inbox.

    • 2 år sedan
    1. muhammadhari336
      muhammadhari336
      • 2 år sedan

      Are you there Sir?

      • 2 år sedan
    2. muhammadhari336
      muhammadhari336
      • 2 år sedan

      ?

      • 2 år sedan
  • muhammadhari336
    muhammadhari336
    • 2 år sedan

    Please check your inbox.Thanks

    • 2 år sedan
  • muhammadhari336
    muhammadhari336
    • 2 år sedan

    ? Thanks #6

    • 2 år sedan
    1. muhammadhari336
      muhammadhari336
      • 2 år sedan

      Are you there Sir?

      • 2 år sedan
    2. muhammadhari336
      muhammadhari336
      • 2 år sedan

      Please check your inbox

      • 2 år sedan
  • muhammadhari336
    muhammadhari336
    • 2 år sedan

    Inbox please.I have an awsome animation

    • 2 år sedan
  • muhammadhari336
    muhammadhari336
    • 2 år sedan

    Check your inbox please

    • 2 år sedan
  • muhammadhari336
    muhammadhari336
    • 2 år sedan

    check your Inbox

    • 2 år sedan
  • N9media
    N9media
    • 2 år sedan

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

    • 2 år sedan
  • mostafamostafa61
    mostafamostafa61
    • 2 år sedan

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

    • 2 år sedan
    1. tcf909
      Tävlingsinnehavare
      • 2 år sedan

      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 år sedan
  • GrafixImage
    GrafixImage
    • 2 år sedan

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

    • 2 år sedan
    1. tcf909
      Tävlingsinnehavare
      • 2 år sedan

      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 år sedan
  • rajeshmkd
    rajeshmkd
    • 2 år sedan

    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 år sedan
    1. tcf909
      Tävlingsinnehavare
      • 2 år sedan

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

      • 2 år sedan
  • Himikadze
    Himikadze
    • 2 år sedan

    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 år sedan
    1. rajeshmkd
      rajeshmkd
      • 2 år sedan

      Yes, exactly.

      • 2 år sedan
    2. tcf909
      Tävlingsinnehavare
      • 2 år sedan

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

      • 2 år sedan
  • muhammadhari336
    muhammadhari336
    • 2 år sedan

    #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 år sedan
    1. tcf909
      Tävlingsinnehavare
      • 2 år sedan

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

      • 2 år sedan
  • zala98
    zala98
    • 2 år sedan

    Pls Check Entry #5

    • 2 år sedan
  • mesteroz
    mesteroz
    • 2 år sedan

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

    • 2 år sedan
    1. tcf909
      Tävlingsinnehavare
      • 2 år sedan

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

      • 2 år sedan
    2. tcf909
      Tävlingsinnehavare
      • 2 år sedan

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

      • 2 år sedan
  • elzybert
    elzybert
    • 2 år sedan

    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 år sedan
    1. tcf909
      Tävlingsinnehavare
      • 2 år sedan

      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 år sedan
  • nnndaru
    nnndaru
    • 2 år sedan

    Interesting, goodluck everyone! #sealed

    • 2 år sedan

Visa fler kommentarer

Hur du kommer igång med tävlingar

  • Lägg upp din tävling

    Lägg upp din tävling Snabbt och enkelt

  • Få massvis med bidrag

    Få massvis med bidrag Från världens alla hörn

  • Utse det bästa bidraget

    Utse det bästa bidraget Ladda ner filerna - enkelt!

Lägg upp en tävling nu eller gå med idag!