{"id":186300,"date":"2022-04-29T11:57:18","date_gmt":"2022-04-29T09:57:18","guid":{"rendered":"https:\/\/www.ifun.de\/?p=186300"},"modified":"2022-04-29T11:57:18","modified_gmt":"2022-04-29T09:57:18","slug":"mac-app-motionscape-kurven-und-animationen-mit-swiftui-export","status":"publish","type":"post","link":"https:\/\/www.ifun.de\/mac-app-motionscape-kurven-und-animationen-mit-swiftui-export-186300\/","title":{"rendered":"Mac-App MotionScape: Kurven und Animationen mit SwiftUI-Export"},"content":{"rendered":"<p>App-Entwickler, die in ihren Applikationen Wert auf sch\u00f6n anzusehende Animationen, weiche \u00dcberg\u00e4nge und \u00e4sthetische Bewegungen legen, k\u00f6nnen einen Blick auf die kostenlose Mac-Applikation <a href=\"https:\/\/apps.apple.com\/de\/app\/motionscape-animation-studio\/id1616840951?mt=12\">MotionScape<\/a> werfen. Diese kann zum einen das Verst\u00e4ndnis f\u00fcr die beschriebenen vier Animationstypen sch\u00e4rfen, bietet zum anderen aber auch ein Umfeld zum Experimentieren mit den Werten an, mit denen sich die Animationen konfigurieren lassen.<\/p>\n<blockquote class=\"twitter-tweet\" data-conversation=\"none\" data-dnt=\"true\">\n<p dir=\"ltr\" lang=\"en\">Here\u2019s a short video giving you a peek into the capabilities of our FREE app. Get it now and start playing around yourself! <a href=\"https:\/\/t.co\/HkZ12TOZPt\">pic.twitter.com\/HkZ12TOZPt<\/a><\/p>\n<p>\u2014 Stefan (@stefanjblos) <a href=\"https:\/\/twitter.com\/stefanjblos\/status\/1518610079339233281?ref_src=twsrc%5Etfw\">April 25, 2022<\/a><\/p><\/blockquote>\n<p><script async src=\"https:\/\/platform.twitter.com\/widgets.js\" charset=\"utf-8\"><\/script><\/p>\n<p>MotionScape kennt in seiner aktuellen Ausgabe 1.0 insgesamt vier Animations-Typen: &#8222;Spring Animations&#8220;, &#8222;Lineare Animations&#8220;, &#8222;Easing Animations&#8220; und &#8222;Time Curves&#8220;. Je nach Typ bieten diese dann auch noch unterschiedliche Verl\u00e4ufe wie etwa &#8222;Spring&#8220;, &#8222;Linear&#8220;, &#8222;Ease In&#8220; oder &#8222;Ease Out&#8220; an.<\/p>\n<p>Habt ihr die Animation gew\u00e4hlt, die euch interessiert, k\u00f6nnt ihr in der Applikation nun mit den Parametern und den zur Verf\u00fcgung stehenden Optionen experimentieren, um euch de, bestem Ergebnis f\u00fcr euren Einsatzzweck anzun\u00e4hern.<\/p>\n<p><a href=\"https:\/\/images.ifun.de\/wp-content\/uploads\/2022\/04\/MotionScape-1400.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-186302\" src=\"https:\/\/images.ifun.de\/wp-content\/uploads\/2022\/04\/MotionScape-1400-700x527.jpg\" alt=\"MotionScape 1400\" width=\"700\" height=\"527\" srcset=\"https:\/\/images.ifun.de\/wp-content\/uploads\/2022\/04\/MotionScape-1400-700x527.jpg 700w, https:\/\/images.ifun.de\/wp-content\/uploads\/2022\/04\/MotionScape-1400-500x376.jpg 500w, https:\/\/images.ifun.de\/wp-content\/uploads\/2022\/04\/MotionScape-1400-768x578.jpg 768w, https:\/\/images.ifun.de\/wp-content\/uploads\/2022\/04\/MotionScape-1400.jpg 1400w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/a><\/p>\n<p>Dabei k\u00f6nnt ihr in den Demo-Animationen zwischen ineinander gelegten Kreisen, Ketten, Emojis und Farbverl\u00e4ufen w\u00e4hlen. Gef\u00e4llt euch das Ergebnis, l\u00e4sst sich der diesem zu Grunde liegende Code direkt kopieren und wird von der MotionScape-Anwendung im SwiftUI-Format exportiert.<\/p>\n<!-- WP-Appbox (Version: 4.5.13 \/\/ Store: appstore \/\/ ID: 1616840951) -->\t<!-- app-link -->\n\t<div id=\"article-single-app-preview\">\n\t\t<div id=\"article-single-app-preview-header\">\n\t\t\t<span class=\"title\">Laden im App Store<\/span>\n\t\t<\/div>\n\t\t<div id=\"article-single-app-preview-content\">\n\t\t\t<div id=\"article-single-app-preview-img\"><img loading=\"lazy\" decoding=\"async\" src=\"\/\/is1-ssl.mzstatic.com\/image\/thumb\/Purple112\/v4\/0d\/40\/4f\/0d404f54-e702-e8c8-de69-d15d4c40ec77\/AppIcon-0-85-220-0-4-2x.png\/200x200ib-75.png\" alt=\"MotionScape - Animation Studio\"  height=\"72\" width=\"72\" class=\"asl-icon-img\" \/><\/div>\n\t\t\t<div id=\"article-single-app-preview-desc\">\n\t\t\t\t<span class=\"name\">MotionScape - Animation Studio<\/span><br \/>\n\t\t\t\t<span class=\"seller\">Entwickler: <a target=\"_blank\" rel=\"nofollow\" href=\"https:\/\/apps.apple.com\/de\/developer\/getstream-io\/id1381446740\">GetStream.io<\/a><\/span>\n\t\t\t<\/div>\n\t\t\t<a target=\"_blank\" rel=\"nofollow\" href=\"https:\/\/apps.apple.com\/de\/app\/motionscape-animation-studio\/id1616840951?mt=12\"><div id=\"article-single-app-preview-download\">Preis: Kostenlos<br \/>\n\t\t\t<span class=\"size\">Laden<\/span><\/div><\/a>\n\t\t<\/div>\n\t\t<!-- <div id=\"article-single-app-preview-footer\"><\/div>\t-->\n\t<\/div>\n\t<!-- app-link\/ende --><!-- \/WP-Appbox -->\n<h2>App Store Alternative: Couverture<\/h2>\n<p>Sollte euch der von MotionScape gebotene Funktionsumfang zusagen, k\u00f6nnt ihr zudem einen Blick auf die spezialisierte <a href=\"https:\/\/apps.apple.com\/de\/app\/couverture\/id1552415914?mt=12\">Couverture-Applikation<\/a> werfen, die sich seit kurzem f\u00fcr 4 Euro im Mac App Store zum Kauf anbietet. Auch Couverture ist ein Easing-Curve-Editor, der seine Ergebnisse f\u00fcr CSS und SwiftUI exportieren kann.<\/p>\n<p><a href=\"https:\/\/images.ifun.de\/wp-content\/uploads\/2022\/04\/couverture-screenshot.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-186304\" src=\"https:\/\/images.ifun.de\/wp-content\/uploads\/2022\/04\/couverture-screenshot-700x438.jpg\" alt=\"Couverture Screenshot\" width=\"700\" height=\"438\" srcset=\"https:\/\/images.ifun.de\/wp-content\/uploads\/2022\/04\/couverture-screenshot-700x438.jpg 700w, https:\/\/images.ifun.de\/wp-content\/uploads\/2022\/04\/couverture-screenshot-500x313.jpg 500w, https:\/\/images.ifun.de\/wp-content\/uploads\/2022\/04\/couverture-screenshot-768x480.jpg 768w, https:\/\/images.ifun.de\/wp-content\/uploads\/2022\/04\/couverture-screenshot.jpg 960w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/a><\/p>\n<p>Die App stammt aus der Feder des Entwicklers Martin Lexow, der auch f\u00fcr den Kamera-Betrachter <a href=\"https:\/\/apps.apple.com\/de\/app\/mirror-magnet\/id1563698880?mt=12\">MirrorMagnet<\/a>, die Mauszeiger-Erweiterung <a href=\"https:\/\/apps.apple.com\/de\/app\/cursor-pro\/id1447043133?mt=12\">CursorPro<\/a> und die Tastatur-Anzeige <a href=\"https:\/\/apps.apple.com\/de\/app\/keystroke-pro\/id1572206224?mt=12\">KeystrokePro<\/a> verantwortlich zeichnet.<\/p>\n<!-- WP-Appbox (Version: 4.5.13 \/\/ Store: appstore \/\/ ID: 1552415914) -->\t<!-- app-link -->\n\t<div id=\"article-single-app-preview\">\n\t\t<div id=\"article-single-app-preview-header\">\n\t\t\t<span class=\"title\">Laden im App Store<\/span>\n\t\t<\/div>\n\t\t<div id=\"article-single-app-preview-content\">\n\t\t\t<div id=\"article-single-app-preview-img\"><img loading=\"lazy\" decoding=\"async\" src=\"\/\/is1-ssl.mzstatic.com\/image\/thumb\/PurpleSource211\/v4\/41\/17\/9e\/41179e73-88d1-ee0f-8f81-f853ee432839\/Placeholder.mill\/200x200bb-75.png\" alt=\"Couverture\"  height=\"72\" width=\"72\" class=\"asl-icon-img\" \/><\/div>\n\t\t\t<div id=\"article-single-app-preview-desc\">\n\t\t\t\t<span class=\"name\">Couverture<\/span><br \/>\n\t\t\t\t<span class=\"seller\">Entwickler: <a target=\"_blank\" rel=\"nofollow\" href=\"https:\/\/apps.apple.com\/de\/developer\/app-ahead-gmbh\/id955848754\">App ahead GmbH<\/a><\/span>\n\t\t\t<\/div>\n\t\t\t<a target=\"_blank\" rel=\"nofollow\" href=\"https:\/\/apps.apple.com\/de\/app\/couverture\/id1552415914?mt=12\"><div id=\"article-single-app-preview-download\">Preis: 5,99\u00a0\u20ac<br \/>\n\t\t\t<span class=\"size\">Laden<\/span><\/div><\/a>\n\t\t<\/div>\n\t\t<!-- <div id=\"article-single-app-preview-footer\"><\/div>\t-->\n\t<\/div>\n\t<!-- app-link\/ende --><!-- \/WP-Appbox -->\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/vg05.met.vgwort.de\/na\/d59422bf2bf84cc49b7d35e4d6220a70\" width=\"1\" height=\"1\" no-lazy class=\"tracking\"><\/p>\n","protected":false},"excerpt":{"rendered":"<a href=\"https:\/\/www.ifun.de\/mac-app-motionscape-kurven-und-animationen-mit-swiftui-export-186300\/\"><img width=\"150\" height=\"150\" src=\"https:\/\/images.ifun.de\/wp-content\/uploads\/2022\/04\/couverture-screenshot-150x150.jpg\" class=\"alignright tfe wp-post-image\" alt=\"Couverture Screenshot\" decoding=\"async\" loading=\"lazy\" \/><\/a><p>App-Entwickler, die in ihren Applikationen Wert auf sch\u00f6n anzusehende Animationen, weiche \u00dcberg\u00e4nge und \u00e4sthetische Bewegungen legen, k\u00f6nnen einen Blick auf die kostenlose Mac-Applikation MotionScape werfen. Diese kann zum einen das Verst\u00e4ndnis f\u00fcr die beschriebenen vier Animationstypen sch\u00e4rfen, bietet zum anderen aber auch ein Umfeld zum Experimentieren mit den Werten an, mit denen sich die Animationen [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":186304,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[5],"tags":[3542,4737,4738,5783],"class_list":["post-186300","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-apps","tag-animationen","tag-apps","tag-entwickler","tag-swiftui"],"acf":[],"aioseo_notices":[],"subheadline":["Couverture als Premium-Alternative","Couverture als Premium-Alternative"],"featured_image":["https:\/\/images.ifun.de\/wp-content\/uploads\/2022\/04\/couverture.jpg"],"rest_api_enabler":{"subheadline":["Couverture als Premium-Alternative","Couverture als Premium-Alternative"],"featured_image":"https:\/\/images.ifun.de\/wp-content\/uploads\/2022\/04\/couverture.jpg"},"_links":{"self":[{"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/posts\/186300","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/comments?post=186300"}],"version-history":[{"count":2,"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/posts\/186300\/revisions"}],"predecessor-version":[{"id":186305,"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/posts\/186300\/revisions\/186305"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/media\/186304"}],"wp:attachment":[{"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/media?parent=186300"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/categories?post=186300"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/tags?post=186300"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}