--- title: Building Reigns: How to reign over mobile game development… description: Part 3 of a series on building a Reigns game clone in React Native using Reanimated 2 and Gesture Handler. Covers adding game logic to detect card swipe... canonical: https://daily.dev/posts/building-reigns-how-to-reign-over-mobile-game-development--rjvumfiqw twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: Building Reigns: How to reign over mobile game development… | daily.dev og:description: Part 3 of a series on building a Reigns game clone in React Native using Reanimated 2 and Gesture Handler. Covers adding game logic to detect card swipe... og:url: https://daily.dev/posts/building-reigns-how-to-reign-over-mobile-game-development--rjvumfiqw og:image: https://api.daily.dev/og/posts/RJVUMfIQW.png og:image:alt: Building Reigns: How to reign over mobile game development… og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # Building Reigns: How to reign over mobile game development… **[Software Mansion](https://daily.dev/sources/swmansion)** · 7 min read · 0 upvotes · 0 comments ## Summary Part 3 of a series on building a Reigns game clone in React Native using Reanimated 2 and Gesture Handler. Covers adding game logic to detect card swipe decisions using velocity and position, implementing start-game animations with worklets and withDelay hooks, animated question components, and power indicator animations. The tutorial walks through iterations 6–9, explaining runOnJS for calling JS functions inside Reanimated code blocks, worklet functions for reusable animated styles, and animation callbacks with withTiming. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Similar posts on daily.dev - [How to Create Fluid Animations with React Native Reanimated v4](https://daily.dev/posts/how-to-create-fluid-animations-with-react-native-reanimated-v4-eydbvxf9p) · freeCodeCamp · 4 upvotes · 0 comments --- Tags: [#react-native](https://daily.dev/tags/react-native) [View this post on daily.dev](https://daily.dev/posts/building-reigns-how-to-reign-over-mobile-game-development--rjvumfiqw) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"Building Reigns: How to reign over mobile game development…","url":"https://daily.dev/posts/building-reigns-how-to-reign-over-mobile-game-development--rjvumfiqw","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/building-reigns-how-to-reign-over-mobile-game-development--rjvumfiqw"},"datePublished":"2026-08-02T07:15:38.552Z","dateModified":"2026-08-02T07:39:54.434Z","description":"Part 3 of a series on building a Reigns game clone in React Native using Reanimated 2 and Gesture Handler. Covers adding game logic to detect card swipe...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/fe12dfb487d985f66f340dee0a00c86d?_a=AQAEuop","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/fe12dfb487d985f66f340dee0a00c86d?_a=AQAEuop","isAccessibleForFree":true,"articleSection":"Software Mansion","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"Software Mansion","logo":"https://media.daily.dev/image/upload/s--sOx0vaVZ--/f_auto,q_auto/v1785654908/logos/swmansion?_a=BAMAMicg0","url":"https://daily.dev/sources/swmansion"},"commentCount":0,"discussionUrl":"https://daily.dev/posts/building-reigns-how-to-reign-over-mobile-game-development--rjvumfiqw","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":0},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":0}],"keywords":"react-native","timeRequired":"PT7M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Software Mansion","item":"https://daily.dev/sources/swmansion"},{"@type":"ListItem","position":3,"name":"Building Reigns: How to reign over mobile game development…"}]} ```