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<Double>
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
================================================
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
<key>com.apple.security.app-sandbox</key>
<true/>
<key>com.apple.security.files.user-selected.read-only</key>
<true/>
</dict>
</plist>
================================================
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<Self._Label>) -> 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 = "<group>"; };
AC25E78F27E484A1003AF1EE /* AnimationExample.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = AnimationExample.swift; sourceTree = "<group>"; };
AC25E79127E499F3003AF1EE /* AnimationsExampleViewModel.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = AnimationsExampleViewModel.swift; sourceTree = "<group>"; };
AC25E79327E49ADD003AF1EE /* AllAnimations.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = AllAnimations.swift; sourceTree = "<group>"; };
AC25E79727E4A44A003AF1EE /* ParameterDescriptionView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = ParameterDescriptionView.swift; sourceTree = "<group>"; };
AC25E79927E4B9E4003AF1EE /* ChainsView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = ChainsView.swift; sourceTree = "<group>"; };
AC25E79B27E4BD1C003AF1EE /* EmojisView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = EmojisView.swift; sourceTree = "<group>"; };
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 = "<group>"; };
AC2E6AD527D6756900AEE63E /* ContentView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = ContentView.swift; sourceTree = "<group>"; };
AC2E6AD727D6756A00AEE63E /* Assets.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; path = Assets.xcassets; sourceTree = "<group>"; };
AC2E6ADA27D6756A00AEE63E /* Preview Assets.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; path = "Preview Assets.xcassets"; sourceTree = "<group>"; };
AC2E6ADC27D6756A00AEE63E /* MotionScape.entitlements */ = {isa = PBXFileReference; lastKnownFileType = text.plist.entitlements; path = MotionScape.entitlements; sourceTree = "<group>"; };
AC2E6AE227D6791C00AEE63E /* SidebarView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = SidebarView.swift; sourceTree = "<group>"; };
AC3E898929EE9B0500F96A6D /* TextAnimationView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = TextAnimationView.swift; sourceTree = "<group>"; };
AC43367827E886F900F57ABD /* GradientCircleView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = GradientCircleView.swift; sourceTree = "<group>"; };
AC43367A27E88C1900F57ABD /* TimingCurveView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = TimingCurveView.swift; sourceTree = "<group>"; };
AC43367C27E88C2700F57ABD /* TimingCurve.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = TimingCurve.swift; sourceTree = "<group>"; };
AC43368027E8A94D00F57ABD /* HeadlineView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = HeadlineView.swift; sourceTree = "<group>"; };
AC43368227E8AA9600F57ABD /* TimingCurveControlView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = TimingCurveControlView.swift; sourceTree = "<group>"; };
AC43368C27EC804E00F57ABD /* ClosedRange+toString.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = "ClosedRange+toString.swift"; sourceTree = "<group>"; };
AC43368E27ECA7D200F57ABD /* CodePreviewView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = CodePreviewView.swift; sourceTree = "<group>"; };
AC43369027ECA9CD00F57ABD /* PreviewType.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = PreviewType.swift; sourceTree = "<group>"; };
AC43369427ECC97B00F57ABD /* AnimationOption.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = AnimationOption.swift; sourceTree = "<group>"; };
AC43369627ECF87600F57ABD /* CustomModifiers.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = CustomModifiers.swift; sourceTree = "<group>"; };
AC55658027E2264100279DC7 /* Spring.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = Spring.swift; sourceTree = "<group>"; };
AC55658227E2275500279DC7 /* SpringControlView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = SpringControlView.swift; sourceTree = "<group>"; };
AC55658427E2327500279DC7 /* AnimationParameter.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = AnimationParameter.swift; sourceTree = "<group>"; };
AC55658627E2341A00279DC7 /* Linear.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = Linear.swift; sourceTree = "<group>"; };
AC55658827E2343700279DC7 /* EaseIn.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = EaseIn.swift; sourceTree = "<group>"; };
AC55658A27E2344D00279DC7 /* EaseOut.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = EaseOut.swift; sourceTree = "<group>"; };
AC55658C27E2346300279DC7 /* EaseInOut.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = EaseInOut.swift; sourceTree = "<group>"; };
AC55658E27E2361C00279DC7 /* LinearControlView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = LinearControlView.swift; sourceTree = "<group>"; };
AC55659027E2367E00279DC7 /* EaseInControlView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = EaseInControlView.swift; sourceTree = "<group>"; };
AC55659227E236B900279DC7 /* EaseOutControlView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = EaseOutControlView.swift; sourceTree = "<group>"; };
AC55659427E236EC00279DC7 /* EaseInOutControlView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = EaseInOutControlView.swift; sourceTree = "<group>"; };
AC5FCF7E27FB0ACA00D32FD8 /* CGFloat+Constants.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = "CGFloat+Constants.swift"; sourceTree = "<group>"; };
AC7BA47327DA59B700B65EC6 /* CirclesView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = CirclesView.swift; sourceTree = "<group>"; };
AC7BA47527DA5A4C00B65EC6 /* AnimationsViewModel.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = AnimationsViewModel.swift; sourceTree = "<group>"; };
AC7BA47727DA5D2500B65EC6 /* InterpolatingSpringControlView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = InterpolatingSpringControlView.swift; sourceTree = "<group>"; };
ACA1801A27DF5B3300133D54 /* InfoText.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = InfoText.swift; sourceTree = "<group>"; };
ACA1801C27DF620900133D54 /* SliderControlView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = SliderControlView.swift; sourceTree = "<group>"; };
ACA1801E27DF820000133D54 /* ControlContainerView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = ControlContainerView.swift; sourceTree = "<group>"; };
ACA1802327DF9EBC00133D54 /* InterpolatingSpring.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = InterpolatingSpring.swift; sourceTree = "<group>"; };
ACA1802527DF9ED100133D54 /* AnimationType.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = AnimationType.swift; sourceTree = "<group>"; };
ACA1802B27DF9F6200133D54 /* Animation+Create.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = "Animation+Create.swift"; sourceTree = "<group>"; };
ACA1802E27DFA0F700133D54 /* InteractiveSpring.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = InteractiveSpring.swift; sourceTree = "<group>"; };
ACA1803027DFA1BF00133D54 /* InteractiveSpringControlView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = InteractiveSpringControlView.swift; sourceTree = "<group>"; };
ACB77E3827EDC0A70005F9EE /* AnimationOptionView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = AnimationOptionView.swift; sourceTree = "<group>"; };
ACC877132A010AD400FAB01A /* CustomTextFieldStyle.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = CustomTextFieldStyle.swift; sourceTree = "<group>"; };
ACD067F927DFE20B00BDEE44 /* Double+DecimalPlaces.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = "Double+DecimalPlaces.swift"; sourceTree = "<group>"; };
ACE1A70427F3476900CB9683 /* TextFieldControlView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = TextFieldControlView.swift; sourceTree = "<group>"; };
ACE1A70627F3556200CB9683 /* DefaultControlView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = DefaultControlView.swift; sourceTree = "<group>"; };
ACE1A70827F355A900CB9683 /* Default.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = Default.swift; sourceTree = "<group>"; };
ACE1A70A27F363D800CB9683 /* InfoView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = InfoView.swift; sourceTree = "<group>"; };
ACE1A70C27F4434900CB9683 /* DefaultValues.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = DefaultValues.swift; sourceTree = "<group>"; };
ACE1A70E27F44AAA00CB9683 /* EditValueButton.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = EditValueButton.swift; sourceTree = "<group>"; };
ACFD222027EDCE3C005DE1CF /* MyAnimation.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = MyAnimation.swift; sourceTree = "<group>"; };
ACFD222227EDCE77005DE1CF /* AnimationOptionType.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = AnimationOptionType.swift; sourceTree = "<group>"; };
ACFD222427EDCF55005DE1CF /* AnimationControlOption.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = AnimationControlOption.swift; sourceTree = "<group>"; };
ACFD222627EDD473005DE1CF /* Documentable.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = Documentable.swift; sourceTree = "<group>"; };
ACFD222827EDDBC3005DE1CF /* AnimationOptionsView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = AnimationOptionsView.swift; sourceTree = "<group>"; };
/* 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 = "<group>";
};
AC2E6AC727D6756900AEE63E = {
isa = PBXGroup;
children = (
AC2E6AD227D6756900AEE63E /* MotionScape */,
AC2E6AD127D6756900AEE63E /* Products */,
);
sourceTree = "<group>";
};
AC2E6AD127D6756900AEE63E /* Products */ = {
isa = PBXGroup;
children = (
AC2E6AD027D6756900AEE63E /* MotionScape.app */,
);
name = Products;
sourceTree = "<group>";
};
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 = "<group>";
};
AC2E6AD927D6756A00AEE63E /* Preview Content */ = {
isa = PBXGroup;
children = (
AC2E6ADA27D6756A00AEE63E /* Preview Assets.xcassets */,
);
path = "Preview Content";
sourceTree = "<group>";
};
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 = "<group>";
};
ACA1802127DF9E9D00133D54 /* View */ = {
isa = PBXGroup;
children = (
AC25E78C27E48353003AF1EE /* AnimationViews */,
ACA1802927DF9F2100133D54 /* MenuViews */,
ACA1802827DF9F0D00133D54 /* ControlViews */,
ACA1802727DF9EEF00133D54 /* Helpers */,
);
path = View;
sourceTree = "<group>";
};
ACA1802227DF9EA400133D54 /* ViewModel */ = {
isa = PBXGroup;
children = (
AC7BA47527DA5A4C00B65EC6 /* AnimationsViewModel.swift */,
AC25E79127E499F3003AF1EE /* AnimationsExampleViewModel.swift */,
);
path = ViewModel;
sourceTree = "<group>";
};
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 = "<group>";
};
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 = "<group>";
};
ACA1802927DF9F2100133D54 /* MenuViews */ = {
isa = PBXGroup;
children = (
AC2E6AD527D6756900AEE63E /* ContentView.swift */,
AC2E6AE227D6791C00AEE63E /* SidebarView.swift */,
);
path = MenuViews;
sourceTree = "<group>";
};
ACA1802A27DF9F5100133D54 /* Extensions */ = {
isa = PBXGroup;
children = (
ACA1802B27DF9F6200133D54 /* Animation+Create.swift */,
ACD067F927DFE20B00BDEE44 /* Double+DecimalPlaces.swift */,
AC43368C27EC804E00F57ABD /* ClosedRange+toString.swift */,
AC5FCF7E27FB0ACA00D32FD8 /* CGFloat+Constants.swift */,
);
path = Extensions;
sourceTree = "<group>";
};
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 = "<group>";
};
/* 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
================================================
<?xml version="1.0" encoding="UTF-8"?>
<Workspace
version = "1.0">
<FileRef
location = "self:">
</FileRef>
</Workspace>
================================================
FILE: MotionScape.xcodeproj/project.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist
================================================
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
<key>IDEDidComputeMac32BitWarning</key>
<true/>
</dict>
</plist>
================================================
FILE: MotionScape.xcodeproj/xcuserdata/stefanblos.xcuserdatad/xcdebugger/Breakpoints_v2.xcbkptlist
================================================
<?xml version="1.0" encoding="UTF-8"?>
<Bucket
uuid = "88AAA6CA-73F1-4594-9246-CF76850080C1"
type = "1"
version = "2.0">
</Bucket>
================================================
FILE: MotionScape.xcodeproj/xcuserdata/stefanblos.xcuserdatad/xcschemes/xcschememanagement.plist
================================================
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
<key>SchemeUserState</key>
<dict>
<key>MotionScape.xcscheme_^#shared#^_</key>
<dict>
<key>orderHint</key>
<integer>0</integer>
</dict>
</dict>
</dict>
</plist>
================================================
FILE: README.md
================================================
# MotionScape
<section style="display:flex;justify-content:center;max-width:75ch;margin-left:auto;margin-right:auto">
<img style="border-radius:2rem;width:12rem;height:12rem" src="resources/logo.png" alt="Logo of Motionscape">
<div style="margin-left:2rem">
<h2 style="border-bottom:none">MotionScape</h2>
<a href="https://apps.apple.com/us/app/motionscape-animation-studio/id1616840951">
<img src="resources/mac-store-download.svg" alt="Go to the Mac App Store page of the app">
</a>
</div>
</section>
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
<img style="border-radius:0.5rem" src="resources/AllPreviews.gif" alt="Circle, chains, emojis, gradient circle">
## Screenshots
<img style="border-radius:0.5rem" src="resources/preview-1.png" alt="First preview of the app">
<img style="border-radius:0.5rem" src="resources/preview-2.png" alt="Second preview of the app">
<img style="border-radius:0.5rem" src="resources/preview-3.png" alt="Third preview of the app">
<img style="border-radius:0.5rem" src="resources/preview-4.png" alt="Fourth preview of the app">
================================================
FILE: index.md
================================================
<section style="display:flex;justify-content:center;max-width:75ch;margin-left:auto;margin-right:auto">
<img style="border-radius:2rem;width:12rem;height:12rem" src="resources/logo.png" alt="Logo of Motionscape">
<div style="margin-left:2rem">
<h2 style="border-bottom:none">MotionScape</h2>
<a href="https://apps.apple.com/us/app/motionscape-animation-studio/id1616840951">
<img src="resources/mac-store-download.svg" alt="Go to the Mac App Store page of the app">
</a>
</div>
</section>
<section style="max-width:75ch;margin-left:auto;margin-right:auto">
<h2>Preview videos</h2>
<div style="display: grid;overflow-x: scroll;grid-gap: 1rem;grid-template-columns: repeat(4, 90%);scroll-snap-type: x mandatory;">
<img style="border-radius:0.5rem;scroll-snap-align: center;" src="resources/circlesPreview.gif" alt="First preview of the app">
<img style="border-radius:0.5rem;scroll-snap-align: center;" src="resources/gradientCirclePreview.gif" alt="Second preview of the app">
<img style="border-radius:0.5rem;scroll-snap-align: center;" src="resources/emojisPreview.gif" alt="Third preview of the app">
<img style="border-radius:0.5rem;scroll-snap-align: center;" src="resources/chainPreview.gif" alt="Fourth preview of the app">
</div>
</section>
<section style="max-width:75ch;margin-left:auto;margin-right:auto;">
<h2>What is MotionScape?</h2>
<p>
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.
</p>
<p>
Get help with custom descriptions of all parameters that help you bring
light into the dark tunnel of confusing namings and concepts.
</p>
<p>
Best of all: directly preview and export your settings as
production-ready SwiftUI code that you can use in your apps as-is.
</p>
<p>
Supercharge your apps with animations and get to know how to use them -
with MotionScape!
</p>
</section>
<section style="max-width:75ch;margin-left:auto;margin-right:auto">
<h2>Screenshots</h2>
<div style="display: grid;overflow-x: scroll;grid-gap: 1rem;grid-template-columns: repeat(4, 90%);scroll-snap-type: x mandatory;">
<img style="border-radius:0.5rem;scroll-snap-align: center;" src="resources/preview-1.png" alt="First preview of the app">
<img style="border-radius:0.5rem;scroll-snap-align: center;" src="resources/preview-2.png" alt="Second preview of the app">
<img style="border-radius:0.5rem;scroll-snap-align: center;" src="resources/preview-3.png" alt="Third preview of the app">
<img style="border-radius:0.5rem;scroll-snap-align: center;" src="resources/preview-4.png" alt="Fourth preview of the app">
</div>
</section>
<section style="max-width:75ch;margin-left:auto;margin-right:auto;" id="#privacy">
<h2>Privacy policy</h2>
<p>We do not collect, use, save, or have access to any of your personal data in MotionScape.</p>
<p>Also, we do not use any kind of tracking software or analytics that might lead to the collection of data from third parties.</p>
<!-- <p>In order to make this transparent, the entire source code of the app is open-source and <a href="https://github.com/GetStream/motionscape-app">you can find it on Github to inspect.</a></p> -->
</section>
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
Condensed preview — 75 files, each showing path, character count, and a content snippet. Download the .json file or copy for the full structured content (168K chars).
[
{
"path": "LICENSE",
"chars": 11356,
"preview": " Apache License\n Version 2.0, January 2004\n "
},
{
"path": "MotionScape/Assets.xcassets/AccentColor.colorset/Contents.json",
"chars": 123,
"preview": "{\n \"colors\" : [\n {\n \"idiom\" : \"universal\"\n }\n ],\n \"info\" : {\n \"author\" : \"xcode\",\n \"version\" : 1\n }"
},
{
"path": "MotionScape/Assets.xcassets/AppIcon.appiconset/Contents.json",
"chars": 1215,
"preview": "{\n \"images\" : [\n {\n \"filename\" : \"16.png\",\n \"idiom\" : \"mac\",\n \"scale\" : \"1x\",\n \"size\" : \"16x16\"\n"
},
{
"path": "MotionScape/Assets.xcassets/Contents.json",
"chars": 63,
"preview": "{\n \"info\" : {\n \"author\" : \"xcode\",\n \"version\" : 1\n }\n}\n"
},
{
"path": "MotionScape/Assets.xcassets/codePreviewBackground.colorset/Contents.json",
"chars": 689,
"preview": "{\n \"colors\" : [\n {\n \"color\" : {\n \"color-space\" : \"srgb\",\n \"components\" : {\n \"alpha\" : \"1"
},
{
"path": "MotionScape/Assets.xcassets/copyPopupBackgroundColor.colorset/Contents.json",
"chars": 695,
"preview": "{\n \"colors\" : [\n {\n \"color\" : {\n \"color-space\" : \"srgb\",\n \"components\" : {\n \"alpha\" : \"1"
},
{
"path": "MotionScape/Assets.xcassets/stream-logo.imageset/Contents.json",
"chars": 309,
"preview": "{\n \"images\" : [\n {\n \"filename\" : \"stream-logo.svg\",\n \"idiom\" : \"universal\",\n \"scale\" : \"1x\"\n },\n "
},
{
"path": "MotionScape/Model/AnimationControlOption.swift",
"chars": 241,
"preview": "//\n// AnimationControlOption.swift\n// MotionScape\n//\n// Created by Stefan Blos on 25.03.22.\n//\n\nimport Foundation\n\nen"
},
{
"path": "MotionScape/Model/AnimationExample.swift",
"chars": 260,
"preview": "//\n// AnimationExample.swift\n// MotionScape\n//\n// Created by Stefan Blos on 18.03.22.\n//\n\nimport Foundation\n\nenum Ani"
},
{
"path": "MotionScape/Model/AnimationOption.swift",
"chars": 1576,
"preview": "//\n// AnimationOption.swift\n// MotionScape\n//\n// Created by Stefan Blos on 24.03.22.\n//\n\nimport SwiftUI\n\nstruct Anima"
},
{
"path": "MotionScape/Model/AnimationOptionType.swift",
"chars": 174,
"preview": "//\n// AnimationOptionType.swift\n// MotionScape\n//\n// Created by Stefan Blos on 25.03.22.\n//\n\nimport Foundation\n\nenum "
},
{
"path": "MotionScape/Model/AnimationParameter.swift",
"chars": 472,
"preview": "//\n// AnimationParameter.swift\n// MotionScape\n//\n// Created by Stefan Blos on 16.03.22.\n//\n\nimport Foundation\n\nstruct"
},
{
"path": "MotionScape/Model/AnimationType.swift",
"chars": 485,
"preview": "//\n// AnimationType.swift\n// MotionScape\n//\n// Created by Stefan Blos on 14.03.22.\n//\n\nimport Foundation\n\nenum Animat"
},
{
"path": "MotionScape/Model/Animations/AllAnimations.swift",
"chars": 445,
"preview": "//\n// AllAnimations.swift\n// MotionScape\n//\n// Created by Stefan Blos on 18.03.22.\n//\n\nimport Foundation\n\nstruct AllA"
},
{
"path": "MotionScape/Model/Animations/Default.swift",
"chars": 610,
"preview": "//\n// Default.swift\n// MotionScape\n//\n// Created by Stefan Blos on 29.03.22.\n//\n\nimport SwiftUI\n\nstruct Default: Equa"
},
{
"path": "MotionScape/Model/Animations/EaseIn.swift",
"chars": 941,
"preview": "//\n// EaseIn.swift\n// MotionScape\n//\n// Created by Stefan Blos on 16.03.22.\n//\n\nimport SwiftUI\n\nstruct EaseIn: Equata"
},
{
"path": "MotionScape/Model/Animations/EaseInOut.swift",
"chars": 962,
"preview": "//\n// EaseInOut.swift\n// MotionScape\n//\n// Created by Stefan Blos on 16.03.22.\n//\n\nimport SwiftUI\n\nstruct EaseInOut: "
},
{
"path": "MotionScape/Model/Animations/EaseOut.swift",
"chars": 948,
"preview": "//\n// EaseOut.swift\n// MotionScape\n//\n// Created by Stefan Blos on 16.03.22.\n//\n\nimport SwiftUI\n\nstruct EaseOut: Equa"
},
{
"path": "MotionScape/Model/Animations/InteractiveSpring.swift",
"chars": 2454,
"preview": "//\n// InteractiveSpring.swift\n// MotionScape\n//\n// Created by Stefan Blos on 14.03.22.\n//\n\nimport SwiftUI\n\nstruct Int"
},
{
"path": "MotionScape/Model/Animations/InterpolatingSpring.swift",
"chars": 3109,
"preview": "//\n// InterpolatingSpring.swift\n// MotionScape\n//\n// Created by Stefan Blos on 14.03.22.\n//\n\nimport SwiftUI\n\nstruct I"
},
{
"path": "MotionScape/Model/Animations/Linear.swift",
"chars": 943,
"preview": "//\n// Linear.swift\n// MotionScape\n//\n// Created by Stefan Blos on 16.03.22.\n//\n\nimport SwiftUI\n\nstruct Linear: Equata"
},
{
"path": "MotionScape/Model/Animations/Spring.swift",
"chars": 2442,
"preview": "//\n// Spring.swift\n// MotionScape\n//\n// Created by Stefan Blos on 16.03.22.\n//\n\nimport SwiftUI\n\nstruct Spring: Equata"
},
{
"path": "MotionScape/Model/Animations/TimingCurve.swift",
"chars": 1813,
"preview": "//\n// TimingCurve.swift\n// MotionScape\n//\n// Created by Stefan Blos on 21.03.22.\n//\n\nimport SwiftUI\n\nstruct TimingCur"
},
{
"path": "MotionScape/Model/DefaultValues.swift",
"chars": 123,
"preview": "//\n// DefaultValues.swift\n// MotionScape\n//\n// Created by Stefan Blos on 30.03.22.\n//\n\nlet codePreviewDecimalPlaces ="
},
{
"path": "MotionScape/Model/Documentable.swift",
"chars": 259,
"preview": "//\n// Documentable.swift\n// MotionScape\n//\n// Created by Stefan Blos on 25.03.22.\n//\n\nimport Foundation\n\nprotocol Doc"
},
{
"path": "MotionScape/Model/Extensions/Animation+Create.swift",
"chars": 1243,
"preview": "//\n// Animation+Create.swift\n// MotionScape\n//\n// Created by Stefan Blos on 14.03.22.\n//\n\nimport SwiftUI\n\nextension A"
},
{
"path": "MotionScape/Model/Extensions/CGFloat+Constants.swift",
"chars": 291,
"preview": "//\n// CGFloat+Constants.swift\n// MotionScape\n//\n// Created by Stefan Blos on 04.04.22.\n//\n\nimport Foundation\n\nextensi"
},
{
"path": "MotionScape/Model/Extensions/ClosedRange+toString.swift",
"chars": 217,
"preview": "//\n// ClosedRange+toString.swift\n// MotionScape\n//\n// Created by Stefan Blos on 24.03.22.\n//\n\nimport Foundation\n\nexte"
},
{
"path": "MotionScape/Model/Extensions/Double+DecimalPlaces.swift",
"chars": 470,
"preview": "//\n// Double+DecimalPlaces.swift\n// MotionScape\n//\n// Created by Stefan Blos on 14.03.22.\n//\n\nimport Foundation\n\nexte"
},
{
"path": "MotionScape/Model/MyAnimation.swift",
"chars": 1360,
"preview": "//\n// MyAnimation.swift\n// MotionScape\n//\n// Created by Stefan Blos on 25.03.22.\n//\n\nimport SwiftUI\n\nprotocol MyAnima"
},
{
"path": "MotionScape/Model/PreviewType.swift",
"chars": 215,
"preview": "//\n// PreviewType.swift\n// MotionScape\n//\n// Created by Stefan Blos on 24.03.22.\n//\n\nimport Foundation\n\nenum PreviewT"
},
{
"path": "MotionScape/MotionScape.entitlements",
"chars": 322,
"preview": "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<!DOCTYPE plist PUBLIC \"-//Apple//DTD PLIST 1.0//EN\" \"http://www.apple.com/DTDs/P"
},
{
"path": "MotionScape/MotionScapeApp.swift",
"chars": 235,
"preview": "//\n// MotionScapeApp.swift\n// MotionScape\n//\n// Created by Stefan Blos on 07.03.22.\n//\n\nimport SwiftUI\n\n@main\nstruct "
},
{
"path": "MotionScape/Preview Content/Preview Assets.xcassets/Contents.json",
"chars": 63,
"preview": "{\n \"info\" : {\n \"author\" : \"xcode\",\n \"version\" : 1\n }\n}\n"
},
{
"path": "MotionScape/View/AnimationViews/AnimationsContainerView.swift",
"chars": 4029,
"preview": "//\n// AnimationsContainerView.swift\n// MotionScape\n//\n// Created by Stefan Blos on 18.03.22.\n//\n\nimport SwiftUI\n\nstru"
},
{
"path": "MotionScape/View/AnimationViews/ChainsView.swift",
"chars": 1832,
"preview": "//\n// ChainsView.swift\n// MotionScape\n//\n// Created by Stefan Blos on 18.03.22.\n//\n\nimport SwiftUI\n\nstruct ChainsView"
},
{
"path": "MotionScape/View/AnimationViews/CirclesView.swift",
"chars": 1183,
"preview": "//\n// CirclesView.swift\n// MotionScape\n//\n// Created by Stefan Blos on 10.03.22.\n//\n\nimport SwiftUI\n\nstruct CirclesVi"
},
{
"path": "MotionScape/View/AnimationViews/CodePreviewView.swift",
"chars": 3123,
"preview": "//\n// CodePreviewView.swift\n// MotionScape\n//\n// Created by Stefan Blos on 24.03.22.\n//\n\nimport SwiftUI\n\nstruct CodeP"
},
{
"path": "MotionScape/View/AnimationViews/EmojisView.swift",
"chars": 1817,
"preview": "//\n// EmojisView.swift\n// MotionScape\n//\n// Created by Stefan Blos on 18.03.22.\n//\n\nimport SwiftUI\n\nstruct EmojisView"
},
{
"path": "MotionScape/View/AnimationViews/GradientCircleView.swift",
"chars": 1340,
"preview": "//\n// GradientCircleView.swift\n// MotionScape\n//\n// Created by Stefan Blos on 21.03.22.\n//\n\nimport SwiftUI\n\nstruct Gr"
},
{
"path": "MotionScape/View/AnimationViews/TextAnimationView.swift",
"chars": 2049,
"preview": "//\n// TextAnimationView.swift\n// MotionScape\n//\n// Created by Stefan Blos on 18.04.23.\n//\n\nimport SwiftUI\n\nstruct Tex"
},
{
"path": "MotionScape/View/ControlViews/AnimationOptionsView.swift",
"chars": 683,
"preview": "//\n// AnimationOptionsView.swift\n// MotionScape\n//\n// Created by Stefan Blos on 25.03.22.\n//\n\nimport SwiftUI\n\nstruct "
},
{
"path": "MotionScape/View/ControlViews/ControlContainerView.swift",
"chars": 1279,
"preview": "//\n// ControlContainerView.swift\n// MotionScape\n//\n// Created by Stefan Blos on 14.03.22.\n//\n\nimport SwiftUI\n\nstruct "
},
{
"path": "MotionScape/View/ControlViews/DefaultControlView.swift",
"chars": 2273,
"preview": "//\n// DefaultControlView.swift\n// MotionScape\n//\n// Created by Stefan Blos on 29.03.22.\n//\n\nimport SwiftUI\n\nstruct De"
},
{
"path": "MotionScape/View/ControlViews/EaseInControlView.swift",
"chars": 2022,
"preview": "//\n// EaseInControlView.swift\n// MotionScape\n//\n// Created by Stefan Blos on 16.03.22.\n//\n\nimport SwiftUI\n\nstruct Eas"
},
{
"path": "MotionScape/View/ControlViews/EaseInOutControlView.swift",
"chars": 2231,
"preview": "//\n// EaseInOutControlView.swift\n// MotionScape\n//\n// Created by Stefan Blos on 16.03.22.\n//\n\nimport SwiftUI\n\nstruct "
},
{
"path": "MotionScape/View/ControlViews/EaseOutControlView.swift",
"chars": 2265,
"preview": "//\n// EaseOutControlView.swift\n// MotionScape\n//\n// Created by Stefan Blos on 16.03.22.\n//\n\nimport SwiftUI\n\nstruct Ea"
},
{
"path": "MotionScape/View/ControlViews/InteractiveSpringControlView.swift",
"chars": 2365,
"preview": "//\n// InteractiveSpringControlView.swift\n// MotionScape\n//\n// Created by Stefan Blos on 14.03.22.\n//\n\nimport SwiftUI\n"
},
{
"path": "MotionScape/View/ControlViews/InterpolatingSpringControlView.swift",
"chars": 2696,
"preview": "//\n// InterpolatingSpringControlView.swift\n// MotionScape\n//\n// Created by Stefan Blos on 10.03.22.\n//\n\nimport SwiftU"
},
{
"path": "MotionScape/View/ControlViews/LinearControlView.swift",
"chars": 2150,
"preview": "//\n// LinearControlView.swift\n// MotionScape\n//\n// Created by Stefan Blos on 16.03.22.\n//\n\nimport SwiftUI\n\nstruct Lin"
},
{
"path": "MotionScape/View/ControlViews/SpringControlView.swift",
"chars": 2415,
"preview": "//\n// SpringControlView.swift\n// MotionScape\n//\n// Created by Stefan Blos on 16.03.22.\n//\n\nimport SwiftUI\n\nstruct Spr"
},
{
"path": "MotionScape/View/ControlViews/TimingCurveControlView.swift",
"chars": 3900,
"preview": "//\n// TimingCurveControlView.swift\n// MotionScape\n//\n// Created by Stefan Blos on 21.03.22.\n//\n\nimport SwiftUI\n\nstruc"
},
{
"path": "MotionScape/View/Helpers/AnimationOptionView.swift",
"chars": 4321,
"preview": "//\n// AnimationOptionView.swift\n// MotionScape\n//\n// Created by Stefan Blos on 25.03.22.\n//\n\nimport SwiftUI\n\nstruct A"
},
{
"path": "MotionScape/View/Helpers/CustomModifiers.swift",
"chars": 877,
"preview": "//\n// CustomModifiers.swift\n// MotionScape\n//\n// Created by Stefan Blos on 24.03.22.\n//\n\nimport SwiftUI\n\nstruct Value"
},
{
"path": "MotionScape/View/Helpers/CustomTextFieldStyle.swift",
"chars": 913,
"preview": "//\n// CustomTextFieldStyle.swift\n// MotionScape\n//\n// Created by Stefan Blos on 02.05.23.\n//\n\nimport SwiftUI\n\nstruct "
},
{
"path": "MotionScape/View/Helpers/EditValueButton.swift",
"chars": 494,
"preview": "//\n// EditValueButton.swift\n// MotionScape\n//\n// Created by Stefan Blos on 30.03.22.\n//\n\nimport SwiftUI\n\nstruct EditV"
},
{
"path": "MotionScape/View/Helpers/HeadlineView.swift",
"chars": 1588,
"preview": "//\n// HeadlineView.swift\n// MotionScape\n//\n// Created by Stefan Blos on 21.03.22.\n//\n\nimport SwiftUI\n\nstruct Headline"
},
{
"path": "MotionScape/View/Helpers/InfoText.swift",
"chars": 798,
"preview": "//\n// InfoText.swift\n// MotionScape\n//\n// Created by Stefan Blos on 14.03.22.\n//\n\nimport SwiftUI\n\nstruct InfoText: Vi"
},
{
"path": "MotionScape/View/Helpers/InfoView.swift",
"chars": 2319,
"preview": "//\n// InfoView.swift\n// MotionScape\n//\n// Created by Stefan Blos on 29.03.22.\n//\n\nimport SwiftUI\n\nstruct InfoView: Vi"
},
{
"path": "MotionScape/View/Helpers/ParameterDescriptionView.swift",
"chars": 1919,
"preview": "//\n// ParameterDescriptionView.swift\n// MotionScape\n//\n// Created by Stefan Blos on 18.03.22.\n//\n\nimport SwiftUI\n\nstr"
},
{
"path": "MotionScape/View/Helpers/SliderControlView.swift",
"chars": 2786,
"preview": "//\n// SliderControlView.swift\n// MotionScape\n//\n// Created by Stefan Blos on 14.03.22.\n//\n\nimport SwiftUI\n\nstruct Sli"
},
{
"path": "MotionScape/View/Helpers/TextFieldControlView.swift",
"chars": 801,
"preview": "//\n// TextFieldControlView.swift\n// MotionScape\n//\n// Created by Stefan Blos on 29.03.22.\n//\n\nimport SwiftUI\n\nstruct "
},
{
"path": "MotionScape/View/Helpers/TimingCurveView.swift",
"chars": 3518,
"preview": "//\n// TimingCurveView.swift\n// MotionScape\n//\n// Created by Stefan Blos on 21.03.22.\n//\n\nimport SwiftUI\n\nstruct Timin"
},
{
"path": "MotionScape/View/MenuViews/ContentView.swift",
"chars": 1083,
"preview": "//\n// ContentView.swift\n// MotionScape\n//\n// Created by Stefan Blos on 07.03.22.\n//\n\nimport SwiftUI\n\nstruct ContentVi"
},
{
"path": "MotionScape/View/MenuViews/SidebarView.swift",
"chars": 5314,
"preview": "//\n// SidebarView.swift\n// MotionScape\n//\n// Created by Stefan Blos on 07.03.22.\n//\n\nimport SwiftUI\n\nstruct SidebarVi"
},
{
"path": "MotionScape/ViewModel/AnimationsExampleViewModel.swift",
"chars": 257,
"preview": "//\n// AnimationsExampleViewModel.swift\n// MotionScape\n//\n// Created by Stefan Blos on 18.03.22.\n//\n\nimport Foundation"
},
{
"path": "MotionScape/ViewModel/AnimationsViewModel.swift",
"chars": 2505,
"preview": "//\n// AnimationsViewModel.swift\n// MotionScape\n//\n// Created by Stefan Blos on 10.03.22.\n//\n\nimport Foundation\nimport"
},
{
"path": "MotionScape/ViewModel/CirclesViewModel.swift",
"chars": 2086,
"preview": "//\n// CirclesViewModel.swift\n// MotionScape\n//\n// Created by Stefan Blos on 10.03.22.\n//\n\nimport Foundation\nimport Ap"
},
{
"path": "MotionScape.xcodeproj/project.pbxproj",
"chars": 40660,
"preview": "// !$*UTF8*$!\n{\n\tarchiveVersion = 1;\n\tclasses = {\n\t};\n\tobjectVersion = 55;\n\tobjects = {\n\n/* Begin PBXBuildFile section *"
},
{
"path": "MotionScape.xcodeproj/project.xcworkspace/contents.xcworkspacedata",
"chars": 135,
"preview": "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<Workspace\n version = \"1.0\">\n <FileRef\n location = \"self:\">\n </FileRef"
},
{
"path": "MotionScape.xcodeproj/project.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist",
"chars": 238,
"preview": "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<!DOCTYPE plist PUBLIC \"-//Apple//DTD PLIST 1.0//EN\" \"http://www.apple.com/DTDs/P"
},
{
"path": "MotionScape.xcodeproj/xcuserdata/stefanblos.xcuserdatad/xcdebugger/Breakpoints_v2.xcbkptlist",
"chars": 140,
"preview": "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<Bucket\n uuid = \"88AAA6CA-73F1-4594-9246-CF76850080C1\"\n type = \"1\"\n version"
},
{
"path": "MotionScape.xcodeproj/xcuserdata/stefanblos.xcuserdatad/xcschemes/xcschememanagement.plist",
"chars": 346,
"preview": "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<!DOCTYPE plist PUBLIC \"-//Apple//DTD PLIST 1.0//EN\" \"http://www.apple.com/DTDs/P"
},
{
"path": "README.md",
"chars": 1623,
"preview": "# MotionScape\n\n<section style=\"display:flex;justify-content:center;max-width:75ch;margin-left:auto;margin-right:auto\">\n "
},
{
"path": "index.md",
"chars": 3425,
"preview": "<section style=\"display:flex;justify-content:center;max-width:75ch;margin-left:auto;margin-right:auto\">\n <img style=\""
}
]
About this extraction
This page contains the full source code of the GetStream/motionscape-app GitHub repository, extracted and formatted as plain text for AI agents and large language models (LLMs). The extraction includes 75 files (151.3 KB), approximately 39.7k tokens. Use this with OpenClaw, Claude, ChatGPT, Cursor, Windsurf, or any other AI tool that accepts text input. You can copy the full output to your clipboard or download it as a .txt file.
Extracted by GitExtract — free GitHub repo to text converter for AI. Built by Nikandr Surkov.