Flutter: Build an animated background from a static source

  • Durum: Closed
  • Ödül: $500
  • Alınan Girdiler: 9

Yarışma Özeti

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)

Aranan Beceriler

Bu yarışmadan başlıca girdiler

Daha Fazla Girdi Görüntüleyin

Genel Açıklama Panosu

  • muhammadhari336
    muhammadhari336
    • 2 yıl önce

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

    • 2 yıl önce
  • muhammadhari336
    muhammadhari336
    • 2 yıl önce

    Please check your inbox.

    • 2 yıl önce
    1. muhammadhari336
      muhammadhari336
      • 2 yıl önce

      Are you there Sir?

      • 2 yıl önce
    2. muhammadhari336
      muhammadhari336
      • 2 yıl önce

      ?

      • 2 yıl önce
  • muhammadhari336
    muhammadhari336
    • 2 yıl önce

    Please check your inbox.Thanks

    • 2 yıl önce
  • muhammadhari336
    muhammadhari336
    • 2 yıl önce

    ? Thanks #6

    • 2 yıl önce
    1. muhammadhari336
      muhammadhari336
      • 2 yıl önce

      Are you there Sir?

      • 2 yıl önce
    2. muhammadhari336
      muhammadhari336
      • 2 yıl önce

      Please check your inbox

      • 2 yıl önce
  • muhammadhari336
    muhammadhari336
    • 2 yıl önce

    Inbox please.I have an awsome animation

    • 2 yıl önce
  • muhammadhari336
    muhammadhari336
    • 2 yıl önce

    Check your inbox please

    • 2 yıl önce
  • muhammadhari336
    muhammadhari336
    • 2 yıl önce

    check your Inbox

    • 2 yıl önce
  • N9media
    N9media
    • 2 yıl önce

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

    • 2 yıl önce
  • mostafamostafa61
    mostafamostafa61
    • 2 yıl önce

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

    • 2 yıl önce
    1. tcf909
      Yarışma Sahibi
      • 2 yıl önce

      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 yıl önce
  • GrafixImage
    GrafixImage
    • 2 yıl önce

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

    • 2 yıl önce
    1. tcf909
      Yarışma Sahibi
      • 2 yıl önce

      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 yıl önce
  • rajeshmkd
    rajeshmkd
    • 2 yıl önce

    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 yıl önce
    1. tcf909
      Yarışma Sahibi
      • 2 yıl önce

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

      • 2 yıl önce
  • Himikadze
    Himikadze
    • 2 yıl önce

    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 yıl önce
    1. rajeshmkd
      rajeshmkd
      • 2 yıl önce

      Yes, exactly.

      • 2 yıl önce
    2. tcf909
      Yarışma Sahibi
      • 2 yıl önce

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

      • 2 yıl önce
  • muhammadhari336
    muhammadhari336
    • 2 yıl önce

    #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 yıl önce
    1. tcf909
      Yarışma Sahibi
      • 2 yıl önce

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

      • 2 yıl önce
  • zala98
    zala98
    • 2 yıl önce

    Pls Check Entry #5

    • 2 yıl önce
  • mesteroz
    mesteroz
    • 2 yıl önce

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

    • 2 yıl önce
    1. tcf909
      Yarışma Sahibi
      • 2 yıl önce

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

      • 2 yıl önce
    2. tcf909
      Yarışma Sahibi
      • 2 yıl önce

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

      • 2 yıl önce
  • elzybert
    elzybert
    • 2 yıl önce

    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 yıl önce
    1. tcf909
      Yarışma Sahibi
      • 2 yıl önce

      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 yıl önce
  • nnndaru
    nnndaru
    • 2 yıl önce

    Interesting, goodluck everyone! #sealed

    • 2 yıl önce

Daha fazla yorum göster

Yarışmalara nasıl başlanır

  • Projenizi ilan edin

    Yarışmanızı İlan Edin Hızlı ve kolay

  • Tonlarca girdi alın

    Tonlarca Girdi Alın Bütün dünyadan

  • En iyi girdiyi seçin

    En iyi girdiyi seçin Dosyaları indirin - Kolay!

Şimdi bir Yarışma İlan Et ya da Bugün Bize Katılın!