How to Build a Jumping Jacks Counter App

Building an AI-Powered Jumping Jacks Counter App with Pose Estimation Using QuickPose iOS SDK

Are you searching for a way to develop an AI-powered Jumping Jacks counter for your fitness app? Jumping Jacks are a classic full-body exercise that engages multiple muscle groups, including the deltoids, quadriceps, hamstrings, calves, and core. This aerobic exercise is excellent for improving cardiovascular fitness, enhancing coordination, and burning calories.

In this guide, you’ll learn how to create a Jumping Jacks counter app using pose estimation with the QuickPose iOS SDK. Whether you’re building a new fitness app or adding advanced features to an existing one, this tutorial will help you leverage AI and pose estimation technology to deliver an accurate and user-friendly Jumping Jacks counter that stands out in the competitive fitness app market.

Image is a gif of a user performing jumping jacks which are counted using pose estimation

Steps to integrate a Jumping Jacks Counter into your app:

Register an SDK Key with QuickPose

Get your free SDK key on https://dev.quickpose.ai, usage limits may apply. SDK Keys are linked to your bundle ID, please check Key before distributing to the App Store. 

This is a quick look to integrate the jumping jacks counter using the QuickPose iOS SDK. You can see the full documentation here: QuickPose iOS SDK Jumping Jacks Counter installation.

Activate Jumping Jacks Feature

				
					feature = .fitness(.jumpingJacks)
feature = .fitness(.jumpingJacks, style: customOrConditionalStyle)
				
			

Form Feedback

We recommend using the feature feedback to guide the user if an error occurs. 

				
					quickPose.start(features: [.fitness(.jumpingJacks)], onFrame: { status, image, features, feedback, landmarks in
    switch status {
        case .success:
            overlayImage = image
            if let result = features.values.first  {
                feedbackText = "Jumping Jacks: \(Int(result.value * 100))%"
            } else if let feedback = feedback.values.first, feedback.isRequired  {
                feedbackText = feedback.displayString
            } else {
                feedbackText = nil
            } 
        case .noPersonFound:
            feedbackText = "Stand in view";
        case .sdkValidationError:
            feedbackText = "Be back soon";
    }
})
				
			
pose estimation used to count jumping jack exercises

Conditional Styling

To give user feedback consider using conditional styling so that when the user’s measurement goes above a threshold, here 0.8, a green highlight is shown.

				
					let greenHighlightStyle = QuickPose.Style(conditionalColors: [QuickPose.Style.ConditionalColor(min: 0.8, max: nil, color: UIColor.green)])
quickPose.start(features: [.fitness(.jumpingJacks, style: customOrConditionalStyle)], 
                onFrame: { status, image, features, feedback, landmarks in  ...
})
				
			

How to Count Jumping Jacks

Real-time Jumping Jacks counting with AI

To count the Jumping Jacks declare a configurable threshold counter, which can be used to turn lots of our features into counts.

				
					@State private var counter = QuickPoseThresholdCounter()
				
			

Then pass QuickPose’s Jumping Jacks result to the counter, and display in the feedback text declared above.

				
					quickPose.start(features: [.fitness(.jumpingJacks)], onFrame: { status, image, features, feedback, landmarks in
    switch status {
        case .success:
            overlayImage = image
            if let result = features.values.first  {
                let counterState = counter.count(result.value)
                feedbackText = "\(counterState.count) Jumping Jacks"
            } else {
                feedbackText = nil
            }
            
        case .noPersonFound:
            feedbackText = "Stand in view";
        case .sdkValidationError:
            feedbackText = "Be back soon";
    }
})
				
			

Jumping Jacks Timer

To time the Jumping Jacks declare a configurable threshold timer, which can be used to turn lots of our features into timers. For Jumping Jacks, we suggest modifying the default threshold, taking account of expected camera positioning and tilt.

				
					@State private var timer = QuickPoseThresholdTimer(threshold: 0.2)
				
			

Then pass the result’s raw value to the timer, and display in the feedback text declared above.

				
					quickPose.start(features: [.fitness(.jumpingJacks)], onFrame: { status, image, features, feedback, landmarks in
    switch status {
        case .success:
            overlayImage = image
            if let result = features.values.first  {
                let timerState = timer.time(result.value)
                feedbackText = String(format: "%.1f", timerState.time) + "secs"
            } else {
                feedbackText = nil
            }
            
        case .noPersonFound:
            feedbackText = "Stand in view";
        case .sdkValidationError:
            feedbackText = "Be back soon";
    }
})
				
			

Need help building an AI project?

At QuickPose, our mission is to build smart Pose Estimation Solutions that elevate your product. Schedule a free consultation with us to discuss your project.