Coder Social home page Coder Social logo

challenge-2's Introduction

Challenge 2

Welcome to the second SwiftUI Animation Challenge where we hand out animation challenges that everyone can participate in and solve.

This week's challenge is inspired by the AirDrop animation when you send a friend something:

🤔 How does it work?

You can submit your video for this challenge until Wednesday, August 10, 2022. Submissions are done in form of Pull Requests (PRs) to this repository (Not sure how to do that? We got you covered!). Create a folder with your project inside and give that folder a clear name (e.g. your name, so that we know whose solution it was).

We want to emphasize again, that in order for us to discuss your solution and for others to learn from it, it is important that you submit the code for your project together with an optional sample video. This project is intended to be a learning resource for the community, so this is integral to it. ❤️

When the deadline is there, Stefan and Amos will not only discuss the solutions by the community, but also reveal their solutions to the problem and give a walkthrough.

🤨 Why?

Great question! We are both passionate about animations, SwiftUI, and the community. It's always fun to exchange ideas on how to solve certain challenges and if we can profit from each other's solutions it's a win-win-situation for everybody.

We benefit because we learn cool new tricks and solutions from the community and hope to give back the same. The community comes together and learns cool techniques how to improve their apps. Which even benefits end-users with better UX. See, it's great for all the people! :)

🤠 How to get started?

If you already have a strategy to start and solve the challenge, then go ahead. This is more aimed at people who are not that experienced with building up something like this. It an be overwhelming at the beginning, which is why we recommend to first by looking at the video itself and playing it over and over again. Until you really understand what is going on in the animation. Then, try to figure out the UI elements that are part of the animation. When you have those you can start building up a basic UI in SwiftUI and are over that initial hurdle of starting.

What we then recommend you to do is to try to figure out how the elements behave themselves and how they (maybe) interact with each other. This way you might find a way to start with the basic animations that take place and can finetune from there.

If you get stuck at any point always feel free to tweet at Stefan and/or Amos. We're always happy to chat and help you when you are stuck or have questions. Good luck in the challenge!

challenge-2's People

Contributors

daemonloki avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.