Flutter: Build an animated background from a static source

  • ステータス: Closed
  • 賞金: $500
  • 受け取ったエントリー: 9

コンテスト概要

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)

推奨スキル

このコンテストのトップエントリー

エントリーをもっと表示

公開説明ボード

  • muhammadhari336
    muhammadhari336
    • 2年間前

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

    • 2年間前
  • muhammadhari336
    muhammadhari336
    • 2年間前

    Please check your inbox.

    • 2年間前
    1. muhammadhari336
      muhammadhari336
      • 2年間前

      Are you there Sir?

      • 2年間前
    2. muhammadhari336
      muhammadhari336
      • 2年間前

      ?

      • 2年間前
  • muhammadhari336
    muhammadhari336
    • 2年間前

    Please check your inbox.Thanks

    • 2年間前
  • muhammadhari336
    muhammadhari336
    • 2年間前

    ? Thanks #6

    • 2年間前
    1. muhammadhari336
      muhammadhari336
      • 2年間前

      Are you there Sir?

      • 2年間前
    2. muhammadhari336
      muhammadhari336
      • 2年間前

      Please check your inbox

      • 2年間前
  • muhammadhari336
    muhammadhari336
    • 2年間前

    Inbox please.I have an awsome animation

    • 2年間前
  • muhammadhari336
    muhammadhari336
    • 2年間前

    Check your inbox please

    • 2年間前
  • muhammadhari336
    muhammadhari336
    • 2年間前

    check your Inbox

    • 2年間前
  • N9media
    N9media
    • 2年間前

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

    • 2年間前
  • mostafamostafa61
    mostafamostafa61
    • 2年間前

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

    • 2年間前
    1. tcf909
      コンテスト所有者
      • 2年間前

      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年間前
  • GrafixImage
    GrafixImage
    • 2年間前

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

    • 2年間前
    1. tcf909
      コンテスト所有者
      • 2年間前

      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年間前
  • rajeshmkd
    rajeshmkd
    • 2年間前

    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年間前
    1. tcf909
      コンテスト所有者
      • 2年間前

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

      • 2年間前
  • Himikadze
    Himikadze
    • 2年間前

    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年間前
    1. rajeshmkd
      rajeshmkd
      • 2年間前

      Yes, exactly.

      • 2年間前
    2. tcf909
      コンテスト所有者
      • 2年間前

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

      • 2年間前
  • muhammadhari336
    muhammadhari336
    • 2年間前

    #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年間前
    1. tcf909
      コンテスト所有者
      • 2年間前

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

      • 2年間前
  • zala98
    zala98
    • 2年間前

    Pls Check Entry #5

    • 2年間前
  • mesteroz
    mesteroz
    • 2年間前

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

    • 2年間前
    1. tcf909
      コンテスト所有者
      • 2年間前

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

      • 2年間前
    2. tcf909
      コンテスト所有者
      • 2年間前

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

      • 2年間前
  • elzybert
    elzybert
    • 2年間前

    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年間前
    1. tcf909
      コンテスト所有者
      • 2年間前

      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年間前
  • nnndaru
    nnndaru
    • 2年間前

    Interesting, goodluck everyone! #sealed

    • 2年間前

コメントをもっと見る

コンテストの開始方法

  • あなたのコンテストを投稿

    あなたのコンテストを投稿 速くて簡単

  • たくさんのエントリーを集めましょう

    たくさんのエントリーを集めましょう 世界中から

  • ベストエントリーをアワード

    ベストエントリーをアワード ファイルをダウンロード - 簡単!

コンテストを今すぐ投稿 または本日参加!