Repository: GetStream/motionscape-app Branch: main Commit: f3e475851a4f Files: 75 Total size: 151.3 KB Directory structure: gitextract_znvh0l0r/ ├── LICENSE ├── MotionScape/ │ ├── Assets.xcassets/ │ │ ├── AccentColor.colorset/ │ │ │ └── Contents.json │ │ ├── AppIcon.appiconset/ │ │ │ └── Contents.json │ │ ├── Contents.json │ │ ├── codePreviewBackground.colorset/ │ │ │ └── Contents.json │ │ ├── copyPopupBackgroundColor.colorset/ │ │ │ └── Contents.json │ │ └── stream-logo.imageset/ │ │ └── Contents.json │ ├── Model/ │ │ ├── AnimationControlOption.swift │ │ ├── AnimationExample.swift │ │ ├── AnimationOption.swift │ │ ├── AnimationOptionType.swift │ │ ├── AnimationParameter.swift │ │ ├── AnimationType.swift │ │ ├── Animations/ │ │ │ ├── AllAnimations.swift │ │ │ ├── Default.swift │ │ │ ├── EaseIn.swift │ │ │ ├── EaseInOut.swift │ │ │ ├── EaseOut.swift │ │ │ ├── InteractiveSpring.swift │ │ │ ├── InterpolatingSpring.swift │ │ │ ├── Linear.swift │ │ │ ├── Spring.swift │ │ │ └── TimingCurve.swift │ │ ├── DefaultValues.swift │ │ ├── Documentable.swift │ │ ├── Extensions/ │ │ │ ├── Animation+Create.swift │ │ │ ├── CGFloat+Constants.swift │ │ │ ├── ClosedRange+toString.swift │ │ │ └── Double+DecimalPlaces.swift │ │ ├── MyAnimation.swift │ │ └── PreviewType.swift │ ├── MotionScape.entitlements │ ├── MotionScapeApp.swift │ ├── Preview Content/ │ │ └── Preview Assets.xcassets/ │ │ └── Contents.json │ ├── View/ │ │ ├── AnimationViews/ │ │ │ ├── AnimationsContainerView.swift │ │ │ ├── ChainsView.swift │ │ │ ├── CirclesView.swift │ │ │ ├── CodePreviewView.swift │ │ │ ├── EmojisView.swift │ │ │ ├── GradientCircleView.swift │ │ │ └── TextAnimationView.swift │ │ ├── ControlViews/ │ │ │ ├── AnimationOptionsView.swift │ │ │ ├── ControlContainerView.swift │ │ │ ├── DefaultControlView.swift │ │ │ ├── EaseInControlView.swift │ │ │ ├── EaseInOutControlView.swift │ │ │ ├── EaseOutControlView.swift │ │ │ ├── InteractiveSpringControlView.swift │ │ │ ├── InterpolatingSpringControlView.swift │ │ │ ├── LinearControlView.swift │ │ │ ├── SpringControlView.swift │ │ │ └── TimingCurveControlView.swift │ │ ├── Helpers/ │ │ │ ├── AnimationOptionView.swift │ │ │ ├── CustomModifiers.swift │ │ │ ├── CustomTextFieldStyle.swift │ │ │ ├── EditValueButton.swift │ │ │ ├── HeadlineView.swift │ │ │ ├── InfoText.swift │ │ │ ├── InfoView.swift │ │ │ ├── ParameterDescriptionView.swift │ │ │ ├── SliderControlView.swift │ │ │ ├── TextFieldControlView.swift │ │ │ └── TimingCurveView.swift │ │ └── MenuViews/ │ │ ├── ContentView.swift │ │ └── SidebarView.swift │ └── ViewModel/ │ ├── AnimationsExampleViewModel.swift │ ├── AnimationsViewModel.swift │ └── CirclesViewModel.swift ├── MotionScape.xcodeproj/ │ ├── project.pbxproj │ ├── project.xcworkspace/ │ │ ├── contents.xcworkspacedata │ │ └── xcshareddata/ │ │ └── IDEWorkspaceChecks.plist │ └── xcuserdata/ │ └── stefanblos.xcuserdatad/ │ ├── xcdebugger/ │ │ └── Breakpoints_v2.xcbkptlist │ └── xcschemes/ │ └── xcschememanagement.plist ├── README.md └── index.md ================================================ FILE CONTENTS ================================================ ================================================ FILE: LICENSE ================================================ Apache License Version 2.0, January 2004 http://www.apache.org/licenses/ TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION 1. Definitions. "License" shall mean the terms and conditions for use, reproduction, and distribution as defined by Sections 1 through 9 of this document. "Licensor" shall mean the copyright owner or entity authorized by the copyright owner that is granting the License. "Legal Entity" shall mean the union of the acting entity and all other entities that control, are controlled by, or are under common control with that entity. For the purposes of this definition, "control" means (i) the power, direct or indirect, to cause the direction or management of such entity, whether by contract or otherwise, or (ii) ownership of fifty percent (50%) or more of the outstanding shares, or (iii) beneficial ownership of such entity. "You" (or "Your") shall mean an individual or Legal Entity exercising permissions granted by this License. "Source" form shall mean the preferred form for making modifications, including but not limited to software source code, documentation source, and configuration files. "Object" form shall mean any form resulting from mechanical transformation or translation of a Source form, including but not limited to compiled object code, generated documentation, and conversions to other media types. "Work" shall mean the work of authorship, whether in Source or Object form, made available under the License, as indicated by a copyright notice that is included in or attached to the work (an example is provided in the Appendix below). "Derivative Works" shall mean any work, whether in Source or Object form, that is based on (or derived from) the Work and for which the editorial revisions, annotations, elaborations, or other modifications represent, as a whole, an original work of authorship. For the purposes of this License, Derivative Works shall not include works that remain separable from, or merely link (or bind by name) to the interfaces of, the Work and Derivative Works thereof. "Contribution" shall mean any work of authorship, including the original version of the Work and any modifications or additions to that Work or Derivative Works thereof, that is intentionally submitted to Licensor for inclusion in the Work by the copyright owner or by an individual or Legal Entity authorized to submit on behalf of the copyright owner. For the purposes of this definition, "submitted" means any form of electronic, verbal, or written communication sent to the Licensor or its representatives, including but not limited to communication on electronic mailing lists, source code control systems, and issue tracking systems that are managed by, or on behalf of, the Licensor for the purpose of discussing and improving the Work, but excluding communication that is conspicuously marked or otherwise designated in writing by the copyright owner as "Not a Contribution." "Contributor" shall mean Licensor and any individual or Legal Entity on behalf of whom a Contribution has been received by Licensor and subsequently incorporated within the Work. 2. Grant of Copyright License. Subject to the terms and conditions of this License, each Contributor hereby grants to You a perpetual, worldwide, non-exclusive, no-charge, royalty-free, irrevocable copyright license to reproduce, prepare Derivative Works of, publicly display, publicly perform, sublicense, and distribute the Work and such Derivative Works in Source or Object form. 3. Grant of Patent License. Subject to the terms and conditions of this License, each Contributor hereby grants to You a perpetual, worldwide, non-exclusive, no-charge, royalty-free, irrevocable (except as stated in this section) patent license to make, have made, use, offer to sell, sell, import, and otherwise transfer the Work, where such license applies only to those patent claims licensable by such Contributor that are necessarily infringed by their Contribution(s) alone or by combination of their Contribution(s) with the Work to which such Contribution(s) was submitted. If You institute patent litigation against any entity (including a cross-claim or counterclaim in a lawsuit) alleging that the Work or a Contribution incorporated within the Work constitutes direct or contributory patent infringement, then any patent licenses granted to You under this License for that Work shall terminate as of the date such litigation is filed. 4. Redistribution. You may reproduce and distribute copies of the Work or Derivative Works thereof in any medium, with or without modifications, and in Source or Object form, provided that You meet the following conditions: (a) You must give any other recipients of the Work or Derivative Works a copy of this License; and (b) You must cause any modified files to carry prominent notices stating that You changed the files; and (c) You must retain, in the Source form of any Derivative Works that You distribute, all copyright, patent, trademark, and attribution notices from the Source form of the Work, excluding those notices that do not pertain to any part of the Derivative Works; and (d) If the Work includes a "NOTICE" text file as part of its distribution, then any Derivative Works that You distribute must include a readable copy of the attribution notices contained within such NOTICE file, excluding those notices that do not pertain to any part of the Derivative Works, in at least one of the following places: within a NOTICE text file distributed as part of the Derivative Works; within the Source form or documentation, if provided along with the Derivative Works; or, within a display generated by the Derivative Works, if and wherever such third-party notices normally appear. The contents of the NOTICE file are for informational purposes only and do not modify the License. You may add Your own attribution notices within Derivative Works that You distribute, alongside or as an addendum to the NOTICE text from the Work, provided that such additional attribution notices cannot be construed as modifying the License. You may add Your own copyright statement to Your modifications and may provide additional or different license terms and conditions for use, reproduction, or distribution of Your modifications, or for any such Derivative Works as a whole, provided Your use, reproduction, and distribution of the Work otherwise complies with the conditions stated in this License. 5. Submission of Contributions. Unless You explicitly state otherwise, any Contribution intentionally submitted for inclusion in the Work by You to the Licensor shall be under the terms and conditions of this License, without any additional terms or conditions. Notwithstanding the above, nothing herein shall supersede or modify the terms of any separate license agreement you may have executed with Licensor regarding such Contributions. 6. Trademarks. This License does not grant permission to use the trade names, trademarks, service marks, or product names of the Licensor, except as required for reasonable and customary use in describing the origin of the Work and reproducing the content of the NOTICE file. 7. Disclaimer of Warranty. Unless required by applicable law or agreed to in writing, Licensor provides the Work (and each Contributor provides its Contributions) on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied, including, without limitation, any warranties or conditions of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A PARTICULAR PURPOSE. You are solely responsible for determining the appropriateness of using or redistributing the Work and assume any risks associated with Your exercise of permissions under this License. 8. Limitation of Liability. In no event and under no legal theory, whether in tort (including negligence), contract, or otherwise, unless required by applicable law (such as deliberate and grossly negligent acts) or agreed to in writing, shall any Contributor be liable to You for damages, including any direct, indirect, special, incidental, or consequential damages of any character arising as a result of this License or out of the use or inability to use the Work (including but not limited to damages for loss of goodwill, work stoppage, computer failure or malfunction, or any and all other commercial damages or losses), even if such Contributor has been advised of the possibility of such damages. 9. Accepting Warranty or Additional Liability. While redistributing the Work or Derivative Works thereof, You may choose to offer, and charge a fee for, acceptance of support, warranty, indemnity, or other liability obligations and/or rights consistent with this License. However, in accepting such obligations, You may act only on Your own behalf and on Your sole responsibility, not on behalf of any other Contributor, and only if You agree to indemnify, defend, and hold each Contributor harmless for any liability incurred by, or claims asserted against, such Contributor by reason of your accepting any such warranty or additional liability. END OF TERMS AND CONDITIONS APPENDIX: How to apply the Apache License to your work. To apply the Apache License to your work, attach the following boilerplate notice, with the fields enclosed by brackets "[]" replaced with your own identifying information. (Don't include the brackets!) The text should be enclosed in the appropriate comment syntax for the file format. We also recommend that a file or class name and description of purpose be included on the same "printed page" as the copyright notice for easier identification within third-party archives. Copyright [yyyy] [name of copyright owner] Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0 Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License. ================================================ FILE: MotionScape/Assets.xcassets/AccentColor.colorset/Contents.json ================================================ { "colors" : [ { "idiom" : "universal" } ], "info" : { "author" : "xcode", "version" : 1 } } ================================================ FILE: MotionScape/Assets.xcassets/AppIcon.appiconset/Contents.json ================================================ { "images" : [ { "filename" : "16.png", "idiom" : "mac", "scale" : "1x", "size" : "16x16" }, { "filename" : "16@2x.png", "idiom" : "mac", "scale" : "2x", "size" : "16x16" }, { "filename" : "32.png", "idiom" : "mac", "scale" : "1x", "size" : "32x32" }, { "filename" : "32@2x.png", "idiom" : "mac", "scale" : "2x", "size" : "32x32" }, { "filename" : "128.png", "idiom" : "mac", "scale" : "1x", "size" : "128x128" }, { "filename" : "128@2x.png", "idiom" : "mac", "scale" : "2x", "size" : "128x128" }, { "filename" : "256.png", "idiom" : "mac", "scale" : "1x", "size" : "256x256" }, { "filename" : "256@2x.png", "idiom" : "mac", "scale" : "2x", "size" : "256x256" }, { "filename" : "512.png", "idiom" : "mac", "scale" : "1x", "size" : "512x512" }, { "filename" : "512@2x.png", "idiom" : "mac", "scale" : "2x", "size" : "512x512" } ], "info" : { "author" : "xcode", "version" : 1 } } ================================================ FILE: MotionScape/Assets.xcassets/Contents.json ================================================ { "info" : { "author" : "xcode", "version" : 1 } } ================================================ FILE: MotionScape/Assets.xcassets/codePreviewBackground.colorset/Contents.json ================================================ { "colors" : [ { "color" : { "color-space" : "srgb", "components" : { "alpha" : "1.000", "blue" : "0xFF", "green" : "0xFF", "red" : "0xFF" } }, "idiom" : "universal" }, { "appearances" : [ { "appearance" : "luminosity", "value" : "dark" } ], "color" : { "color-space" : "srgb", "components" : { "alpha" : "1.000", "blue" : "0x21", "green" : "0x1F", "red" : "0x1D" } }, "idiom" : "universal" } ], "info" : { "author" : "xcode", "version" : 1 } } ================================================ FILE: MotionScape/Assets.xcassets/copyPopupBackgroundColor.colorset/Contents.json ================================================ { "colors" : [ { "color" : { "color-space" : "srgb", "components" : { "alpha" : "1.000", "blue" : "1.000", "green" : "1.000", "red" : "1.000" } }, "idiom" : "universal" }, { "appearances" : [ { "appearance" : "luminosity", "value" : "dark" } ], "color" : { "color-space" : "srgb", "components" : { "alpha" : "1.000", "blue" : "0.000", "green" : "0.000", "red" : "0.000" } }, "idiom" : "universal" } ], "info" : { "author" : "xcode", "version" : 1 } } ================================================ FILE: MotionScape/Assets.xcassets/stream-logo.imageset/Contents.json ================================================ { "images" : [ { "filename" : "stream-logo.svg", "idiom" : "universal", "scale" : "1x" }, { "idiom" : "universal", "scale" : "2x" }, { "idiom" : "universal", "scale" : "3x" } ], "info" : { "author" : "xcode", "version" : 1 } } ================================================ FILE: MotionScape/Model/AnimationControlOption.swift ================================================ // // AnimationControlOption.swift // MotionScape // // Created by Stefan Blos on 25.03.22. // import Foundation enum AnimationControlOption: String, CaseIterable, Identifiable { case parameters, options var id: Self { self } } ================================================ FILE: MotionScape/Model/AnimationExample.swift ================================================ // // AnimationExample.swift // MotionScape // // Created by Stefan Blos on 18.03.22. // import Foundation enum AnimationExample: String, CaseIterable, Identifiable { case circles, chains, emojis, gradientCircle, text var id: Self { self } } ================================================ FILE: MotionScape/Model/AnimationOption.swift ================================================ // // AnimationOption.swift // MotionScape // // Created by Stefan Blos on 24.03.22. // import SwiftUI struct AnimationOption: Identifiable, Equatable, Documentable { var id = UUID() var type: AnimationOptionType var active: Bool = false var value: Double var description: String var defaultValueDescription: String var rangeDescription: String var name: String { return type.rawValue.capitalized } func createCodeSnippet() -> String { switch type { case .delay: return "\n\t.delay(\(value.stringWith(places: codePreviewDecimalPlaces)))" case .speed: return "\n\t.speed(\(value.stringWith(places: codePreviewDecimalPlaces)))" } } static func createDelay() -> AnimationOption { return AnimationOption( type: .delay, value: 1.0, description: "Delays the animation by the specified amount. Unit is seconds and the value needs to be a `Double`.", defaultValueDescription: "0.0", rangeDescription: "0 ... 10" ) } static func createSpeed() -> AnimationOption { return AnimationOption( type: .speed, value: 0.25, description: "This is an option to speed up or slow down the animation. It is of type `Double`. You can make it a value below 1 to slow it down and increase it to a value larger than 1 to speed it up.", defaultValueDescription: "1", rangeDescription: "0 ... 10") } } ================================================ FILE: MotionScape/Model/AnimationOptionType.swift ================================================ // // AnimationOptionType.swift // MotionScape // // Created by Stefan Blos on 25.03.22. // import Foundation enum AnimationOptionType: String { case delay, speed } ================================================ FILE: MotionScape/Model/AnimationParameter.swift ================================================ // // AnimationParameter.swift // MotionScape // // Created by Stefan Blos on 16.03.22. // import Foundation struct AnimationParameter: Equatable, Documentable { var name: String var description: String var defaultValue: Double? var range: ClosedRange var defaultValueDescription: String { defaultValue != nil ? "\(defaultValue!)" : "Not available" } var rangeDescription: String { range.toString } } ================================================ FILE: MotionScape/Model/AnimationType.swift ================================================ // // AnimationType.swift // MotionScape // // Created by Stefan Blos on 14.03.22. // import Foundation enum AnimationType: String, Equatable { case interpolatingSpring = "Interpolating Spring" case interactiveSpring = "Interactive Spring" case spring = "Spring" case linear = "Linear" case defaultAnimation = "Default" case easeIn = "Ease In" case easeOut = "Ease Out" case easeInOut = "Ease In Out" case timingCurve = "Custom Timing Curve" } ================================================ FILE: MotionScape/Model/Animations/AllAnimations.swift ================================================ // // AllAnimations.swift // MotionScape // // Created by Stefan Blos on 18.03.22. // import Foundation struct AllAnimations { var interpolatingSpring = InterpolatingSpring() var interactiveSpring = InteractiveSpring() var spring = Spring() var linear = Linear() var defaultAnimation = Default() var easeIn = EaseIn() var easeOut = EaseOut() var easeInOut = EaseInOut() var timingCurve = TimingCurve() } ================================================ FILE: MotionScape/Model/Animations/Default.swift ================================================ // // Default.swift // MotionScape // // Created by Stefan Blos on 29.03.22. // import SwiftUI struct Default: Equatable { var name = "Default" var animationOptions: [AnimationOption] = [ .createDelay(), .createSpeed() ] } extension Default: MyAnimation { func createAnimation() -> Animation { return .default .speed(getSpeed()) .delay(getDelay()) } func createCodeSnippet() -> String { let animationString = """ .default """ return addAnimationOptions(to: animationString) } } ================================================ FILE: MotionScape/Model/Animations/EaseIn.swift ================================================ // // EaseIn.swift // MotionScape // // Created by Stefan Blos on 16.03.22. // import SwiftUI struct EaseIn: Equatable { var duration: Double = 1 var name = "EaseIn" var animationOptions: [AnimationOption] = [ .createDelay(), .createSpeed() ] } extension EaseIn: MyAnimation { func createCodeSnippet() -> String { let animationString = """ .easeIn( duration: \(duration.stringWith(places: codePreviewDecimalPlaces)) ) """ return addAnimationOptions(to: animationString) } func createAnimation() -> Animation { return .easeIn( duration: duration ) .speed(getSpeed()) .delay(getDelay()) } } extension EaseIn { // Parameter static let durationParameter = AnimationParameter( name: "Duration", description: "The duration of the animation.", range: 0 ... 10) } ================================================ FILE: MotionScape/Model/Animations/EaseInOut.swift ================================================ // // EaseInOut.swift // MotionScape // // Created by Stefan Blos on 16.03.22. // import SwiftUI struct EaseInOut: Equatable { var duration: Double = 1 var name = "EaseInOut" var animationOptions: [AnimationOption] = [ .createDelay(), .createSpeed() ] } extension EaseInOut: MyAnimation { func createCodeSnippet() -> String { let animationString = """ .easeInOut( duration: \(duration.stringWith(places: codePreviewDecimalPlaces)) ) """ return addAnimationOptions(to: animationString) } func createAnimation() -> Animation { return .easeInOut( duration: duration ) .speed(getSpeed()) .delay(getDelay()) } } extension EaseInOut { // Parameter static let durationParameter = AnimationParameter( name: "Duration", description: "The duration of the animation.", range: 0 ... 10) } ================================================ FILE: MotionScape/Model/Animations/EaseOut.swift ================================================ // // EaseOut.swift // MotionScape // // Created by Stefan Blos on 16.03.22. // import SwiftUI struct EaseOut: Equatable { var duration: Double = 1 var name = "EaseOut" var animationOptions: [AnimationOption] = [ .createDelay(), .createSpeed() ] } extension EaseOut: MyAnimation { func createCodeSnippet() -> String { let animationString = """ .easeOut( duration: \(duration.stringWith(places: codePreviewDecimalPlaces)) ) """ return addAnimationOptions(to: animationString) } func createAnimation() -> Animation { return .easeOut( duration: duration ) .speed(getSpeed()) .delay(getDelay()) } } extension EaseOut { // Parameter static let durationParameter = AnimationParameter( name: "Duration", description: "The duration of the animation.", range: 0 ... 10) } ================================================ FILE: MotionScape/Model/Animations/InteractiveSpring.swift ================================================ // // InteractiveSpring.swift // MotionScape // // Created by Stefan Blos on 14.03.22. // import SwiftUI struct InteractiveSpring: Equatable { var name = "Interactive Spring" var response: Double = 0.15 var dampingFraction: Double = 0.86 var blendDuration: Double = 0.25 var animationOptions: [AnimationOption] = [ .createDelay() ] } extension InteractiveSpring: MyAnimation { func createCodeSnippet() -> String { let animationString = """ .interactiveSpring( response: \(response.stringWith(places: codePreviewDecimalPlaces)), dampingFraction: \(dampingFraction.stringWith(places: codePreviewDecimalPlaces)), blendDuration: \(blendDuration.stringWith(places: codePreviewDecimalPlaces)) ) """ return addAnimationOptions(to: animationString) } func createAnimation() -> Animation { return .interactiveSpring( response: response, dampingFraction: dampingFraction, blendDuration: blendDuration ) .speed(getSpeed()) .delay(getDelay()) } } extension InteractiveSpring { // Parameters static let responseParameter = AnimationParameter( name: "Response", description: """ Response controls how quickly an animating property value will try and get to a target. You can use the response to create an infinitely-stiff spring by setting its value to 0. A sensible range is from 0.15 - 0.55. """, defaultValue: 0.15, range: 0.01 ... 1 ) static let dampingFractionParameter = AnimationParameter( name: "Damping fraction", description: """ It is defined as the ratio at which an oscillating view stops over time. You can use it to causes a gradual reduction in the spring's oscillation. Experiment with the range of 0.25 - 0.55 to build animations with higher bounciness. """, defaultValue: 0.86, range: 0.01 ... 1 ) static let blendDurationParameter = AnimationParameter( name: "Blend duration", description: """ Blend duration defines how previous animation transitions to the next. It works with stacked or chained animations only, helping to create a smooth transition from the previous animation to the next. It cannot be observed when you have only one spring animation on the view. """, defaultValue: 0.25, range: 0.01 ... 1 ) } ================================================ FILE: MotionScape/Model/Animations/InterpolatingSpring.swift ================================================ // // InterpolatingSpring.swift // MotionScape // // Created by Stefan Blos on 14.03.22. // import SwiftUI struct InterpolatingSpring { var name: String = "Interpolating Spring" var mass: Double = 1 var stiffness: Double = 170 var damping: Double = 15 var initialVelocity: Double = 0.0 var animationOptions: [AnimationOption] = [ .createDelay() ] } extension InterpolatingSpring: MyAnimation { func createCodeSnippet() -> String { let animationString = """ .interpolatingSpring( mass: \(mass.stringWith(places: codePreviewDecimalPlaces)), stiffness: \(stiffness.stringWith(places: codePreviewDecimalPlaces)), damping: \(damping.stringWith(places: codePreviewDecimalPlaces)), initialVelocity: \(initialVelocity.stringWith(places: codePreviewDecimalPlaces)) ) """ return addAnimationOptions(to: animationString) } func createAnimation() -> Animation { return .interpolatingSpring( mass: mass, stiffness: stiffness, damping: damping, initialVelocity: initialVelocity ) .speed(getSpeed()) .delay(getDelay()) } } extension InterpolatingSpring { // Parameters static let stiffnessParamter = AnimationParameter( name: "Stiffness", description: """ Stiffness is the tensile strength of the spring. It changes how quickly the object moves towards its target. A higher stiffness will make the animation snappier. Use a range of 5 - 400 depending on the mass and damping value. For example, using the stiffness of 170 and the damping of 15 creates a gentle bounce. """, range: 1 ... 400) static let dampingParameter = AnimationParameter( name: "Damping", description: """ It is defined as the back-drag frictional force of the surface the animating object is resting on. The operating principle of damping is much like the braking system of a car. Its purpose is to stop the animating view over time. It also affects the ability to overshoot the object. Use damping of 0 to make the animating view oscillate forever. Start with 100, which means no overshoot. Using, for example, damping of 5 will create more overshoot. """, range: 1 ... 400 ) static let massParameter = AnimationParameter( name: "Mass", description: """ This is the weight of the object attached to the spring. It changes the willingness of the object to move or stop moving. A larger mass makes the animating view difficult to move, speed up, slow down. A sensible range goes from 1 to 10. """, defaultValue: 1, range: 1 ... 10 ) static let initialVelocityParameter = AnimationParameter( name: "Initial Velocity", description: """ It is defined as the speed at which the animation object changes at the beginning of the animation. Using a higher value will speed up the animation quickly in the begin-time. A sensible range goes from 1 to 4. """, defaultValue: 0, range: 0 ... 10 ) } ================================================ FILE: MotionScape/Model/Animations/Linear.swift ================================================ // // Linear.swift // MotionScape // // Created by Stefan Blos on 16.03.22. // import SwiftUI struct Linear: Equatable { var duration: Double = 1 var name = "Linear" var animationOptions: [AnimationOption] = [ .createDelay(), .createSpeed() ] } extension Linear: MyAnimation { func createCodeSnippet() -> String { let animationString = """ .linear( duration: \(duration.stringWith(places: codePreviewDecimalPlaces)) ) """ return addAnimationOptions(to: animationString) } func createAnimation() -> Animation { return .linear( duration: duration ) .speed(getSpeed()) .delay(getDelay()) } } extension Linear { // Parameter static let durationParameter = AnimationParameter( name: "Duration", description: "The duration of the animation.", range: 0 ... 10) } ================================================ FILE: MotionScape/Model/Animations/Spring.swift ================================================ // // Spring.swift // MotionScape // // Created by Stefan Blos on 16.03.22. // import SwiftUI struct Spring: Equatable { var response: Double = 0.55 var dampingFraction: Double = 0.825 var blendDuration: Double = 0 var name = "Spring" var animationOptions: [AnimationOption] = [ .createDelay() ] } extension Spring: MyAnimation { func createCodeSnippet() -> String { let animationString = """ .spring( response: \(response.stringWith(places: codePreviewDecimalPlaces)), dampingFraction: \(dampingFraction.stringWith(places: codePreviewDecimalPlaces)), blendDuration: \(blendDuration.stringWith(places: codePreviewDecimalPlaces)) ) """ return addAnimationOptions(to: animationString) } func createAnimation() -> Animation { return .spring( response: response, dampingFraction: dampingFraction, blendDuration: blendDuration ) .speed(getSpeed()) .delay(getDelay()) } } extension Spring { // Parameter static let responseParameter = AnimationParameter( name: "Response", description: """ Response controls how quickly an animating property value will try and get to a target. You can use the response to create an infinitely-stiff spring by setting its value to 0. A sensible range is from 0 - 1. """, defaultValue: 0.55, range: 0.01 ... 1 ) static let dampingFractionParameter = AnimationParameter( name: "Damping fraction", description: """ The amount of drag applied to the value being animated, as a fraction of an estimate of the amount needed to produce critical damping. It is defined as the ratio at which an oscillating view stops over time. You can use it to causes a gradual reduction in the spring's oscillation. A sensible range is from 0 - 1. """, defaultValue: 0.825, range: 0.01 ... 1 ) static let blendDurationParameter = AnimationParameter( name: "Blend duration", description: """ Blend duration defines how previous animation transitions to the next. It works with stacked or chained animations only, helping to create a smooth transition from the previous animation to the next. It cannot be observed when you have only one spring animation on the view. """, defaultValue: 0, range: 0.01 ... 1 ) } ================================================ FILE: MotionScape/Model/Animations/TimingCurve.swift ================================================ // // TimingCurve.swift // MotionScape // // Created by Stefan Blos on 21.03.22. // import SwiftUI struct TimingCurve { var x0: Double = 0.13 var y0: Double = 0.65 var x1: Double = 0.81 var y1: Double = 0.18 var name = "Custom Timing Curve" var animationOptions: [AnimationOption] = [ .createDelay(), .createSpeed() ] } extension TimingCurve: MyAnimation { func createCodeSnippet() -> String { let animationString = """ .timingCurve( \(x0.stringWith(places: codePreviewDecimalPlaces)), \(y0.stringWith(places: codePreviewDecimalPlaces)), \(x1.stringWith(places: codePreviewDecimalPlaces)), \(y1.stringWith(places: codePreviewDecimalPlaces)) ) """ return addAnimationOptions(to: animationString) } func createAnimation() -> Animation { return .timingCurve( x0, y0, x1, y1 ) .speed(getSpeed()) .delay(getDelay()) } } extension TimingCurve { // Parameters static let firstControlPointX = AnimationParameter(name: "x0", description: "The x value of the first control point for the timing curve.", defaultValue: 0.13, range: 0 ... 1) static let firstControlPointY = AnimationParameter(name: "y0", description: "The y value of the first control point for the timing curve.", defaultValue: 0.65, range: 0 ... 1) static let secondControlPointX = AnimationParameter(name: "x1", description: "The x value of the second control point for the timing curve.", defaultValue: 0.81, range: 0 ... 1) static let secondControlPointY = AnimationParameter(name: "y1", description: "The y value of the second control point for the timing curve.", defaultValue: 0.18, range: 0 ... 1) } ================================================ FILE: MotionScape/Model/DefaultValues.swift ================================================ // // DefaultValues.swift // MotionScape // // Created by Stefan Blos on 30.03.22. // let codePreviewDecimalPlaces = 5 ================================================ FILE: MotionScape/Model/Documentable.swift ================================================ // // Documentable.swift // MotionScape // // Created by Stefan Blos on 25.03.22. // import Foundation protocol Documentable { var description: String { get } var defaultValueDescription: String { get } var rangeDescription: String { get } } ================================================ FILE: MotionScape/Model/Extensions/Animation+Create.swift ================================================ // // Animation+Create.swift // MotionScape // // Created by Stefan Blos on 14.03.22. // import SwiftUI extension Animation { static func create(from viewModel: AnimationsViewModel) -> Animation { switch viewModel.selectedAnimation { case .interpolatingSpring: return viewModel.animations.interpolatingSpring.createAnimation() case .interactiveSpring: return viewModel.animations.interactiveSpring.createAnimation() case .spring: return viewModel.animations.spring.createAnimation() case .linear: return viewModel.animations.linear.createAnimation() case .defaultAnimation: return viewModel.animations.defaultAnimation.createAnimation() case .easeIn: return viewModel.animations.easeIn.createAnimation() case .easeOut: return viewModel.animations.easeOut.createAnimation() case .easeInOut: return viewModel.animations.easeInOut.createAnimation() case .timingCurve: return viewModel.animations.timingCurve.createAnimation() case .none: fatalError("No animation was selected and that's not a valid use-case!") } } } ================================================ FILE: MotionScape/Model/Extensions/CGFloat+Constants.swift ================================================ // // CGFloat+Constants.swift // MotionScape // // Created by Stefan Blos on 04.04.22. // import Foundation extension CGFloat { static let MIN_WIDTH_CONTROL_VIEW: CGFloat = 500 static let MIN_WIDTH_ANIMATION_VIEW: CGFloat = 450 static let MIN_WIDTH_SIDEBAR: CGFloat = 200 } ================================================ FILE: MotionScape/Model/Extensions/ClosedRange+toString.swift ================================================ // // ClosedRange+toString.swift // MotionScape // // Created by Stefan Blos on 24.03.22. // import Foundation extension ClosedRange { var toString: String { "\(lowerBound) ... \(upperBound)" } } ================================================ FILE: MotionScape/Model/Extensions/Double+DecimalPlaces.swift ================================================ // // Double+DecimalPlaces.swift // MotionScape // // Created by Stefan Blos on 14.03.22. // import Foundation extension Double { func stringWith(places decimals: Int) -> String { let formatter = NumberFormatter() formatter.numberStyle = .decimal formatter.maximumFractionDigits = decimals formatter.decimalSeparator = "." return formatter.string(from: self as NSNumber) ?? String(format: "%.\(decimals)f", self) } } ================================================ FILE: MotionScape/Model/MyAnimation.swift ================================================ // // MyAnimation.swift // MotionScape // // Created by Stefan Blos on 25.03.22. // import SwiftUI protocol MyAnimation { var name: String { get } var animationOptions: [AnimationOption] { get } func createAnimation() -> Animation func createCodeSnippet() -> String func addAnimationOptions(to animationString: String) -> String func getDelay() -> Double func getSpeed() -> Double } extension MyAnimation { func addAnimationOptions(to animationString: String) -> String { var copiedAnimationString = animationString // get all active animation options for that Animation let activeAnimationOptions = animationOptions .filter { $0.active } // add each animation option to the copied String for animation in activeAnimationOptions { copiedAnimationString += animation.createCodeSnippet() } return copiedAnimationString } func getDelay() -> Double { return animationOptions .filter { $0.type == .delay && $0.active } .map { $0.value } .first ?? 0.0 } func getSpeed() -> Double { return animationOptions .filter { $0.type == .speed && $0.active } .map { $0.value } .first ?? 1 } } ================================================ FILE: MotionScape/Model/PreviewType.swift ================================================ // // PreviewType.swift // MotionScape // // Created by Stefan Blos on 24.03.22. // import Foundation enum PreviewType: String, CaseIterable, Identifiable { case animation, code var id: Self { self } } ================================================ FILE: MotionScape/MotionScape.entitlements ================================================ com.apple.security.app-sandbox com.apple.security.files.user-selected.read-only ================================================ FILE: MotionScape/MotionScapeApp.swift ================================================ // // MotionScapeApp.swift // MotionScape // // Created by Stefan Blos on 07.03.22. // import SwiftUI @main struct MotionScapeApp: App { var body: some Scene { WindowGroup { ContentView() } } } ================================================ FILE: MotionScape/Preview Content/Preview Assets.xcassets/Contents.json ================================================ { "info" : { "author" : "xcode", "version" : 1 } } ================================================ FILE: MotionScape/View/AnimationViews/AnimationsContainerView.swift ================================================ // // AnimationsContainerView.swift // MotionScape // // Created by Stefan Blos on 18.03.22. // import SwiftUI struct AnimationsContainerView: View { @ObservedObject var viewModel: AnimationsViewModel @StateObject var exampleViewModel = AnimationsExampleViewModel() @State private var id = 0 @State private var selectedPreview: PreviewType = .animation @State private var copyTextOpacity: CGFloat = 0.0 var body: some View { VStack(spacing: 20) { HStack { Spacer() Picker("", selection: $selectedPreview) { ForEach(PreviewType.allCases) { previewType in Text(previewType.rawValue.capitalized) } } .pickerStyle(.segmented) .padding() Spacer() } Spacer() switch selectedPreview { case .animation: switch exampleViewModel.selectedAnimationExample { case .circles: CirclesView(viewModel: viewModel) .id(viewModel.id) case .chains: ChainsView(viewModel: viewModel) .id(viewModel.id) case .emojis: EmojisView(viewModel: viewModel) .id(viewModel.id) case .gradientCircle: GradientCircleView(viewModel: viewModel) .id(viewModel.id) case .text: TextAnimationContainer(viewModel: viewModel) } case .code: CodePreviewView(code: viewModel.createAnimationCode()) { viewModel.copyAnimationCodeToClipboard() } } Spacer() Divider() HStack { Picker("Animation:", selection: $exampleViewModel.selectedAnimationExample) { ForEach(AnimationExample.allCases) { animation in Text(animation.rawValue.capitalized) } } .pickerStyle(.radioGroup) .padding() Button(action: { viewModel.copyAnimationCodeToClipboard() withAnimation(.easeInOut(duration: 0.5)) { copyTextOpacity = 1 } withAnimation(.easeInOut(duration: 0.5).delay(2)) { copyTextOpacity = 0 } }, label: { Label("Copy animation code", systemImage: "doc.on.doc.fill") .padding(20) }) .overlay { Text("Copied") .foregroundColor(.primary) .padding(.vertical, 2) .padding(.horizontal, 8) .background(Color("copyPopupBackgroundColor")) .clipShape( RoundedRectangle(cornerRadius: 4, style: .continuous) ) .overlay( RoundedRectangle(cornerRadius: 4, style: .continuous) .stroke(Color.primary.opacity(0.4), lineWidth: 1) ) .offset(y: -30) .frame(width: 60) .opacity(copyTextOpacity) .edgesIgnoringSafeArea(.all) } .padding() } } } } struct AnimationsContainerView_Previews: PreviewProvider { static var previews: some View { AnimationsContainerView(viewModel: AnimationsViewModel()) } } ================================================ FILE: MotionScape/View/AnimationViews/ChainsView.swift ================================================ // // ChainsView.swift // MotionScape // // Created by Stefan Blos on 18.03.22. // import SwiftUI struct ChainsView: View { @ObservedObject var viewModel: AnimationsViewModel let letters = Array(repeating: "🔗", count: 25) @State private var enabled = false @State private var dragAmount = CGSize.zero @State private var textOpacity: CGFloat = 1 var body: some View { VStack(spacing: 0) { ForEach(0 ..< 25) { num in Text(String(letters[num])) .padding(-10) .font(.largeTitle) .rotationEffect(.degrees(enabled ? 0 : 360), anchor: .bottom) .offset(dragAmount) .animation( .create(from: viewModel) .delay(Double(num) / 20), value: dragAmount ) } Text("Drag chain to animate") .foregroundColor(.secondary) .padding(.top) .opacity(textOpacity) .animation(.easeInOut, value: textOpacity) } .padding() .gesture( DragGesture() .onChanged { dragAmount = $0.translation textOpacity = 0 } // _ ignore the value coming in this time .onEnded { _ in withAnimation{ dragAmount = .zero enabled.toggle() } textOpacity = 1 } ) } } struct ChainsView_Previews: PreviewProvider { static var previews: some View { ChainsView(viewModel: AnimationsViewModel()) } } ================================================ FILE: MotionScape/View/AnimationViews/CirclesView.swift ================================================ // // CirclesView.swift // MotionScape // // Created by Stefan Blos on 10.03.22. // import SwiftUI struct CirclesView: View { @ObservedObject var viewModel: AnimationsViewModel @State private var moving = false let yUpper: CGFloat = 100 let yLower: CGFloat = -120 var body: some View { ZStack{ ForEach (0 ..< 8, id: \.self) { i in Circle() .stroke(lineWidth: 5) .frame(width: CGFloat(20 + (i * 30)), height: CGFloat(20 + (i * 30))) .rotation3DEffect(.degrees(75), axis: (x: 1, y: 0, z: 0)) .offset(y: moving ? yUpper : yLower) .animation( .create(from: viewModel) .repeatForever(autoreverses: true) .delay(Double(i) * 0.05), value: moving ) } } .onAppear { moving.toggle() } } } struct CirclesView_Previews: PreviewProvider { static var previews: some View { CirclesView(viewModel: AnimationsViewModel()) } } ================================================ FILE: MotionScape/View/AnimationViews/CodePreviewView.swift ================================================ // // CodePreviewView.swift // MotionScape // // Created by Stefan Blos on 24.03.22. // import SwiftUI struct CodePreviewView: View { var code: String var copyAnimationCodeToClipboard: () -> Void @State private var copyButtonHovered = false @State private var copyTextOpacity = 0.0 var body: some View { ZStack(alignment: .topTrailing) { Text("```\(code)```") .padding(40) .textSelection(.enabled) .background(Color("codePreviewBackground")) .clipShape( RoundedRectangle(cornerRadius: 10, style: .continuous) ) .overlay( RoundedRectangle(cornerRadius: 10, style: .continuous) .stroke(Color.primary.opacity(0.5), lineWidth: 1) ) .animation(.spring(), value: code) Image(systemName: "doc.on.doc") .foregroundColor( copyButtonHovered ? .primary : .secondary.opacity(0.6) ) .padding(4) .overlay( RoundedRectangle(cornerRadius: 4, style: .continuous) .stroke( copyButtonHovered ? .primary : Color.secondary.opacity(0.6), lineWidth: 1 ) ) .animation(.easeInOut.speed(1.5), value: copyButtonHovered) .padding(10) .overlay { Text("Copied") .foregroundColor(.primary) .padding(.vertical, 2) .padding(.horizontal, 8) .background(Color("copyPopupBackgroundColor")) .clipShape( RoundedRectangle(cornerRadius: 4, style: .continuous) ) .overlay( RoundedRectangle(cornerRadius: 4, style: .continuous) .stroke(Color.primary.opacity(0.4), lineWidth: 1) ) .offset(y: -30) .frame(width: 60) .opacity(copyTextOpacity) .edgesIgnoringSafeArea(.all) } .onHover { hovering in copyButtonHovered = hovering } .onTapGesture { copyAnimationCodeToClipboard() withAnimation(.easeInOut(duration: 0.5)) { copyTextOpacity = 1 } withAnimation(.easeInOut(duration: 0.5).delay(2)) { copyTextOpacity = 0 } } } } } struct CodePreviewView_Previews: PreviewProvider { static var previews: some View { CodePreviewView(code: "I'm a code preview. Oink, oink") { // Nothing to do here } } } ================================================ FILE: MotionScape/View/AnimationViews/EmojisView.swift ================================================ // // EmojisView.swift // MotionScape // // Created by Stefan Blos on 18.03.22. // import SwiftUI struct EmojisView: View { @ObservedObject var viewModel: AnimationsViewModel let letters = Array("😇🥰😝😂😍🤓😜🤭😰🥰😇") let lettersAmount = 11 @State private var enabled = false @State private var dragAmount = CGSize.zero @State private var textOpacity: CGFloat = 1 var body: some View { ZStack { ForEach(0 ..< 11) { num in Text(String(letters[num])) .font(.largeTitle) .offset(dragAmount) .animation( .create(from: viewModel) .delay(Double(num) / 10), value: dragAmount ) } .scaleEffect(3) Text("Drag emojis to animate") .foregroundColor(.secondary) .padding(.top) .font(.body) .offset(y: 60) .opacity(textOpacity) .animation(.easeInOut, value: textOpacity) } .padding() .gesture( DragGesture() .onChanged { dragAmount = $0.translation textOpacity = 0 } // _ ignore the value coming in this time .onEnded { _ in withAnimation{ dragAmount = .zero enabled.toggle() } textOpacity = 1 } ) } } struct EmojisView_Previews: PreviewProvider { static var previews: some View { EmojisView(viewModel: AnimationsViewModel()) } } ================================================ FILE: MotionScape/View/AnimationViews/GradientCircleView.swift ================================================ // // GradientCircleView.swift // MotionScape // // Created by Stefan Blos on 21.03.22. // import SwiftUI struct GradientCircleView: View { @ObservedObject var viewModel: AnimationsViewModel @State private var rotationAmount: Double = -90 @State private var scale: CGFloat = 1 var body: some View { Circle() .fill( AngularGradient( colors: [.blue, .green, .orange, .red, .blue], center: .center ) ) .scaleEffect(scale) .animation( .create(from: viewModel) .repeatForever(autoreverses: true), value: scale ) .rotationEffect(.degrees(rotationAmount)) .animation( .create(from: viewModel) .repeatForever(autoreverses: true), value: rotationAmount ) .overlay(Circle().stroke(Color.primary.opacity(0.6), lineWidth: 3)) .padding(40) .onAppear { rotationAmount += 360 scale = 0.5 } } } struct GradientCircleView_Previews: PreviewProvider { static var previews: some View { GradientCircleView(viewModel: AnimationsViewModel()) } } ================================================ FILE: MotionScape/View/AnimationViews/TextAnimationView.swift ================================================ // // TextAnimationView.swift // MotionScape // // Created by Stefan Blos on 18.04.23. // import SwiftUI struct TextAnimationContainer: View { @ObservedObject var viewModel: AnimationsViewModel @State private var text = "Motionscape👀" @FocusState private var textFieldFocused: Bool var body: some View { VStack { HStack(spacing: 8) { TextField("Your custom text:", text: $text) .textFieldStyle(CustomTextFieldStyle(isFocused: $textFieldFocused.wrappedValue)) .focused($textFieldFocused) Spacer() Label("Click to change text", systemImage: "lightbulb") } .padding(40) Spacer() TextAnimationView(text: text, animation: .create(from: viewModel)) .id(viewModel.id) Spacer() } .onChange(of: text) { _ in viewModel.id = UUID() } } } struct TextAnimationView: View { @State private var offset: CGFloat = 0 var text: String var animation: Animation var body: some View { HStack { ForEach(Array(text.enumerated()), id: \.offset) { (index, character) in Text(String(character)) .font(.system(size: 60, weight: .bold, design: .rounded)) .offset(x: 0, y: offset) .animation( animation .repeatForever(autoreverses: true) .delay(Double(index) / 30), value: offset ) } } .onAppear { withAnimation { offset = 100 } } } } struct TextAnimationView_Previews: PreviewProvider { static var previews: some View { TextAnimationView(text: "Motionscape", animation: .easeInOut) } } ================================================ FILE: MotionScape/View/ControlViews/AnimationOptionsView.swift ================================================ // // AnimationOptionsView.swift // MotionScape // // Created by Stefan Blos on 25.03.22. // import SwiftUI struct AnimationOptionsView: View { @Binding var animationOptions: [AnimationOption] var body: some View { VStack(alignment: .leading, spacing: 20) { Text("Options") .font(.headline) ForEach($animationOptions) { $option in AnimationOptionView(option: $option) } } .padding() } } struct AnimationOptionsView_Previews: PreviewProvider { static var previews: some View { AnimationOptionsView(animationOptions: .constant([])) } } ================================================ FILE: MotionScape/View/ControlViews/ControlContainerView.swift ================================================ // // ControlContainerView.swift // MotionScape // // Created by Stefan Blos on 14.03.22. // import SwiftUI struct ControlContainerView: View { @ObservedObject var viewModel: AnimationsViewModel var body: some View { switch viewModel.selectedAnimation { case .interpolatingSpring: InterpolatingSpringControlView(viewModel: viewModel) case .interactiveSpring: InteractiveSpringControlView(viewModel: viewModel) case .spring: SpringControlView(viewModel: viewModel) case .linear: LinearControlView(viewModel: viewModel) case .defaultAnimation: DefaultControlView(viewModel: viewModel) case .easeIn: EaseInControlView(viewModel: viewModel) case .easeOut: EaseOutControlView(viewModel: viewModel) case .easeInOut: EaseInOutControlView(viewModel: viewModel) case .timingCurve: TimingCurveControlView(viewModel: viewModel) case .none: Text("No animation type selected.") } } } struct ControlContainerView_Previews: PreviewProvider { static var previews: some View { ControlContainerView(viewModel: AnimationsViewModel()) } } ================================================ FILE: MotionScape/View/ControlViews/DefaultControlView.swift ================================================ // // DefaultControlView.swift // MotionScape // // Created by Stefan Blos on 29.03.22. // import SwiftUI struct DefaultControlView: View { @ObservedObject var viewModel: AnimationsViewModel @State private var selectedOption: AnimationControlOption = .parameters var body: some View { ScrollView { VStack(alignment: .leading, spacing: 20) { HeadlineView( headline: "Default", description: "The default animation that is provided is in fact an easeInOut animation. It has the control points (0.25, 0.1) and (0.25, 1.0).\nUnder the parameters tab below you can see the timing curve for it. Other than that it has no other parameters you can customize.", timingCurve: TimingCurve(x0: 0.25, y0: 0.1, x1: 0.25, y1: 1.0) ) Picker("", selection: $selectedOption) { ForEach(AnimationControlOption.allCases) { option in Text(option.rawValue.capitalized) } } .pickerStyle(.segmented) .padding() switch selectedOption { case .parameters: Text("The default animation does not have any parameters to customize. Its goal is to mimic most of the system's animations as close as possible.") .padding() case .options: AnimationOptionsView(animationOptions: $viewModel.animations.defaultAnimation.animationOptions) } HStack { Spacer() Button { // Let's see about that viewModel.resetCurrentAnimation() } label: { Text("Reset to default") } Spacer() } .padding(.bottom) } } } } struct DefaultControlView_Previews: PreviewProvider { static var previews: some View { DefaultControlView(viewModel: AnimationsViewModel()) } } ================================================ FILE: MotionScape/View/ControlViews/EaseInControlView.swift ================================================ // // EaseInControlView.swift // MotionScape // // Created by Stefan Blos on 16.03.22. // import SwiftUI struct EaseInControlView: View { @ObservedObject var viewModel: AnimationsViewModel @State private var selectedOption: AnimationControlOption = .parameters var body: some View { ScrollView { VStack(alignment: .leading, spacing: 20) { HeadlineView( headline: "EaseIn", description: "This pacing causes the animation to start slowly and stop abruptly at the end. It is greater for something that exits the screen. It has the control points (0.42, 0.0) and (1.0, 1.0).", timingCurve: TimingCurve(x0: 0.42, y0: 0.0, x1: 1.0, y1: 1.0) ) Picker("", selection: $selectedOption) { ForEach(AnimationControlOption.allCases) { option in Text(option.rawValue.capitalized) } } .pickerStyle(.segmented) .padding() switch selectedOption { case .parameters: SliderControlView(value: $viewModel.animations.easeIn.duration, parameter: EaseIn.durationParameter) case .options: AnimationOptionsView(animationOptions: $viewModel.animations.easeIn.animationOptions) } } HStack { Spacer() Button { // Let's see about that viewModel.resetCurrentAnimation() } label: { Text("Reset to default") } Spacer() } .padding(.bottom) } } } struct EaseInControlView_Previews: PreviewProvider { static var previews: some View { EaseInControlView(viewModel: AnimationsViewModel()) } } ================================================ FILE: MotionScape/View/ControlViews/EaseInOutControlView.swift ================================================ // // EaseInOutControlView.swift // MotionScape // // Created by Stefan Blos on 16.03.22. // import SwiftUI struct EaseInOutControlView: View { @ObservedObject var viewModel: AnimationsViewModel @State private var selectedOption: AnimationControlOption = .parameters var body: some View { ScrollView { VStack(alignment: .leading, spacing: 20) { HeadlineView( headline: "EaseInOut", description: "It combines ease-in and ease-out pacing. This pacing causes an animation to start slowly, speed up in the middle and slow down again before it completes. Make it your great choice for point-to-point (back-and-forth) movement on the screen. It has the control points (0.42, 0.0) and (0.58, 1.0).", timingCurve: TimingCurve(x0: 0.42, y0: 0.0, x1: 0.58, y1: 1.0) ) Picker("", selection: $selectedOption) { ForEach(AnimationControlOption.allCases) { option in Text(option.rawValue.capitalized) } } .pickerStyle(.segmented) .padding() switch selectedOption { case .parameters: SliderControlView(value: $viewModel.animations.easeInOut.duration, parameter: EaseInOut.durationParameter) case .options: AnimationOptionsView(animationOptions: $viewModel.animations.easeInOut.animationOptions) } HStack { Spacer() Button { // Let's see about that viewModel.resetCurrentAnimation() } label: { Text("Reset to default") } Spacer() } .padding(.bottom) } } } } struct EaseInOutControlView_Previews: PreviewProvider { static var previews: some View { EaseInOutControlView(viewModel: AnimationsViewModel()) } } ================================================ FILE: MotionScape/View/ControlViews/EaseOutControlView.swift ================================================ // // EaseOutControlView.swift // MotionScape // // Created by Stefan Blos on 16.03.22. // import SwiftUI struct EaseOutControlView: View { @ObservedObject var viewModel: AnimationsViewModel @State private var selectedOption: AnimationControlOption = .parameters var body: some View { ScrollView { VStack(alignment: .leading, spacing: 20) { HeadlineView( headline: "EaseOut", description: "This pacing is the inverse of ease-in. It speeds up in the beginning and slows down at the end. It is suitable for entrance animations. Think of ease-out in the real world like when a ball is rolled on the floor towards you. You expect the ball’s movement to slow down before it gets to you. It has the control points (0.0, 0.0) and (0.58, 1.0).", timingCurve: TimingCurve(x0: 0.0, y0: 0.0, x1: 0.58, y1: 1.0) ) Picker("", selection: $selectedOption) { ForEach(AnimationControlOption.allCases) { option in Text(option.rawValue.capitalized) } } .pickerStyle(.segmented) .padding() switch selectedOption { case .parameters: SliderControlView(value: $viewModel.animations.easeOut.duration, parameter: EaseOut.durationParameter) case .options: AnimationOptionsView(animationOptions: $viewModel.animations.easeOut.animationOptions) } HStack { Spacer() Button { // Let's see about that viewModel.resetCurrentAnimation() } label: { Text("Reset to default") } Spacer() } .padding(.bottom) } } } } struct EaseOutControlView_Previews: PreviewProvider { static var previews: some View { EaseOutControlView(viewModel: AnimationsViewModel()) } } ================================================ FILE: MotionScape/View/ControlViews/InteractiveSpringControlView.swift ================================================ // // InteractiveSpringControlView.swift // MotionScape // // Created by Stefan Blos on 14.03.22. // import SwiftUI struct InteractiveSpringControlView: View { @ObservedObject var viewModel: AnimationsViewModel @State private var selectedOption: AnimationControlOption = .parameters var body: some View { ScrollView { VStack(alignment: .leading, spacing: 20) { HeadlineView( headline: "Interactive spring", description: "A convenience for a spring() animation with a lower response value, intended for driving interactive animations." ) Picker("", selection: $selectedOption) { ForEach(AnimationControlOption.allCases) { option in Text(option.rawValue.capitalized) } } .pickerStyle(.segmented) .padding() switch selectedOption { case .parameters: SliderControlView(value: $viewModel.animations.interactiveSpring.response, parameter: InteractiveSpring.responseParameter) SliderControlView(value: $viewModel.animations.interactiveSpring.dampingFraction, parameter: InteractiveSpring.dampingFractionParameter) SliderControlView(value: $viewModel.animations.interactiveSpring.blendDuration, parameter: InteractiveSpring.blendDurationParameter) case .options: AnimationOptionsView(animationOptions: $viewModel.animations.interactiveSpring.animationOptions) } HStack { Spacer() Button { // Let's see about that viewModel.resetCurrentAnimation() } label: { Text("Reset to default") } Spacer() } .padding(.bottom) } } } } struct InteractiveSpringControlView_Previews: PreviewProvider { static var previews: some View { InteractiveSpringControlView(viewModel: AnimationsViewModel()) } } ================================================ FILE: MotionScape/View/ControlViews/InterpolatingSpringControlView.swift ================================================ // // InterpolatingSpringControlView.swift // MotionScape // // Created by Stefan Blos on 10.03.22. // import SwiftUI struct InterpolatingSpringControlView: View { @ObservedObject var viewModel: AnimationsViewModel @State private var selectedOption: AnimationControlOption = .parameters var body: some View { ScrollView { VStack(alignment: .leading, spacing: 20) { HeadlineView( headline: "Interpolating spring", description: "An interpolating spring animation that uses a damped spring model to produce values in the range [0, 1] that are then used to interpolate within the [from, to] range of the animated property.\nPreserves velocity across overlapping animations by adding the effects of each animation." ) Picker("", selection: $selectedOption) { ForEach(AnimationControlOption.allCases) { option in Text(option.rawValue.capitalized) } } .pickerStyle(.segmented) .padding() switch selectedOption { case .parameters: SliderControlView(value: $viewModel.animations.interpolatingSpring.stiffness, parameter: InterpolatingSpring.stiffnessParamter) SliderControlView(value: $viewModel.animations.interpolatingSpring.damping, parameter: InterpolatingSpring.dampingParameter) SliderControlView(value: $viewModel.animations.interpolatingSpring.mass, parameter: InterpolatingSpring.massParameter) SliderControlView(value: $viewModel.animations.interpolatingSpring.initialVelocity, parameter: InterpolatingSpring.initialVelocityParameter) case .options: AnimationOptionsView(animationOptions: $viewModel.animations.interpolatingSpring.animationOptions) } HStack { Spacer() Button { // Let's see about that viewModel.resetCurrentAnimation() } label: { Text("Reset to default") } Spacer() } .padding(.bottom) } } } } struct CirclesControlView_Previews: PreviewProvider { static var previews: some View { InterpolatingSpringControlView(viewModel: AnimationsViewModel()) } } ================================================ FILE: MotionScape/View/ControlViews/LinearControlView.swift ================================================ // // LinearControlView.swift // MotionScape // // Created by Stefan Blos on 16.03.22. // import SwiftUI struct LinearControlView: View { @ObservedObject var viewModel: AnimationsViewModel @State private var selectedOption: AnimationControlOption = .parameters var body: some View { ScrollView { VStack(alignment: .leading, spacing: 20) { HeadlineView( headline: "Linear", description: "Linear has no speed changes over the course of the animation. There is nothing like speeding up and slowing down because the animating view moves at a constant speed. It may feel mechanical or robotic, but in some cases, it is the most suitable easing to use over ease in and ease out. It has the control points (0.0, 0.0) and (1.0, 1.0)." ) Picker("", selection: $selectedOption) { ForEach(AnimationControlOption.allCases) { option in Text(option.rawValue.capitalized) } } .pickerStyle(.segmented) .padding() switch selectedOption { case .parameters: SliderControlView(value: $viewModel.animations.linear.duration, parameter: Linear.durationParameter) case .options: AnimationOptionsView(animationOptions: $viewModel.animations.linear.animationOptions) } HStack { Spacer() Button { // Let's see about that viewModel.resetCurrentAnimation() } label: { Text("Reset to default") } Spacer() } .padding(.bottom) } } } } struct LinearControlView_Previews: PreviewProvider { static var previews: some View { LinearControlView(viewModel: AnimationsViewModel()) } } ================================================ FILE: MotionScape/View/ControlViews/SpringControlView.swift ================================================ // // SpringControlView.swift // MotionScape // // Created by Stefan Blos on 16.03.22. // import SwiftUI struct SpringControlView: View { @ObservedObject var viewModel: AnimationsViewModel @State private var selectedOption: AnimationControlOption = .parameters var body: some View { ScrollView { VStack(alignment: .leading, spacing: 20) { HeadlineView( headline: "Spring", description: "A persistent spring animation. When mixed with other spring() or interactiveSpring() animations on the same property, each animation will be replaced by their successor, preserving velocity from one animation to the next. Optionally blends the response values between springs over a time period." ) Picker("", selection: $selectedOption) { ForEach(AnimationControlOption.allCases) { option in Text(option.rawValue.capitalized) } } .pickerStyle(.segmented) .padding() switch selectedOption { case .parameters: SliderControlView(value: $viewModel.animations.spring.response, parameter: Spring.responseParameter) SliderControlView(value: $viewModel.animations.spring.dampingFraction, parameter: Spring.dampingFractionParameter) SliderControlView(value: $viewModel.animations.spring.blendDuration, parameter: Spring.blendDurationParameter) case .options: AnimationOptionsView(animationOptions: $viewModel.animations.spring.animationOptions) } HStack { Spacer() Button { // Let's see about that viewModel.resetCurrentAnimation() } label: { Text("Reset to default") } Spacer() } .padding(.bottom) } } } } struct SpringControlView_Previews: PreviewProvider { static var previews: some View { SpringControlView(viewModel: AnimationsViewModel()) } } ================================================ FILE: MotionScape/View/ControlViews/TimingCurveControlView.swift ================================================ // // TimingCurveControlView.swift // MotionScape // // Created by Stefan Blos on 21.03.22. // import SwiftUI struct TimingCurveControlView: View { @ObservedObject var viewModel: AnimationsViewModel @State private var selectedOption: AnimationControlOption = .parameters let textFieldWidth: CGFloat = 100 var body: some View { ScrollView { VStack(alignment: .leading, spacing: 20) { HeadlineView( headline: "Custom Timing Curve", description: "Manually create the timing curve as shown in the preview below. It is defined via two control points (as depicted in the preview) which are used to draw the curve.") Picker("", selection: $selectedOption) { ForEach(AnimationControlOption.allCases) { option in Text(option.rawValue.capitalized) } } .pickerStyle(.segmented) .padding() switch selectedOption { case .parameters: Text("Preview") .font(.headline) .padding(.horizontal) HStack { Spacer() TimingCurveView( timingCurve: viewModel.animations.timingCurve ) .frame(width: 200, height: 200) Spacer() } HStack(spacing: 10) { Spacer() Text("Control Point 1:") .foregroundColor(.secondary) TextFieldControlView(value: $viewModel.animations.timingCurve.x0, parameter: TimingCurve.firstControlPointX) .frame(width: textFieldWidth) TextFieldControlView(value: $viewModel.animations.timingCurve.y0, parameter: TimingCurve.firstControlPointY) .frame(width: textFieldWidth) Spacer() } .padding(.top) HStack(spacing: 10) { Spacer() Text("Control Point 2:") .foregroundColor(.secondary) TextFieldControlView(value: $viewModel.animations.timingCurve.x1, parameter: TimingCurve.secondControlPointX) .frame(width: textFieldWidth) TextFieldControlView(value: $viewModel.animations.timingCurve.y1, parameter: TimingCurve.secondControlPointY) .frame(width: textFieldWidth) Spacer() } case .options: AnimationOptionsView(animationOptions: $viewModel.animations.timingCurve.animationOptions) } HStack { Spacer() Button { // Let's see about that viewModel.resetCurrentAnimation() } label: { Text("Reset to default") } Spacer() } .padding(.bottom) } } } } struct TimingCurveControlView_Previews: PreviewProvider { static var previews: some View { TimingCurveControlView(viewModel: AnimationsViewModel()) } } ================================================ FILE: MotionScape/View/Helpers/AnimationOptionView.swift ================================================ // // AnimationOptionView.swift // MotionScape // // Created by Stefan Blos on 25.03.22. // import SwiftUI struct AnimationOptionView: View { @Binding var option: AnimationOption @State private var numberPopoverShowing = false var body: some View { HStack(spacing: 40) { Toggle(isOn: $option.active) { Text(option.name) .frame(minWidth: 60) } .toggleStyle(.checkbox) Group { Slider(value: $option.value, in: 0...10) { Text(option.value.stringWith(places: 2)) .valueLabel() .opacity(option.active ? 1.0 : 0.3) .padding(.trailing) .popover(isPresented: $numberPopoverShowing) { VStack(alignment: .leading, spacing: 20) { HStack(spacing: 20) { Text("Set value:") .font(.headline) .foregroundColor(.secondary) .layoutPriority(1) Spacer() TextField( "Value", value: $option.value, format: .number ) .textFieldStyle(.roundedBorder) } switch option.type { case .speed: ( Text(Image(systemName: "info.circle")) + Text(" Values lower than 1 will slow down and larger than 1 speed up the animation.") ) .frame(height: 40) case .delay: ( Text(Image(systemName: "info.circle")) + Text(" Specifies the delay in seconds before your animation starts initially.") ) .frame(height: 40) } HStack { Spacer() Button("Ok") { numberPopoverShowing = false } } } .padding() .frame(maxWidth: 300) } } minimumValueLabel: { Text("0") .foregroundColor(.secondary) .font(.callout) .opacity(option.active ? 1.0 : 0.3) } maximumValueLabel: { Text("10") .foregroundColor(.secondary) .font(.callout) .opacity(option.active ? 1.0 : 0.3) } EditValueButton() .disabled(!option.active) .opacity(option.active ? 1.0 : 0.3) .onTapGesture { numberPopoverShowing = true } } .disabled(!option.active) } ParameterDescriptionView(parameter: option) } } struct AnimationOptionView_Previews: PreviewProvider { static var previews: some View { AnimationOptionView(option: .constant(AnimationOption(type: .delay, active: false, value: 1.0, description: "", defaultValueDescription: "" , rangeDescription: ""))) } } ================================================ FILE: MotionScape/View/Helpers/CustomModifiers.swift ================================================ // // CustomModifiers.swift // MotionScape // // Created by Stefan Blos on 24.03.22. // import SwiftUI struct ValueLabel: ViewModifier { func body(content: Content) -> some View { content .frame(width: 60) .font(.title2) .padding(.horizontal, 8) .padding(.vertical, 4) .foregroundColor(.white) .background(Color.accentColor) .clipShape(RoundedRectangle(cornerRadius: 8, style: .continuous)) } } struct SidebarHeadline: ViewModifier { func body(content: Content) -> some View { content .foregroundColor(.secondary) .font(.headline) } } extension View { func valueLabel() -> some View { modifier(ValueLabel()) } func sidebarHeadline() -> some View { modifier(SidebarHeadline()) } } ================================================ FILE: MotionScape/View/Helpers/CustomTextFieldStyle.swift ================================================ // // CustomTextFieldStyle.swift // MotionScape // // Created by Stefan Blos on 02.05.23. // import SwiftUI struct CustomTextFieldStyle: TextFieldStyle { var isFocused: Bool func _body(configuration: TextField) -> some View { ZStack { Color(.blue) .clipShape(Capsule()) configuration .textFieldStyle(.plain) .font(.title2) .foregroundColor(.white) .padding(EdgeInsets(top: 12, leading: 20, bottom: 12, trailing: 20)) .background(.thinMaterial, in: Capsule()) if isFocused { Capsule() .stroke(Color.white.opacity(0.7), lineWidth: 4) } } .frame(height: 40) .shadow(color: .black.opacity(0.2), radius: 8, x: 0, y: 4) } } ================================================ FILE: MotionScape/View/Helpers/EditValueButton.swift ================================================ // // EditValueButton.swift // MotionScape // // Created by Stefan Blos on 30.03.22. // import SwiftUI struct EditValueButton: View { var body: some View { Image(systemName: "square.and.pencil") .resizable() .frame(width: 16, height: 16) .foregroundColor(.primary) .accessibilityLabel("Set value") } } struct EditValueButton_Previews: PreviewProvider { static var previews: some View { EditValueButton() } } ================================================ FILE: MotionScape/View/Helpers/HeadlineView.swift ================================================ // // HeadlineView.swift // MotionScape // // Created by Stefan Blos on 21.03.22. // import SwiftUI struct HeadlineView: View { var headline: String var description: String var timingCurve: TimingCurve? var body: some View { VStack(alignment: .leading) { Text(headline) .font(.largeTitle) .foregroundColor(.secondary) .bold() .padding([.horizontal, .top]) Text(description) .padding() if let unwrappedTimingCurve = timingCurve { Text("Timing curve") .font(.headline) .foregroundColor(.secondary) .padding([.horizontal, .bottom]) HStack { Spacer() TimingCurveView(timingCurve: unwrappedTimingCurve) .frame(width: 200, height: 200) Spacer() } } Divider() } } } struct HeadlineView_Previews: PreviewProvider { static var previews: some View { HeadlineView(headline: "Interpolating Spring", description: "An interpolating spring animation that uses a damped spring model to produce values in the range [0, 1] that are then used to interpolate within the [from, to] range of the animated property.\nPreserves velocity across overlapping animations by adding the effects of each animation.") } } ================================================ FILE: MotionScape/View/Helpers/InfoText.swift ================================================ // // InfoText.swift // MotionScape // // Created by Stefan Blos on 14.03.22. // import SwiftUI struct InfoText: View { var text: String var body: some View { HStack(alignment: .firstTextBaseline, spacing: 10) { Image(systemName: "info.circle") Text("\(text)") } .padding() .background(Color(.textBackgroundColor)) .clipShape(RoundedRectangle(cornerRadius: 10, style: .continuous)) .overlay( RoundedRectangle(cornerRadius: 10, style: .continuous) .stroke(Color.secondary.opacity(0.3), lineWidth: 2) ) } } struct InfoText_Previews: PreviewProvider { static var previews: some View { InfoText(text: "The stiffness of the spring.") } } ================================================ FILE: MotionScape/View/Helpers/InfoView.swift ================================================ // // InfoView.swift // MotionScape // // Created by Stefan Blos on 29.03.22. // import SwiftUI struct InfoView: View { @State private var textOpacity = 0.0 @State private var logoOffsetX: CGFloat = -500 var body: some View { VStack(alignment: .leading, spacing: 20) { HStack { VStack(alignment: .leading) { Text("Brought to you by".uppercased()) .font(.subheadline) .foregroundColor(.secondary) Text("Stream") .font(.largeTitle) } .opacity(textOpacity) Spacer() Image("stream-logo") .offset(x: logoOffsetX) } Text("Why?") .font(.headline) .foregroundColor(.secondary) Text("We love creating helpful things for developers. And we love animations. Playing around to finetune them and find just the right setting to make it awesome is what we really enjoy.") .multilineTextAlignment(.leading) .frame(minHeight: 50, maxHeight: .infinity) Text("So we thought that an application to do just that would be perfect. We hope you like MotionScape as well as we do.") .multilineTextAlignment(.leading) .frame(minHeight: 40, maxHeight: .infinity) Text("If you enjoy the app then please consider giving it a review on the App Store. You should also go to the repo once it's open-source and give it a star.") .multilineTextAlignment(.leading) .frame(minHeight: 50, maxHeight: .infinity) } .padding() .frame(maxWidth: 500) .onAppear { withAnimation(.easeInOut(duration: 0.8)) { textOpacity = 1 } withAnimation(.spring().speed(0.7)) { logoOffsetX = 0 } } } } struct InfoView_Previews: PreviewProvider { static var previews: some View { InfoView() .environment(\.sizeCategory, .accessibilityExtraLarge) } } ================================================ FILE: MotionScape/View/Helpers/ParameterDescriptionView.swift ================================================ // // ParameterDescriptionView.swift // MotionScape // // Created by Stefan Blos on 18.03.22. // import SwiftUI struct ParameterDescriptionView: View { var parameter: Documentable @State private var detailExpanded = false var body: some View { DisclosureGroup(isExpanded: $detailExpanded) { VStack(alignment: .leading, spacing: 10) { createElement(with: "Description", text: parameter.description) createElement(with: "Default value", text: parameter.defaultValueDescription) createElement(with: "Range", text: parameter.rangeDescription) } .padding(.top) } label: { HStack(spacing: 10) { Text("Show details") Image(systemName: "info.circle") } .padding(.horizontal) .onTapGesture { withAnimation { detailExpanded.toggle() } } } } func createElement(with title: String, text: String) -> some View { VStack(alignment: .leading) { Text(title.uppercased()) .font(.system(.body, design: .monospaced)) .bold() .foregroundColor(.secondary) HStack(spacing: 0) { Rectangle() .fill(Color.secondary) .frame(minWidth: 4, maxWidth: 4, maxHeight: .infinity) .padding(.horizontal) Text(text) .fixedSize(horizontal: false, vertical: true) } } } } struct ParameterDescriptionView_Previews: PreviewProvider { static var previews: some View { ParameterDescriptionView(parameter: InterpolatingSpring.stiffnessParamter) } } ================================================ FILE: MotionScape/View/Helpers/SliderControlView.swift ================================================ // // SliderControlView.swift // MotionScape // // Created by Stefan Blos on 14.03.22. // import SwiftUI struct SliderControlView: View { @Binding var value: Double var parameter: AnimationParameter @State private var sheetShowing = false @State private var numberPopoverShowing = false var body: some View { VStack(alignment: .leading) { HStack(spacing: 20) { Text(parameter.name) Slider(value: $value, in: parameter.range) Text(value.stringWith(places: 2)) .valueLabel() .popover(isPresented: $numberPopoverShowing) { VStack(alignment: .trailing, spacing: 20) { HStack(spacing: 20) { Text("Set value:") .font(.headline) .foregroundColor(.secondary) .layoutPriority(1) Spacer() TextField( "Value", value: $value, format: .number ) .textFieldStyle(.roundedBorder) } HStack(spacing: 20) { Text("Sensitive range:") .font(.headline) .foregroundColor(.secondary) .layoutPriority(1) Spacer() Text(parameter.range.toString) } Button("Ok") { numberPopoverShowing = false } } .padding() .frame(minWidth: 300) } EditValueButton() .onTapGesture { numberPopoverShowing = true } } ParameterDescriptionView(parameter: parameter) .padding(.top) } .padding() } } struct SliderControlView_Previews: PreviewProvider { static var previews: some View { SliderControlView(value: .constant(4), parameter: InterpolatingSpring.stiffnessParamter) } } ================================================ FILE: MotionScape/View/Helpers/TextFieldControlView.swift ================================================ // // TextFieldControlView.swift // MotionScape // // Created by Stefan Blos on 29.03.22. // import SwiftUI struct TextFieldControlView: View { @Binding var value: Double var parameter: AnimationParameter let formatter: NumberFormatter = { let formatter = NumberFormatter() formatter.numberStyle = .decimal return formatter }() var body: some View { HStack { Text(parameter.name) TextField(parameter.name, value: $value, formatter: formatter) .frame(width: 70) } } } struct TextFieldControlView_Previews: PreviewProvider { static var previews: some View { TextFieldControlView(value: .constant(0.3), parameter: TimingCurve.firstControlPointX) } } ================================================ FILE: MotionScape/View/Helpers/TimingCurveView.swift ================================================ // // TimingCurveView.swift // MotionScape // // Created by Stefan Blos on 21.03.22. // import SwiftUI struct TimingCurveView: View { var timingCurve: TimingCurve let pointRadius: CGFloat = 20 var body: some View { GeometryReader { reader in ZStack { // Background Path { path in path.move(to: CGPoint(x: 0, y: reader.size.height / 2)) path.addLine(to: CGPoint(x: reader.size.width, y: reader.size.height / 2)) path.move(to: CGPoint(x: reader.size.width / 2, y: 0)) path.addLine(to: CGPoint(x: reader.size.width / 2, y: reader.size.height)) } .stroke(Color.gray.opacity(0.4), lineWidth: 1) // Curve Path { path in path.move(to: CGPoint(x: 0, y: reader.size.height)) let firstPoint = createFirstControlPoint(for: timingCurve, in: reader.size) let secondPoint = createSecondControlPoint(for: timingCurve, in: reader.size) path.addCurve( to: CGPoint( x: reader.size.width, y: 0 ), control1: firstPoint, control2: secondPoint ) } .stroke(Color.accentColor, lineWidth: 6) .clipShape(Rectangle()) // Control points Path { path in let firstPoint = createFirstControlPoint(for: timingCurve, in: reader.size) let secondPoint = createSecondControlPoint(for: timingCurve, in: reader.size) path.addEllipse(in: CGRect(x: firstPoint.x - pointRadius / 2, y: firstPoint.y - pointRadius / 2, width: pointRadius, height: pointRadius)) path.addEllipse(in: CGRect(x: secondPoint.x - pointRadius / 2, y: secondPoint.y - pointRadius / 2, width: pointRadius, height: pointRadius)) } .fill(Color.primary) } .overlay(Rectangle().stroke(Color.secondary, lineWidth: 2)) } } func createFirstControlPoint(for curve: TimingCurve, in size: CGSize) -> CGPoint { return CGPoint( x: min(curve.x0 * size.width, size.width), y: min(size.height - curve.y0 * size.height, size.height) ) } func createSecondControlPoint(for curve: TimingCurve, in size: CGSize) -> CGPoint { return CGPoint( x: min(curve.x1 * size.width, size.width), y: min(size.height - curve.y1 * size.height, size.height) ) } } struct TimingCurveView_Previews: PreviewProvider { static var previews: some View { Group { TimingCurveView(timingCurve: TimingCurve(x0: 0.17, y0: 0.67, x1: 0.83, y1: 0.67)) .previewLayout(.fixed(width: 300, height: 300)) TimingCurveView(timingCurve: TimingCurve(x0: 0.17, y0: 0.67, x1: 0.83, y1: 0.67)) .previewLayout(.fixed(width: 300, height: 200)) TimingCurveView(timingCurve: TimingCurve(x0: 0.17, y0: 0.67, x1: 0.83, y1: 0.67)) .previewLayout(.fixed(width: 200, height: 300)) } } } ================================================ FILE: MotionScape/View/MenuViews/ContentView.swift ================================================ // // ContentView.swift // MotionScape // // Created by Stefan Blos on 07.03.22. // import SwiftUI struct ContentView: View { @StateObject var viewModel = AnimationsViewModel() @State private var id = 0 var body: some View { NavigationView { // Sidebar with the selectable items SidebarView(viewModel: viewModel) .frame(minWidth: .MIN_WIDTH_SIDEBAR) // Default view when nothing is selected // (not shown if we have a default option set in the SidebarView ControlContainerView(viewModel: viewModel) .frame(minWidth: .MIN_WIDTH_CONTROL_VIEW, maxWidth: .infinity) // Pane number 3, if we don't want that we can simply not provide a third view here AnimationsContainerView(viewModel: viewModel) .frame(minWidth: .MIN_WIDTH_ANIMATION_VIEW, maxWidth: .infinity) } } } struct ContentView_Previews: PreviewProvider { static var previews: some View { ContentView() } } ================================================ FILE: MotionScape/View/MenuViews/SidebarView.swift ================================================ // // SidebarView.swift // MotionScape // // Created by Stefan Blos on 07.03.22. // import SwiftUI struct SidebarView: View { @ObservedObject var viewModel: AnimationsViewModel @State private var isInfoScreenShown = false var body: some View { List { Text("Spring animations") .sidebarHeadline() Group { NavigationLink(tag: AnimationType.interpolatingSpring, selection: $viewModel.selectedAnimation, destination: { InterpolatingSpringControlView(viewModel: viewModel) .frame(minWidth: .MIN_WIDTH_CONTROL_VIEW, maxWidth: .infinity) }, label: { Label("Interpolating Spring", systemImage: "1.circle") }) NavigationLink(tag: AnimationType.interactiveSpring, selection: $viewModel.selectedAnimation, destination: { InteractiveSpringControlView(viewModel: viewModel) .frame(minWidth: .MIN_WIDTH_CONTROL_VIEW, maxWidth: .infinity) }, label: { Label("Interactive Spring", systemImage: "2.circle") }) NavigationLink(tag: AnimationType.spring, selection: $viewModel.selectedAnimation, destination: { SpringControlView(viewModel: viewModel) .frame(minWidth: .MIN_WIDTH_CONTROL_VIEW, maxWidth: .infinity) }, label: { Label("Spring", systemImage: "3.circle") }) } Text("Linear animation") .sidebarHeadline() .padding(.top) Group { NavigationLink(tag: AnimationType.linear, selection: $viewModel.selectedAnimation, destination: { LinearControlView(viewModel: viewModel) .frame(minWidth: .MIN_WIDTH_CONTROL_VIEW, maxWidth: .infinity) }, label: { Label("Linear", systemImage: "1.circle") }) } Text("Easing animations") .sidebarHeadline() .padding(.top) Group{ NavigationLink(tag: AnimationType.defaultAnimation, selection: $viewModel.selectedAnimation, destination: { DefaultControlView(viewModel: viewModel) .frame(minWidth: .MIN_WIDTH_CONTROL_VIEW, maxWidth: .infinity) }, label: { Label("Default", systemImage: "1.circle") }) NavigationLink(tag: AnimationType.easeIn, selection: $viewModel.selectedAnimation, destination: { EaseInControlView(viewModel: viewModel) .frame(minWidth: .MIN_WIDTH_CONTROL_VIEW, maxWidth: .infinity) }, label: { Label("Ease In", systemImage: "2.circle") }) NavigationLink(tag: AnimationType.easeOut, selection: $viewModel.selectedAnimation, destination: { EaseOutControlView(viewModel: viewModel) .frame(minWidth: .MIN_WIDTH_CONTROL_VIEW, maxWidth: .infinity) }, label: { Label("Ease Out", systemImage: "3.circle") }) NavigationLink(tag: AnimationType.easeInOut, selection: $viewModel.selectedAnimation, destination: { EaseInOutControlView(viewModel: viewModel) .frame(minWidth: .MIN_WIDTH_CONTROL_VIEW, maxWidth: .infinity) }, label: { Label("Ease In Out", systemImage: "4.circle") }) } Text("Timing curves") .sidebarHeadline() .padding(.top) Group { NavigationLink(tag: AnimationType.timingCurve, selection: $viewModel.selectedAnimation, destination: { TimingCurveControlView(viewModel: viewModel) .frame(minWidth: 500, maxWidth: .infinity) }, label: { Label("Custom Timing Curve", systemImage: "1.circle") }) } } .listStyle(SidebarListStyle()) .toolbar { Button(action: toggleSidebar) { Image(systemName: "sidebar.left") .help("Toggle Sidebar") } Button(action: showInfo) { Image(systemName: "info.circle") .help("Show Info View") } .popover(isPresented: $isInfoScreenShown, content: { InfoView() }) } } func toggleSidebar() { NSApp.keyWindow?.firstResponder? .tryToPerform(#selector(NSSplitViewController.toggleSidebar(_:)), with: nil) } func showInfo() { isInfoScreenShown = true } } struct SidebarView_Previews: PreviewProvider { static var previews: some View { SidebarView(viewModel: AnimationsViewModel()) } } ================================================ FILE: MotionScape/ViewModel/AnimationsExampleViewModel.swift ================================================ // // AnimationsExampleViewModel.swift // MotionScape // // Created by Stefan Blos on 18.03.22. // import Foundation class AnimationsExampleViewModel: ObservableObject { @Published var selectedAnimationExample: AnimationExample = .text } ================================================ FILE: MotionScape/ViewModel/AnimationsViewModel.swift ================================================ // // AnimationsViewModel.swift // MotionScape // // Created by Stefan Blos on 10.03.22. // import Foundation import AppKit class AnimationsViewModel: ObservableObject { @Published var animations = AllAnimations() { didSet { id = UUID() } } @Published var id = UUID() @Published var selectedAnimation: AnimationType? = AnimationType.interpolatingSpring { didSet { id = UUID() } } func copyAnimationCodeToClipboard() { let pasteboard = NSPasteboard.general pasteboard.declareTypes([.string], owner: nil) pasteboard.setString(createAnimationCode(), forType: .string) } func createAnimationCode() -> String { switch selectedAnimation { case .interpolatingSpring: return animations.interpolatingSpring.createCodeSnippet() case .interactiveSpring: return animations.interactiveSpring.createCodeSnippet() case .spring: return animations.spring.createCodeSnippet() case .linear: return animations.linear.createCodeSnippet() case .defaultAnimation: return animations.defaultAnimation.createCodeSnippet() case .easeIn: return animations.easeIn.createCodeSnippet() case .easeOut: return animations.easeOut.createCodeSnippet() case .easeInOut: return animations.easeInOut.createCodeSnippet() case .timingCurve: return animations.timingCurve.createCodeSnippet() case .none: return "No animation selected." } } func resetCurrentAnimation() { switch selectedAnimation { case .interpolatingSpring: animations.interpolatingSpring = InterpolatingSpring() case .interactiveSpring: animations.interactiveSpring = InteractiveSpring() case .spring: animations.spring = Spring() case .linear: animations.linear = Linear() case .defaultAnimation: animations.defaultAnimation = Default() case .easeIn: animations.easeIn = EaseIn() case .easeOut: animations.easeOut = EaseOut() case .easeInOut: animations.easeInOut = EaseInOut() case .timingCurve: animations.timingCurve = TimingCurve() case .none: print("Nothing to do here") } } } ================================================ FILE: MotionScape/ViewModel/CirclesViewModel.swift ================================================ // // CirclesViewModel.swift // MotionScape // // Created by Stefan Blos on 10.03.22. // import Foundation import AppKit class AnimationsViewModel: ObservableObject { @Published var animations = AllAnimations() { didSet { id = UUID() } } @Published var id = UUID() @Published var selectedAnimation: AnimationType? = AnimationType.interpolatingSpring func copyAnimationCodeToClipboard() { let pasteboard = NSPasteboard.general pasteboard.declareTypes([.string], owner: nil) pasteboard.setString(createAnimationCode(), forType: .string) } private func createAnimationCode() -> String { switch selectedAnimation { case .interpolatingSpring: return """ .interpolatingSpring( mass: \(animations.interpolatingSpring.mass), stiffness: \(animations.interpolatingSpring.stiffness), damping: \(animations.interpolatingSpring.damping), initialVelocity: \(animations.interpolatingSpring.initialVelocity) ) """ case .interactiveSpring: return """ .interactiveSpring( response: \(animations.interactiveSpring.response), dampingFraction: \(animations.interactiveSpring.dampingFraction), blendDuration: \(animations.interactiveSpring.blendDuration) ) """ case .spring: return """ .spring( response: \(animations.interactiveSpring.response), dampingFraction: \(animations.interactiveSpring.dampingFraction), blendDuration: \(animations.interactiveSpring.blendDuration) ) """ case .linear: return """ .linear( duration: \(animations.linear.duration) ) """ case .easeIn: return """ .easeIn( duration: \(animations.easeIn.duration) ) """ case .easeOut: return """ .easeOut( duration: \(animations.easeOut.duration) ) """ case .easeInOut: return """ .easeInOut( duration: \(animations.easeInOut.duration) ) """ case .none: return "No animation selected." } } } ================================================ FILE: MotionScape.xcodeproj/project.pbxproj ================================================ // !$*UTF8*$! { archiveVersion = 1; classes = { }; objectVersion = 55; objects = { /* Begin PBXBuildFile section */ AC25E78E27E48455003AF1EE /* AnimationsContainerView.swift in Sources */ = {isa = PBXBuildFile; fileRef = AC25E78D27E48455003AF1EE /* AnimationsContainerView.swift */; }; AC25E79027E484A1003AF1EE /* AnimationExample.swift in Sources */ = {isa = PBXBuildFile; fileRef = AC25E78F27E484A1003AF1EE /* AnimationExample.swift */; }; AC25E79227E499F3003AF1EE /* AnimationsExampleViewModel.swift in Sources */ = {isa = PBXBuildFile; fileRef = AC25E79127E499F3003AF1EE /* AnimationsExampleViewModel.swift */; }; AC25E79427E49ADD003AF1EE /* AllAnimations.swift in Sources */ = {isa = PBXBuildFile; fileRef = AC25E79327E49ADD003AF1EE /* AllAnimations.swift */; }; AC25E79827E4A44A003AF1EE /* ParameterDescriptionView.swift in Sources */ = {isa = PBXBuildFile; fileRef = AC25E79727E4A44A003AF1EE /* ParameterDescriptionView.swift */; }; AC25E79A27E4B9E4003AF1EE /* ChainsView.swift in Sources */ = {isa = PBXBuildFile; fileRef = AC25E79927E4B9E4003AF1EE /* ChainsView.swift */; }; AC25E79C27E4BD1C003AF1EE /* EmojisView.swift in Sources */ = {isa = PBXBuildFile; fileRef = AC25E79B27E4BD1C003AF1EE /* EmojisView.swift */; }; AC2E6AD427D6756900AEE63E /* MotionScapeApp.swift in Sources */ = {isa = PBXBuildFile; fileRef = AC2E6AD327D6756900AEE63E /* MotionScapeApp.swift */; }; AC2E6AD627D6756900AEE63E /* ContentView.swift in Sources */ = {isa = PBXBuildFile; fileRef = AC2E6AD527D6756900AEE63E /* ContentView.swift */; }; AC2E6AD827D6756A00AEE63E /* Assets.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = AC2E6AD727D6756A00AEE63E /* Assets.xcassets */; }; AC2E6ADB27D6756A00AEE63E /* Preview Assets.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = AC2E6ADA27D6756A00AEE63E /* Preview Assets.xcassets */; }; AC2E6AE327D6791C00AEE63E /* SidebarView.swift in Sources */ = {isa = PBXBuildFile; fileRef = AC2E6AE227D6791C00AEE63E /* SidebarView.swift */; }; AC3E898A29EE9B0500F96A6D /* TextAnimationView.swift in Sources */ = {isa = PBXBuildFile; fileRef = AC3E898929EE9B0500F96A6D /* TextAnimationView.swift */; }; AC43367927E886F900F57ABD /* GradientCircleView.swift in Sources */ = {isa = PBXBuildFile; fileRef = AC43367827E886F900F57ABD /* GradientCircleView.swift */; }; AC43367B27E88C1900F57ABD /* TimingCurveView.swift in Sources */ = {isa = PBXBuildFile; fileRef = AC43367A27E88C1900F57ABD /* TimingCurveView.swift */; }; AC43367D27E88C2700F57ABD /* TimingCurve.swift in Sources */ = {isa = PBXBuildFile; fileRef = AC43367C27E88C2700F57ABD /* TimingCurve.swift */; }; AC43368127E8A94D00F57ABD /* HeadlineView.swift in Sources */ = {isa = PBXBuildFile; fileRef = AC43368027E8A94D00F57ABD /* HeadlineView.swift */; }; AC43368327E8AA9600F57ABD /* TimingCurveControlView.swift in Sources */ = {isa = PBXBuildFile; fileRef = AC43368227E8AA9600F57ABD /* TimingCurveControlView.swift */; }; AC43368D27EC804E00F57ABD /* ClosedRange+toString.swift in Sources */ = {isa = PBXBuildFile; fileRef = AC43368C27EC804E00F57ABD /* ClosedRange+toString.swift */; }; AC43368F27ECA7D200F57ABD /* CodePreviewView.swift in Sources */ = {isa = PBXBuildFile; fileRef = AC43368E27ECA7D200F57ABD /* CodePreviewView.swift */; }; AC43369127ECA9CD00F57ABD /* PreviewType.swift in Sources */ = {isa = PBXBuildFile; fileRef = AC43369027ECA9CD00F57ABD /* PreviewType.swift */; }; AC43369527ECC97B00F57ABD /* AnimationOption.swift in Sources */ = {isa = PBXBuildFile; fileRef = AC43369427ECC97B00F57ABD /* AnimationOption.swift */; }; AC43369727ECF87600F57ABD /* CustomModifiers.swift in Sources */ = {isa = PBXBuildFile; fileRef = AC43369627ECF87600F57ABD /* CustomModifiers.swift */; }; AC55658127E2264100279DC7 /* Spring.swift in Sources */ = {isa = PBXBuildFile; fileRef = AC55658027E2264100279DC7 /* Spring.swift */; }; AC55658327E2275500279DC7 /* SpringControlView.swift in Sources */ = {isa = PBXBuildFile; fileRef = AC55658227E2275500279DC7 /* SpringControlView.swift */; }; AC55658527E2327500279DC7 /* AnimationParameter.swift in Sources */ = {isa = PBXBuildFile; fileRef = AC55658427E2327500279DC7 /* AnimationParameter.swift */; }; AC55658727E2341A00279DC7 /* Linear.swift in Sources */ = {isa = PBXBuildFile; fileRef = AC55658627E2341A00279DC7 /* Linear.swift */; }; AC55658927E2343700279DC7 /* EaseIn.swift in Sources */ = {isa = PBXBuildFile; fileRef = AC55658827E2343700279DC7 /* EaseIn.swift */; }; AC55658B27E2344D00279DC7 /* EaseOut.swift in Sources */ = {isa = PBXBuildFile; fileRef = AC55658A27E2344D00279DC7 /* EaseOut.swift */; }; AC55658D27E2346300279DC7 /* EaseInOut.swift in Sources */ = {isa = PBXBuildFile; fileRef = AC55658C27E2346300279DC7 /* EaseInOut.swift */; }; AC55658F27E2361C00279DC7 /* LinearControlView.swift in Sources */ = {isa = PBXBuildFile; fileRef = AC55658E27E2361C00279DC7 /* LinearControlView.swift */; }; AC55659127E2367E00279DC7 /* EaseInControlView.swift in Sources */ = {isa = PBXBuildFile; fileRef = AC55659027E2367E00279DC7 /* EaseInControlView.swift */; }; AC55659327E236B900279DC7 /* EaseOutControlView.swift in Sources */ = {isa = PBXBuildFile; fileRef = AC55659227E236B900279DC7 /* EaseOutControlView.swift */; }; AC55659527E236EC00279DC7 /* EaseInOutControlView.swift in Sources */ = {isa = PBXBuildFile; fileRef = AC55659427E236EC00279DC7 /* EaseInOutControlView.swift */; }; AC5FCF7F27FB0ACA00D32FD8 /* CGFloat+Constants.swift in Sources */ = {isa = PBXBuildFile; fileRef = AC5FCF7E27FB0ACA00D32FD8 /* CGFloat+Constants.swift */; }; AC7BA47427DA59B700B65EC6 /* CirclesView.swift in Sources */ = {isa = PBXBuildFile; fileRef = AC7BA47327DA59B700B65EC6 /* CirclesView.swift */; }; AC7BA47627DA5A4C00B65EC6 /* AnimationsViewModel.swift in Sources */ = {isa = PBXBuildFile; fileRef = AC7BA47527DA5A4C00B65EC6 /* AnimationsViewModel.swift */; }; AC7BA47827DA5D2500B65EC6 /* InterpolatingSpringControlView.swift in Sources */ = {isa = PBXBuildFile; fileRef = AC7BA47727DA5D2500B65EC6 /* InterpolatingSpringControlView.swift */; }; ACA1801B27DF5B3300133D54 /* InfoText.swift in Sources */ = {isa = PBXBuildFile; fileRef = ACA1801A27DF5B3300133D54 /* InfoText.swift */; }; ACA1801D27DF620900133D54 /* SliderControlView.swift in Sources */ = {isa = PBXBuildFile; fileRef = ACA1801C27DF620900133D54 /* SliderControlView.swift */; }; ACA1801F27DF820000133D54 /* ControlContainerView.swift in Sources */ = {isa = PBXBuildFile; fileRef = ACA1801E27DF820000133D54 /* ControlContainerView.swift */; }; ACA1802427DF9EBC00133D54 /* InterpolatingSpring.swift in Sources */ = {isa = PBXBuildFile; fileRef = ACA1802327DF9EBC00133D54 /* InterpolatingSpring.swift */; }; ACA1802627DF9ED100133D54 /* AnimationType.swift in Sources */ = {isa = PBXBuildFile; fileRef = ACA1802527DF9ED100133D54 /* AnimationType.swift */; }; ACA1802C27DF9F6200133D54 /* Animation+Create.swift in Sources */ = {isa = PBXBuildFile; fileRef = ACA1802B27DF9F6200133D54 /* Animation+Create.swift */; }; ACA1802F27DFA0F700133D54 /* InteractiveSpring.swift in Sources */ = {isa = PBXBuildFile; fileRef = ACA1802E27DFA0F700133D54 /* InteractiveSpring.swift */; }; ACA1803127DFA1BF00133D54 /* InteractiveSpringControlView.swift in Sources */ = {isa = PBXBuildFile; fileRef = ACA1803027DFA1BF00133D54 /* InteractiveSpringControlView.swift */; }; ACB77E3927EDC0A70005F9EE /* AnimationOptionView.swift in Sources */ = {isa = PBXBuildFile; fileRef = ACB77E3827EDC0A70005F9EE /* AnimationOptionView.swift */; }; ACC877142A010AD400FAB01A /* CustomTextFieldStyle.swift in Sources */ = {isa = PBXBuildFile; fileRef = ACC877132A010AD400FAB01A /* CustomTextFieldStyle.swift */; }; ACD067FA27DFE20B00BDEE44 /* Double+DecimalPlaces.swift in Sources */ = {isa = PBXBuildFile; fileRef = ACD067F927DFE20B00BDEE44 /* Double+DecimalPlaces.swift */; }; ACE1A70527F3476900CB9683 /* TextFieldControlView.swift in Sources */ = {isa = PBXBuildFile; fileRef = ACE1A70427F3476900CB9683 /* TextFieldControlView.swift */; }; ACE1A70727F3556200CB9683 /* DefaultControlView.swift in Sources */ = {isa = PBXBuildFile; fileRef = ACE1A70627F3556200CB9683 /* DefaultControlView.swift */; }; ACE1A70927F355A900CB9683 /* Default.swift in Sources */ = {isa = PBXBuildFile; fileRef = ACE1A70827F355A900CB9683 /* Default.swift */; }; ACE1A70B27F363D800CB9683 /* InfoView.swift in Sources */ = {isa = PBXBuildFile; fileRef = ACE1A70A27F363D800CB9683 /* InfoView.swift */; }; ACE1A70D27F4434900CB9683 /* DefaultValues.swift in Sources */ = {isa = PBXBuildFile; fileRef = ACE1A70C27F4434900CB9683 /* DefaultValues.swift */; }; ACE1A70F27F44AAA00CB9683 /* EditValueButton.swift in Sources */ = {isa = PBXBuildFile; fileRef = ACE1A70E27F44AAA00CB9683 /* EditValueButton.swift */; }; ACFD222127EDCE3C005DE1CF /* MyAnimation.swift in Sources */ = {isa = PBXBuildFile; fileRef = ACFD222027EDCE3C005DE1CF /* MyAnimation.swift */; }; ACFD222327EDCE77005DE1CF /* AnimationOptionType.swift in Sources */ = {isa = PBXBuildFile; fileRef = ACFD222227EDCE77005DE1CF /* AnimationOptionType.swift */; }; ACFD222527EDCF55005DE1CF /* AnimationControlOption.swift in Sources */ = {isa = PBXBuildFile; fileRef = ACFD222427EDCF55005DE1CF /* AnimationControlOption.swift */; }; ACFD222727EDD473005DE1CF /* Documentable.swift in Sources */ = {isa = PBXBuildFile; fileRef = ACFD222627EDD473005DE1CF /* Documentable.swift */; }; ACFD222927EDDBC3005DE1CF /* AnimationOptionsView.swift in Sources */ = {isa = PBXBuildFile; fileRef = ACFD222827EDDBC3005DE1CF /* AnimationOptionsView.swift */; }; /* End PBXBuildFile section */ /* Begin PBXFileReference section */ AC25E78D27E48455003AF1EE /* AnimationsContainerView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = AnimationsContainerView.swift; sourceTree = ""; }; AC25E78F27E484A1003AF1EE /* AnimationExample.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = AnimationExample.swift; sourceTree = ""; }; AC25E79127E499F3003AF1EE /* AnimationsExampleViewModel.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = AnimationsExampleViewModel.swift; sourceTree = ""; }; AC25E79327E49ADD003AF1EE /* AllAnimations.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = AllAnimations.swift; sourceTree = ""; }; AC25E79727E4A44A003AF1EE /* ParameterDescriptionView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = ParameterDescriptionView.swift; sourceTree = ""; }; AC25E79927E4B9E4003AF1EE /* ChainsView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = ChainsView.swift; sourceTree = ""; }; AC25E79B27E4BD1C003AF1EE /* EmojisView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = EmojisView.swift; sourceTree = ""; }; AC2E6AD027D6756900AEE63E /* MotionScape.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = MotionScape.app; sourceTree = BUILT_PRODUCTS_DIR; }; AC2E6AD327D6756900AEE63E /* MotionScapeApp.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = MotionScapeApp.swift; sourceTree = ""; }; AC2E6AD527D6756900AEE63E /* ContentView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = ContentView.swift; sourceTree = ""; }; AC2E6AD727D6756A00AEE63E /* Assets.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; path = Assets.xcassets; sourceTree = ""; }; AC2E6ADA27D6756A00AEE63E /* Preview Assets.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; path = "Preview Assets.xcassets"; sourceTree = ""; }; AC2E6ADC27D6756A00AEE63E /* MotionScape.entitlements */ = {isa = PBXFileReference; lastKnownFileType = text.plist.entitlements; path = MotionScape.entitlements; sourceTree = ""; }; AC2E6AE227D6791C00AEE63E /* SidebarView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = SidebarView.swift; sourceTree = ""; }; AC3E898929EE9B0500F96A6D /* TextAnimationView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = TextAnimationView.swift; sourceTree = ""; }; AC43367827E886F900F57ABD /* GradientCircleView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = GradientCircleView.swift; sourceTree = ""; }; AC43367A27E88C1900F57ABD /* TimingCurveView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = TimingCurveView.swift; sourceTree = ""; }; AC43367C27E88C2700F57ABD /* TimingCurve.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = TimingCurve.swift; sourceTree = ""; }; AC43368027E8A94D00F57ABD /* HeadlineView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = HeadlineView.swift; sourceTree = ""; }; AC43368227E8AA9600F57ABD /* TimingCurveControlView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = TimingCurveControlView.swift; sourceTree = ""; }; AC43368C27EC804E00F57ABD /* ClosedRange+toString.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = "ClosedRange+toString.swift"; sourceTree = ""; }; AC43368E27ECA7D200F57ABD /* CodePreviewView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = CodePreviewView.swift; sourceTree = ""; }; AC43369027ECA9CD00F57ABD /* PreviewType.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = PreviewType.swift; sourceTree = ""; }; AC43369427ECC97B00F57ABD /* AnimationOption.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = AnimationOption.swift; sourceTree = ""; }; AC43369627ECF87600F57ABD /* CustomModifiers.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = CustomModifiers.swift; sourceTree = ""; }; AC55658027E2264100279DC7 /* Spring.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = Spring.swift; sourceTree = ""; }; AC55658227E2275500279DC7 /* SpringControlView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = SpringControlView.swift; sourceTree = ""; }; AC55658427E2327500279DC7 /* AnimationParameter.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = AnimationParameter.swift; sourceTree = ""; }; AC55658627E2341A00279DC7 /* Linear.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = Linear.swift; sourceTree = ""; }; AC55658827E2343700279DC7 /* EaseIn.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = EaseIn.swift; sourceTree = ""; }; AC55658A27E2344D00279DC7 /* EaseOut.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = EaseOut.swift; sourceTree = ""; }; AC55658C27E2346300279DC7 /* EaseInOut.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = EaseInOut.swift; sourceTree = ""; }; AC55658E27E2361C00279DC7 /* LinearControlView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = LinearControlView.swift; sourceTree = ""; }; AC55659027E2367E00279DC7 /* EaseInControlView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = EaseInControlView.swift; sourceTree = ""; }; AC55659227E236B900279DC7 /* EaseOutControlView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = EaseOutControlView.swift; sourceTree = ""; }; AC55659427E236EC00279DC7 /* EaseInOutControlView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = EaseInOutControlView.swift; sourceTree = ""; }; AC5FCF7E27FB0ACA00D32FD8 /* CGFloat+Constants.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = "CGFloat+Constants.swift"; sourceTree = ""; }; AC7BA47327DA59B700B65EC6 /* CirclesView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = CirclesView.swift; sourceTree = ""; }; AC7BA47527DA5A4C00B65EC6 /* AnimationsViewModel.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = AnimationsViewModel.swift; sourceTree = ""; }; AC7BA47727DA5D2500B65EC6 /* InterpolatingSpringControlView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = InterpolatingSpringControlView.swift; sourceTree = ""; }; ACA1801A27DF5B3300133D54 /* InfoText.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = InfoText.swift; sourceTree = ""; }; ACA1801C27DF620900133D54 /* SliderControlView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = SliderControlView.swift; sourceTree = ""; }; ACA1801E27DF820000133D54 /* ControlContainerView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = ControlContainerView.swift; sourceTree = ""; }; ACA1802327DF9EBC00133D54 /* InterpolatingSpring.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = InterpolatingSpring.swift; sourceTree = ""; }; ACA1802527DF9ED100133D54 /* AnimationType.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = AnimationType.swift; sourceTree = ""; }; ACA1802B27DF9F6200133D54 /* Animation+Create.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = "Animation+Create.swift"; sourceTree = ""; }; ACA1802E27DFA0F700133D54 /* InteractiveSpring.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = InteractiveSpring.swift; sourceTree = ""; }; ACA1803027DFA1BF00133D54 /* InteractiveSpringControlView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = InteractiveSpringControlView.swift; sourceTree = ""; }; ACB77E3827EDC0A70005F9EE /* AnimationOptionView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = AnimationOptionView.swift; sourceTree = ""; }; ACC877132A010AD400FAB01A /* CustomTextFieldStyle.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = CustomTextFieldStyle.swift; sourceTree = ""; }; ACD067F927DFE20B00BDEE44 /* Double+DecimalPlaces.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = "Double+DecimalPlaces.swift"; sourceTree = ""; }; ACE1A70427F3476900CB9683 /* TextFieldControlView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = TextFieldControlView.swift; sourceTree = ""; }; ACE1A70627F3556200CB9683 /* DefaultControlView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = DefaultControlView.swift; sourceTree = ""; }; ACE1A70827F355A900CB9683 /* Default.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = Default.swift; sourceTree = ""; }; ACE1A70A27F363D800CB9683 /* InfoView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = InfoView.swift; sourceTree = ""; }; ACE1A70C27F4434900CB9683 /* DefaultValues.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = DefaultValues.swift; sourceTree = ""; }; ACE1A70E27F44AAA00CB9683 /* EditValueButton.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = EditValueButton.swift; sourceTree = ""; }; ACFD222027EDCE3C005DE1CF /* MyAnimation.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = MyAnimation.swift; sourceTree = ""; }; ACFD222227EDCE77005DE1CF /* AnimationOptionType.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = AnimationOptionType.swift; sourceTree = ""; }; ACFD222427EDCF55005DE1CF /* AnimationControlOption.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = AnimationControlOption.swift; sourceTree = ""; }; ACFD222627EDD473005DE1CF /* Documentable.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = Documentable.swift; sourceTree = ""; }; ACFD222827EDDBC3005DE1CF /* AnimationOptionsView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = AnimationOptionsView.swift; sourceTree = ""; }; /* End PBXFileReference section */ /* Begin PBXFrameworksBuildPhase section */ AC2E6ACD27D6756900AEE63E /* Frameworks */ = { isa = PBXFrameworksBuildPhase; buildActionMask = 2147483647; files = ( ); runOnlyForDeploymentPostprocessing = 0; }; /* End PBXFrameworksBuildPhase section */ /* Begin PBXGroup section */ AC25E78C27E48353003AF1EE /* AnimationViews */ = { isa = PBXGroup; children = ( AC7BA47327DA59B700B65EC6 /* CirclesView.swift */, AC25E78D27E48455003AF1EE /* AnimationsContainerView.swift */, AC25E79927E4B9E4003AF1EE /* ChainsView.swift */, AC25E79B27E4BD1C003AF1EE /* EmojisView.swift */, AC43367827E886F900F57ABD /* GradientCircleView.swift */, AC43368E27ECA7D200F57ABD /* CodePreviewView.swift */, AC3E898929EE9B0500F96A6D /* TextAnimationView.swift */, ); path = AnimationViews; sourceTree = ""; }; AC2E6AC727D6756900AEE63E = { isa = PBXGroup; children = ( AC2E6AD227D6756900AEE63E /* MotionScape */, AC2E6AD127D6756900AEE63E /* Products */, ); sourceTree = ""; }; AC2E6AD127D6756900AEE63E /* Products */ = { isa = PBXGroup; children = ( AC2E6AD027D6756900AEE63E /* MotionScape.app */, ); name = Products; sourceTree = ""; }; AC2E6AD227D6756900AEE63E /* MotionScape */ = { isa = PBXGroup; children = ( ACA1802027DF9E9800133D54 /* Model */, ACA1802127DF9E9D00133D54 /* View */, ACA1802227DF9EA400133D54 /* ViewModel */, AC2E6AD327D6756900AEE63E /* MotionScapeApp.swift */, AC2E6AD727D6756A00AEE63E /* Assets.xcassets */, AC2E6ADC27D6756A00AEE63E /* MotionScape.entitlements */, AC2E6AD927D6756A00AEE63E /* Preview Content */, ); path = MotionScape; sourceTree = ""; }; AC2E6AD927D6756A00AEE63E /* Preview Content */ = { isa = PBXGroup; children = ( AC2E6ADA27D6756A00AEE63E /* Preview Assets.xcassets */, ); path = "Preview Content"; sourceTree = ""; }; ACA1802027DF9E9800133D54 /* Model */ = { isa = PBXGroup; children = ( ACA1802D27DFA0CD00133D54 /* Animations */, ACA1802A27DF9F5100133D54 /* Extensions */, ACA1802527DF9ED100133D54 /* AnimationType.swift */, AC55658427E2327500279DC7 /* AnimationParameter.swift */, AC25E78F27E484A1003AF1EE /* AnimationExample.swift */, AC43369027ECA9CD00F57ABD /* PreviewType.swift */, AC43369427ECC97B00F57ABD /* AnimationOption.swift */, ACFD222027EDCE3C005DE1CF /* MyAnimation.swift */, ACFD222227EDCE77005DE1CF /* AnimationOptionType.swift */, ACFD222427EDCF55005DE1CF /* AnimationControlOption.swift */, ACFD222627EDD473005DE1CF /* Documentable.swift */, ACE1A70C27F4434900CB9683 /* DefaultValues.swift */, ); path = Model; sourceTree = ""; }; ACA1802127DF9E9D00133D54 /* View */ = { isa = PBXGroup; children = ( AC25E78C27E48353003AF1EE /* AnimationViews */, ACA1802927DF9F2100133D54 /* MenuViews */, ACA1802827DF9F0D00133D54 /* ControlViews */, ACA1802727DF9EEF00133D54 /* Helpers */, ); path = View; sourceTree = ""; }; ACA1802227DF9EA400133D54 /* ViewModel */ = { isa = PBXGroup; children = ( AC7BA47527DA5A4C00B65EC6 /* AnimationsViewModel.swift */, AC25E79127E499F3003AF1EE /* AnimationsExampleViewModel.swift */, ); path = ViewModel; sourceTree = ""; }; ACA1802727DF9EEF00133D54 /* Helpers */ = { isa = PBXGroup; children = ( ACB77E3827EDC0A70005F9EE /* AnimationOptionView.swift */, AC43368027E8A94D00F57ABD /* HeadlineView.swift */, ACA1801A27DF5B3300133D54 /* InfoText.swift */, AC25E79727E4A44A003AF1EE /* ParameterDescriptionView.swift */, ACA1801C27DF620900133D54 /* SliderControlView.swift */, AC43367A27E88C1900F57ABD /* TimingCurveView.swift */, AC43369627ECF87600F57ABD /* CustomModifiers.swift */, ACE1A70427F3476900CB9683 /* TextFieldControlView.swift */, ACE1A70A27F363D800CB9683 /* InfoView.swift */, ACE1A70E27F44AAA00CB9683 /* EditValueButton.swift */, ACC877132A010AD400FAB01A /* CustomTextFieldStyle.swift */, ); path = Helpers; sourceTree = ""; }; ACA1802827DF9F0D00133D54 /* ControlViews */ = { isa = PBXGroup; children = ( ACA1801E27DF820000133D54 /* ControlContainerView.swift */, AC7BA47727DA5D2500B65EC6 /* InterpolatingSpringControlView.swift */, ACA1803027DFA1BF00133D54 /* InteractiveSpringControlView.swift */, AC55658227E2275500279DC7 /* SpringControlView.swift */, AC55658E27E2361C00279DC7 /* LinearControlView.swift */, AC55659027E2367E00279DC7 /* EaseInControlView.swift */, AC55659227E236B900279DC7 /* EaseOutControlView.swift */, AC55659427E236EC00279DC7 /* EaseInOutControlView.swift */, AC43368227E8AA9600F57ABD /* TimingCurveControlView.swift */, ACFD222827EDDBC3005DE1CF /* AnimationOptionsView.swift */, ACE1A70627F3556200CB9683 /* DefaultControlView.swift */, ); path = ControlViews; sourceTree = ""; }; ACA1802927DF9F2100133D54 /* MenuViews */ = { isa = PBXGroup; children = ( AC2E6AD527D6756900AEE63E /* ContentView.swift */, AC2E6AE227D6791C00AEE63E /* SidebarView.swift */, ); path = MenuViews; sourceTree = ""; }; ACA1802A27DF9F5100133D54 /* Extensions */ = { isa = PBXGroup; children = ( ACA1802B27DF9F6200133D54 /* Animation+Create.swift */, ACD067F927DFE20B00BDEE44 /* Double+DecimalPlaces.swift */, AC43368C27EC804E00F57ABD /* ClosedRange+toString.swift */, AC5FCF7E27FB0ACA00D32FD8 /* CGFloat+Constants.swift */, ); path = Extensions; sourceTree = ""; }; ACA1802D27DFA0CD00133D54 /* Animations */ = { isa = PBXGroup; children = ( ACA1802327DF9EBC00133D54 /* InterpolatingSpring.swift */, ACA1802E27DFA0F700133D54 /* InteractiveSpring.swift */, AC55658027E2264100279DC7 /* Spring.swift */, AC55658627E2341A00279DC7 /* Linear.swift */, AC55658827E2343700279DC7 /* EaseIn.swift */, AC55658A27E2344D00279DC7 /* EaseOut.swift */, AC55658C27E2346300279DC7 /* EaseInOut.swift */, AC43367C27E88C2700F57ABD /* TimingCurve.swift */, AC25E79327E49ADD003AF1EE /* AllAnimations.swift */, ACE1A70827F355A900CB9683 /* Default.swift */, ); path = Animations; sourceTree = ""; }; /* End PBXGroup section */ /* Begin PBXNativeTarget section */ AC2E6ACF27D6756900AEE63E /* MotionScape */ = { isa = PBXNativeTarget; buildConfigurationList = AC2E6ADF27D6756A00AEE63E /* Build configuration list for PBXNativeTarget "MotionScape" */; buildPhases = ( AC2E6ACC27D6756900AEE63E /* Sources */, AC2E6ACD27D6756900AEE63E /* Frameworks */, AC2E6ACE27D6756900AEE63E /* Resources */, ); buildRules = ( ); dependencies = ( ); name = MotionScape; productName = MotionScape; productReference = AC2E6AD027D6756900AEE63E /* MotionScape.app */; productType = "com.apple.product-type.application"; }; /* End PBXNativeTarget section */ /* Begin PBXProject section */ AC2E6AC827D6756900AEE63E /* Project object */ = { isa = PBXProject; attributes = { BuildIndependentTargetsInParallel = 1; LastSwiftUpdateCheck = 1320; LastUpgradeCheck = 1330; TargetAttributes = { AC2E6ACF27D6756900AEE63E = { CreatedOnToolsVersion = 13.2; }; }; }; buildConfigurationList = AC2E6ACB27D6756900AEE63E /* Build configuration list for PBXProject "MotionScape" */; compatibilityVersion = "Xcode 13.0"; developmentRegion = en; hasScannedForEncodings = 0; knownRegions = ( en, Base, ); mainGroup = AC2E6AC727D6756900AEE63E; productRefGroup = AC2E6AD127D6756900AEE63E /* Products */; projectDirPath = ""; projectRoot = ""; targets = ( AC2E6ACF27D6756900AEE63E /* MotionScape */, ); }; /* End PBXProject section */ /* Begin PBXResourcesBuildPhase section */ AC2E6ACE27D6756900AEE63E /* Resources */ = { isa = PBXResourcesBuildPhase; buildActionMask = 2147483647; files = ( AC2E6ADB27D6756A00AEE63E /* Preview Assets.xcassets in Resources */, AC2E6AD827D6756A00AEE63E /* Assets.xcassets in Resources */, ); runOnlyForDeploymentPostprocessing = 0; }; /* End PBXResourcesBuildPhase section */ /* Begin PBXSourcesBuildPhase section */ AC2E6ACC27D6756900AEE63E /* Sources */ = { isa = PBXSourcesBuildPhase; buildActionMask = 2147483647; files = ( AC3E898A29EE9B0500F96A6D /* TextAnimationView.swift in Sources */, ACFD222727EDD473005DE1CF /* Documentable.swift in Sources */, ACB77E3927EDC0A70005F9EE /* AnimationOptionView.swift in Sources */, ACA1803127DFA1BF00133D54 /* InteractiveSpringControlView.swift in Sources */, ACFD222927EDDBC3005DE1CF /* AnimationOptionsView.swift in Sources */, ACE1A70F27F44AAA00CB9683 /* EditValueButton.swift in Sources */, AC55659327E236B900279DC7 /* EaseOutControlView.swift in Sources */, ACE1A70927F355A900CB9683 /* Default.swift in Sources */, ACC877142A010AD400FAB01A /* CustomTextFieldStyle.swift in Sources */, AC7BA47427DA59B700B65EC6 /* CirclesView.swift in Sources */, ACA1802F27DFA0F700133D54 /* InteractiveSpring.swift in Sources */, AC43369727ECF87600F57ABD /* CustomModifiers.swift in Sources */, ACA1801D27DF620900133D54 /* SliderControlView.swift in Sources */, ACFD222327EDCE77005DE1CF /* AnimationOptionType.swift in Sources */, AC43368D27EC804E00F57ABD /* ClosedRange+toString.swift in Sources */, AC25E79227E499F3003AF1EE /* AnimationsExampleViewModel.swift in Sources */, ACE1A70D27F4434900CB9683 /* DefaultValues.swift in Sources */, AC7BA47627DA5A4C00B65EC6 /* AnimationsViewModel.swift in Sources */, AC55659527E236EC00279DC7 /* EaseInOutControlView.swift in Sources */, AC25E79427E49ADD003AF1EE /* AllAnimations.swift in Sources */, AC5FCF7F27FB0ACA00D32FD8 /* CGFloat+Constants.swift in Sources */, ACFD222527EDCF55005DE1CF /* AnimationControlOption.swift in Sources */, AC43368127E8A94D00F57ABD /* HeadlineView.swift in Sources */, AC25E79C27E4BD1C003AF1EE /* EmojisView.swift in Sources */, ACE1A70727F3556200CB9683 /* DefaultControlView.swift in Sources */, ACA1802627DF9ED100133D54 /* AnimationType.swift in Sources */, AC55658727E2341A00279DC7 /* Linear.swift in Sources */, AC55658D27E2346300279DC7 /* EaseInOut.swift in Sources */, AC43368327E8AA9600F57ABD /* TimingCurveControlView.swift in Sources */, AC55658527E2327500279DC7 /* AnimationParameter.swift in Sources */, AC43367B27E88C1900F57ABD /* TimingCurveView.swift in Sources */, ACE1A70527F3476900CB9683 /* TextFieldControlView.swift in Sources */, AC55658927E2343700279DC7 /* EaseIn.swift in Sources */, AC7BA47827DA5D2500B65EC6 /* InterpolatingSpringControlView.swift in Sources */, ACD067FA27DFE20B00BDEE44 /* Double+DecimalPlaces.swift in Sources */, ACA1801F27DF820000133D54 /* ControlContainerView.swift in Sources */, AC43369527ECC97B00F57ABD /* AnimationOption.swift in Sources */, ACA1802427DF9EBC00133D54 /* InterpolatingSpring.swift in Sources */, AC55658127E2264100279DC7 /* Spring.swift in Sources */, AC43368F27ECA7D200F57ABD /* CodePreviewView.swift in Sources */, AC25E79027E484A1003AF1EE /* AnimationExample.swift in Sources */, ACFD222127EDCE3C005DE1CF /* MyAnimation.swift in Sources */, AC55658B27E2344D00279DC7 /* EaseOut.swift in Sources */, ACA1801B27DF5B3300133D54 /* InfoText.swift in Sources */, ACA1802C27DF9F6200133D54 /* Animation+Create.swift in Sources */, AC2E6AD627D6756900AEE63E /* ContentView.swift in Sources */, AC55659127E2367E00279DC7 /* EaseInControlView.swift in Sources */, AC2E6AD427D6756900AEE63E /* MotionScapeApp.swift in Sources */, AC25E78E27E48455003AF1EE /* AnimationsContainerView.swift in Sources */, ACE1A70B27F363D800CB9683 /* InfoView.swift in Sources */, AC43367927E886F900F57ABD /* GradientCircleView.swift in Sources */, AC2E6AE327D6791C00AEE63E /* SidebarView.swift in Sources */, AC25E79A27E4B9E4003AF1EE /* ChainsView.swift in Sources */, AC55658F27E2361C00279DC7 /* LinearControlView.swift in Sources */, AC43369127ECA9CD00F57ABD /* PreviewType.swift in Sources */, AC43367D27E88C2700F57ABD /* TimingCurve.swift in Sources */, AC25E79827E4A44A003AF1EE /* ParameterDescriptionView.swift in Sources */, AC55658327E2275500279DC7 /* SpringControlView.swift in Sources */, ); runOnlyForDeploymentPostprocessing = 0; }; /* End PBXSourcesBuildPhase section */ /* Begin XCBuildConfiguration section */ AC2E6ADD27D6756A00AEE63E /* Debug */ = { isa = XCBuildConfiguration; buildSettings = { ALWAYS_SEARCH_USER_PATHS = NO; CLANG_ANALYZER_NONNULL = YES; CLANG_ANALYZER_NUMBER_OBJECT_CONVERSION = YES_AGGRESSIVE; CLANG_CXX_LANGUAGE_STANDARD = "gnu++17"; CLANG_CXX_LIBRARY = "libc++"; CLANG_ENABLE_MODULES = YES; CLANG_ENABLE_OBJC_ARC = YES; CLANG_ENABLE_OBJC_WEAK = YES; CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES; CLANG_WARN_BOOL_CONVERSION = YES; CLANG_WARN_COMMA = YES; CLANG_WARN_CONSTANT_CONVERSION = YES; CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES; CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR; CLANG_WARN_DOCUMENTATION_COMMENTS = YES; CLANG_WARN_EMPTY_BODY = YES; CLANG_WARN_ENUM_CONVERSION = YES; CLANG_WARN_INFINITE_RECURSION = YES; CLANG_WARN_INT_CONVERSION = YES; CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES; CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES; CLANG_WARN_OBJC_LITERAL_CONVERSION = YES; CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR; CLANG_WARN_QUOTED_INCLUDE_IN_FRAMEWORK_HEADER = YES; CLANG_WARN_RANGE_LOOP_ANALYSIS = YES; CLANG_WARN_STRICT_PROTOTYPES = YES; CLANG_WARN_SUSPICIOUS_MOVE = YES; CLANG_WARN_UNGUARDED_AVAILABILITY = YES_AGGRESSIVE; CLANG_WARN_UNREACHABLE_CODE = YES; CLANG_WARN__DUPLICATE_METHOD_MATCH = YES; COPY_PHASE_STRIP = NO; DEBUG_INFORMATION_FORMAT = dwarf; ENABLE_STRICT_OBJC_MSGSEND = YES; ENABLE_TESTABILITY = YES; GCC_C_LANGUAGE_STANDARD = gnu11; GCC_DYNAMIC_NO_PIC = NO; GCC_NO_COMMON_BLOCKS = YES; GCC_OPTIMIZATION_LEVEL = 0; GCC_PREPROCESSOR_DEFINITIONS = ( "DEBUG=1", "$(inherited)", ); GCC_WARN_64_TO_32_BIT_CONVERSION = YES; GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR; GCC_WARN_UNDECLARED_SELECTOR = YES; GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE; GCC_WARN_UNUSED_FUNCTION = YES; GCC_WARN_UNUSED_VARIABLE = YES; MACOSX_DEPLOYMENT_TARGET = 12.1; MTL_ENABLE_DEBUG_INFO = INCLUDE_SOURCE; MTL_FAST_MATH = YES; ONLY_ACTIVE_ARCH = YES; SDKROOT = macosx; SWIFT_ACTIVE_COMPILATION_CONDITIONS = DEBUG; SWIFT_OPTIMIZATION_LEVEL = "-Onone"; }; name = Debug; }; AC2E6ADE27D6756A00AEE63E /* Release */ = { isa = XCBuildConfiguration; buildSettings = { ALWAYS_SEARCH_USER_PATHS = NO; CLANG_ANALYZER_NONNULL = YES; CLANG_ANALYZER_NUMBER_OBJECT_CONVERSION = YES_AGGRESSIVE; CLANG_CXX_LANGUAGE_STANDARD = "gnu++17"; CLANG_CXX_LIBRARY = "libc++"; CLANG_ENABLE_MODULES = YES; CLANG_ENABLE_OBJC_ARC = YES; CLANG_ENABLE_OBJC_WEAK = YES; CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES; CLANG_WARN_BOOL_CONVERSION = YES; CLANG_WARN_COMMA = YES; CLANG_WARN_CONSTANT_CONVERSION = YES; CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES; CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR; CLANG_WARN_DOCUMENTATION_COMMENTS = YES; CLANG_WARN_EMPTY_BODY = YES; CLANG_WARN_ENUM_CONVERSION = YES; CLANG_WARN_INFINITE_RECURSION = YES; CLANG_WARN_INT_CONVERSION = YES; CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES; CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES; CLANG_WARN_OBJC_LITERAL_CONVERSION = YES; CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR; CLANG_WARN_QUOTED_INCLUDE_IN_FRAMEWORK_HEADER = YES; CLANG_WARN_RANGE_LOOP_ANALYSIS = YES; CLANG_WARN_STRICT_PROTOTYPES = YES; CLANG_WARN_SUSPICIOUS_MOVE = YES; CLANG_WARN_UNGUARDED_AVAILABILITY = YES_AGGRESSIVE; CLANG_WARN_UNREACHABLE_CODE = YES; CLANG_WARN__DUPLICATE_METHOD_MATCH = YES; COPY_PHASE_STRIP = NO; DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym"; ENABLE_NS_ASSERTIONS = NO; ENABLE_STRICT_OBJC_MSGSEND = YES; GCC_C_LANGUAGE_STANDARD = gnu11; GCC_NO_COMMON_BLOCKS = YES; GCC_WARN_64_TO_32_BIT_CONVERSION = YES; GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR; GCC_WARN_UNDECLARED_SELECTOR = YES; GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE; GCC_WARN_UNUSED_FUNCTION = YES; GCC_WARN_UNUSED_VARIABLE = YES; MACOSX_DEPLOYMENT_TARGET = 12.1; MTL_ENABLE_DEBUG_INFO = NO; MTL_FAST_MATH = YES; SDKROOT = macosx; SWIFT_COMPILATION_MODE = wholemodule; SWIFT_OPTIMIZATION_LEVEL = "-O"; }; name = Release; }; AC2E6AE027D6756A00AEE63E /* Debug */ = { isa = XCBuildConfiguration; buildSettings = { ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon; ASSETCATALOG_COMPILER_GLOBAL_ACCENT_COLOR_NAME = AccentColor; CODE_SIGN_ENTITLEMENTS = MotionScape/MotionScape.entitlements; CODE_SIGN_IDENTITY = "Apple Development"; CODE_SIGN_STYLE = Automatic; COMBINE_HIDPI_IMAGES = YES; CURRENT_PROJECT_VERSION = 2; DEVELOPMENT_ASSET_PATHS = "\"MotionScape/Preview Content\""; DEVELOPMENT_TEAM = EHV7XZLAHA; ENABLE_HARDENED_RUNTIME = YES; ENABLE_PREVIEWS = YES; GENERATE_INFOPLIST_FILE = YES; INFOPLIST_KEY_LSApplicationCategoryType = "public.app-category.developer-tools"; INFOPLIST_KEY_NSHumanReadableCopyright = ""; LD_RUNPATH_SEARCH_PATHS = ( "$(inherited)", "@executable_path/../Frameworks", ); MACOSX_DEPLOYMENT_TARGET = 12.0; MARKETING_VERSION = 1.0; PRODUCT_BUNDLE_IDENTIFIER = io.getstream.MotionScape; PRODUCT_NAME = "$(TARGET_NAME)"; SWIFT_EMIT_LOC_STRINGS = YES; SWIFT_VERSION = 5.0; }; name = Debug; }; AC2E6AE127D6756A00AEE63E /* Release */ = { isa = XCBuildConfiguration; buildSettings = { ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon; ASSETCATALOG_COMPILER_GLOBAL_ACCENT_COLOR_NAME = AccentColor; CODE_SIGN_ENTITLEMENTS = MotionScape/MotionScape.entitlements; CODE_SIGN_IDENTITY = "Apple Development"; CODE_SIGN_STYLE = Automatic; COMBINE_HIDPI_IMAGES = YES; CURRENT_PROJECT_VERSION = 2; DEVELOPMENT_ASSET_PATHS = "\"MotionScape/Preview Content\""; DEVELOPMENT_TEAM = EHV7XZLAHA; ENABLE_HARDENED_RUNTIME = YES; ENABLE_PREVIEWS = YES; GENERATE_INFOPLIST_FILE = YES; INFOPLIST_KEY_LSApplicationCategoryType = "public.app-category.developer-tools"; INFOPLIST_KEY_NSHumanReadableCopyright = ""; LD_RUNPATH_SEARCH_PATHS = ( "$(inherited)", "@executable_path/../Frameworks", ); MACOSX_DEPLOYMENT_TARGET = 12.0; MARKETING_VERSION = 1.0; PRODUCT_BUNDLE_IDENTIFIER = io.getstream.MotionScape; PRODUCT_NAME = "$(TARGET_NAME)"; SWIFT_EMIT_LOC_STRINGS = YES; SWIFT_VERSION = 5.0; }; name = Release; }; /* End XCBuildConfiguration section */ /* Begin XCConfigurationList section */ AC2E6ACB27D6756900AEE63E /* Build configuration list for PBXProject "MotionScape" */ = { isa = XCConfigurationList; buildConfigurations = ( AC2E6ADD27D6756A00AEE63E /* Debug */, AC2E6ADE27D6756A00AEE63E /* Release */, ); defaultConfigurationIsVisible = 0; defaultConfigurationName = Release; }; AC2E6ADF27D6756A00AEE63E /* Build configuration list for PBXNativeTarget "MotionScape" */ = { isa = XCConfigurationList; buildConfigurations = ( AC2E6AE027D6756A00AEE63E /* Debug */, AC2E6AE127D6756A00AEE63E /* Release */, ); defaultConfigurationIsVisible = 0; defaultConfigurationName = Release; }; /* End XCConfigurationList section */ }; rootObject = AC2E6AC827D6756900AEE63E /* Project object */; } ================================================ FILE: MotionScape.xcodeproj/project.xcworkspace/contents.xcworkspacedata ================================================ ================================================ FILE: MotionScape.xcodeproj/project.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist ================================================ IDEDidComputeMac32BitWarning ================================================ FILE: MotionScape.xcodeproj/xcuserdata/stefanblos.xcuserdatad/xcdebugger/Breakpoints_v2.xcbkptlist ================================================ ================================================ FILE: MotionScape.xcodeproj/xcuserdata/stefanblos.xcuserdatad/xcschemes/xcschememanagement.plist ================================================ SchemeUserState MotionScape.xcscheme_^#shared#^_ orderHint 0 ================================================ FILE: README.md ================================================ # MotionScape
Logo of Motionscape

