Apple Vision Pro で3Dキャラクターに付いてきてもらう｜npaka
「Apple Vision Pro」での3Dキャラクターに付いてきてもらう手順をまとめました。 ・Xcode 15.2 (Apple Silicon) 前回 1. VRM を usdz に変換「VRM」をusdzに変換する手順は、次のとおりです。 (1) モデルの準備。 「ニコニコ立体」から「ニコニコ立体ちゃん」をダウンロードします。 (2) Blenderを起動して「VRM Add-on for Blender」をインストール。 リポジトリからアドオンファイル (VRM_Addon_for_Blender-release.zip) をダウンロードし、Blenderの「プリファレンス→アドオン→インストール」でインストールし、チェックボックスで有効化します。 (3) Blenderのメニュー「ファイル → インポート → VRM」でニコニコ立体ちゃんのVRMファイル (AliciaSoli
【iOS 17】Widgetにインタラクティブな機能とアニメーション効果を追加する
iOS 17では、Widgetに対してインタラクティブな機能と、アニメーション効果を追加することができるようになりました。 本記事ではiOS 17でWidgetに追加されたインタラクティブ機能と、アニメーション効果の実現方法について書きます。 アニメーション効果の追加 SwiftUIを使用して作られる通常のアプリでは、状態を表す変数(@State や@Binding がついた変数)の変更が影響するViewに対して、withAnimation(_:_:) を付加することでアニメーションを実現することができます。 しかし、Widgetは状態を持つことができません。その代わり、特定の時間にレンダリングされるViewに対して提供する、エントリのタイムラインを作成します。特定の時間にタイムラインから提供されるエントリを元に作成したViewをWidget上に表示することで、Widgetの表示を更新して
iOSDC 2022「アニメーションAPIのすべて」補足など - 24/7 twenty-four seven
先日のiOSDC 2022にて「アニメーションAPIのすべて」という発表をしました。 fortee.jp きっかけはDroidKaigi 2021で荒木佑一さんの「動かす」という発表です。 www.youtube.com Androidのさまざまなアニメーション APIについてコードや具体的な例を用いて解説する内容です。最後にスライド自体がAndroidアプリとして作られていて、サンプルのアニメーションはすべて実際に動いていたものだった、と明かされるところが非常におもしろいと思ったのです。ぜひこれのiOS版をやろうとそのとき考えたのでした。 ちなみに、荒木さんはそれ以前のDroidKaigiや別のカンファレンスでも「動かす」シリーズで話されているので資料などを探して読んでみるとどれもおもしろいです。 ということで１年間あたためていたアイデアが無事採択されたことはよかったのですが、さすがにこ
UIViewを燃やしてみた（swift） - Qiita
はじめに noppefoxwolf/KitsunebiこれをみてUIViewを燃やせるんじゃないかと思いつくってみました。 2019/04/21 せっかくなんでswift5.0対応しました GitHub つくったものはここ AMBurnAnimation 見た目 機能 指定のUIViewを燃やすアニメーションが設定できる（下から上のみ） アニメーション時間が設定できる アニメーション終了時の処理が設定できる 使い方 プロジェクトにextension追加 gitからファイルをダウンロードしてプロジェクトにUIView+BurnAnimationフォルダのファイルを追加する 指定のViewで下記のアニメーション設定メソッドを呼ぶ 上記の例では3秒かけてtargetViewを燃やすアニメーションを設定している。 仕組み このクラスの仕組みについて少し説明しておきます。 下記のような仕組みでアニメ
SwiftでLottieを使ってアニメーションを実装する - ZOZO TECH BLOG
こんにちはフロントエンジニアの茨木です。一ヶ月ほど前からSwiftでiOSアプリ開発をやっています。iOS開発経験は浅いですが、Lottieというライブラリを使用し、いきなりアニメーションごりごりの画面を担当してみました。 LottieはAirbnb社が開発したライブラリで、僅かなコードでアニメーションを実装できるスグレモノです。 本記事では、SwiftにおけるLottieの使い方を説明します。 Lottieの特徴 Lottieの最も大きな特徴は、Adobe After Effectsで出力したアニメーションデータをそのまま読み込むだけでアニメーションを実装できることです。その為、沢山のコードや画像が不要なのはもちろんのこと、デザイナーが作ったアニメーションを忠実に再現することが可能です。更に、LottieはAndroidやReact Nativeもサポートしているので、クロスプラットフォ
iOSとAndroidで画像を光らせる演出の実装比較 - Qiita
iOS版で作ったアニメーション演出をAndroid版に移植したので、その時ことを備忘録として残します。 iOS版の完成品 ※gifだとアニメーション完了の待ち合わせもしていますが、この記事では光った画像の生成と単体のアニメーションの実装方法のみ書きます。 ※Android版はgifを用意してないですが、ほぼ同じにはなります。違いについては最後に。 アニメーション実行の流れ 完成品のgifでは以下の処理を行っています。 通常の画像を配置 通常の画像を加工して光った画像を生成 ↑で生成した光った画像を通常の画像と同じ位置に、アルファ値を0にして追加（上に重ねる） 通常の画像をフェードイン＋スケールアウトのアニメーションで表示させる ↑のアニメーションが終わったら光った画像をフェードインで表示させる ↑のアニメーションが終わったら光った画像をフェードアウト＋スケールアウトのアニメーションで消す
Sweet & Swifty Animations for iOS
PYRAMID OF DOOM!!!! — ACTUAL SCREENSHOT FROM A FRIEND’S CODE “In computer science, a data structure is a particular way of organizing data in a computer so that it can be used efficiently.” — Wikipedia These data structures and design patterns let you escape the infamous anti-patterns with simple and generally useful solutions. Enter SwiftyAnimate (The Plug 🔌). A better way to animate…Have you ev
Lottie
Easily add high-quality animation to any native app. Lottie is an iOS, Android, and React Native library that renders After Effects animations in real time, allowing apps to use animations as easily as they use static images. Get Started Learn more › Why Lottie? Flexible After Effects features We currently support solids, shape layers, masks, alpha mattes, trim paths, and dash patterns. And we’ll
iOSアプリ開発でアニメーションするなら押さえておきたい基礎 - Qiita
アニメーション処理はiOSアプリを開発する醍醐味の1つであると私は思っています なので、本記事ではiOSアプリ開発をする上で押さえておきたいアニメーションの基礎の部分をお伝えできればと思います UIKitアニメーション UIView.animateメソッド iOS開発をする人にはお馴染みのUIViewのクラスメソッドである open class func animate(withDuration duration: TimeInterval, delay: TimeInterval, options: UIViewAnimationOptions = [], animations: @escaping () -> Swift.Void, completion: ((Bool) -> Swift.Void)? = nil) を使うことで簡単にアニメーションを実現することができます durat
UIViewControllerAnimatedTransitioningを使って画面遷移アニメーションを作る - Qiita
概要 UIViewControllerAnimatedTransitioningを使うと簡単に画面遷移アニメーションを作れます。 まず、UIViewControllerAnimatedTransitioningプロトコルを適用したクラスを作ります（これが画面遷移の実装内容となります）。 ポイントだけ以下に示します。 class Animator: NSObject, UIViewControllerAnimatedTransitioning { func transitionDuration(transitionContext: UIViewControllerContextTransitioning) -> NSTimeInterval { // アニメーションの時間（duration）を返します。 return 1.0 } func animateTransition(transiti
iOS10からのAnimationがいい感じ！ - Qiita
こんにちは。現在Standard Cognition（ https://standard.ai )というSFにある会社でSoftware Engineerをやっている原健太です(Twitterアカウント) WWDC16で、iOS10から使えるアニメーションに関する新しい発表がありました。 動的なアニメーションの追加や、一時停止など、柔軟にいろんな事ができるようになっていたので、紹介したいと思います！ 従来のアニメーション まず、従来のアニメーションは、こんな感じで書いていたかと思います。 UIView.animateWithDuration(2.0, delay: 0, options: .CurveEaseInOut, animations: { // animation }) { _ in // completion }
システム標準っぽいアニメーション - Qiita
はじめに 一昔前の話になりますが、iOS 7から標準のアニメーションカーブが変更されたのはご存知でしょうか。勘の良い方なら、モーダルビューやプッシュなどのアニメーションがiOS 6以前よりも勾配が大きくなったようなイージングに変わったということにすぐ気付いたかと思います。しかしこのアニメーションカーブは UIViewAnimation や Core Animation では定数として用意されておらず、システム標準っぽいアニメーションに近づけるためには独自にカーブを設計するしか方法がないものと思っていました。……実はあるんです。iOS 7で UIView に追加されたメソッドを使えば、システム標準っぽいアニメーションを UIViewAnimation として適用することができます。お恥ずかしいことに3年経ってようやくそのメソッドの存在を知りまして、ググってみても情報量が圧倒的に少ない様子でし
Swiftで固いアルバムのようなアニメーションを作る - Qiita
iOSでのデフォルトのページビューはぺらぺらの紙のようなアニメーションですが、固いアニメーションをつくる方法を紹介します まずはデモ つくり方 基本的には、CATransform3DRotateを使ってLayerを回転させていきます 座標空間は図のようになっているため、今回はy軸を中心に回転させます view.layer.transform = CATransform3DRotate(transform2, CGFloat(M_PI), 0, 1, 0) このままだと、下図のようにViewの中心で回転してしまい、片開きの本に見えなくなってしまいます 左端を中心に回転させるには view.layer.anchorPoint = CGPoint(x:0, y:0.5) を設定します。この設定を入れると、水平方向にViewの幅の1/2分右にずれて表示されるため、X軸にCATransform3DT
UIBezierPathにCABasicAnimationでアニメーションをつける - Qiita
UIBezierPathはアニメーション可能ですが、いくつか嵌まったのでメモ。 UIViewのdrawRectをオーバーライドするのではなく、CAShapeLayer()を作成し、そのpathプロパティにUIBezierPathのCGPath(これ忘れがち)を設定すること。 CABasicAnimation(keyPath: "path")とやって pathを変化させることを教えてあげる。スペルミスをしても、なにもエラーを出してくれないので注意すること。（出す方法はあるのかな？） CABasicAnimationのformValueとtoValueにはUIBezierPathのCGPath(これ忘れがち)を指定する。型が不一致でもエラーをだしてくれないので注意すること。 // 引数で指定されたポイントに円をアニメーションしながら書く private func drawGraphPoint(
Objective-Cでアニメーションまとめ - Qiita
アニメーションさせるにはいくつか方法があるみたい。 beginAnimations:context:メソッドを使う animateWithDuration:animations:メソッドを使う CATransactionを利用する方法 CABasicAnimationを利用する方法 animateWithDuration:animations:を使う方法 animateWithDuration:animations:メソッドはクラスメソッドとして実行する。 （細かく指定する場合はanimateWithDuration:delay:options:animations:メソッドを使う） blockでコールバックが実行できるので、こちらのほうが簡単。 ちなみにイメージとしては animateWithDuration:animations:クラスメソッドのanimations:に変更したい値をb
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - kishikawakatsumi/UltimateGuideToAnimations
GitHub - AirtestProject/Poco: A cross-engine test automation framework based on UI inspection
iOS 10 時代のアニメーション / Introduction to UIViewPropertyAnimator
GitHub - facebookarchive/Keyframes: A library for converting Adobe AE shape based animations to a data format and playing it back on Android and iOS devices.
GitHub - onmyway133/awesome-ios-animation: :umbrella: A collection of iOS animation repos