MotionScape

Go to the Mac App Store page of the app
MotionScape is your animations playground as a developer. You can see all animations and their parameters in effect with beautifully designed and handcrafted animation examples. Get help with custom descriptions of all parameters that help you bring light into the dark tunnel of confusing namings and concepts. Best of all: directly preview and export your settings as production-ready SwiftUI code that you can use in your apps as-is. Supercharge your apps with animations and get to know how to use them - with MotionScape! ## Animation Examples Circle, chains, emojis, gradient circle ## Screenshots First preview of the app Second preview of the app Third preview of the app Fourth preview of the app ================================================ FILE: index.md ================================================
Logo of Motionscape

MotionScape

Go to the Mac App Store page of the app

Preview videos

First preview of the app Second preview of the app Third preview of the app Fourth preview of the app

What is MotionScape?

MotionScape is your animations playground as a developer. You can see all animations and their parameters in effect with beautifully designed and handcrafted animation examples.

Get help with custom descriptions of all parameters that help you bring light into the dark tunnel of confusing namings and concepts.

Best of all: directly preview and export your settings as production-ready SwiftUI code that you can use in your apps as-is.

Supercharge your apps with animations and get to know how to use them - with MotionScape!

Screenshots

First preview of the app Second preview of the app Third preview of the app Fourth preview of the app

Privacy policy

We do not collect, use, save, or have access to any of your personal data in MotionScape.

Also, we do not use any kind of tracking software or analytics that might lead to the collection of data from third parties.