WinUI3でとりあえずなんか動かしたいときの下準備
最近、WinUI3を触るようになってきました。 皆さんだいたい新しいものを使うときには、どんな風に書くのか動くのかを試すのにやまほど新規にプロジェクトを作ると思うのですが、WinUI3はそれがなにかとめんどくさいので私なりの手順をメモ。 2024-09-23時点 Visual Studio 2022 Version 17.11.4 Microsoft.WindowsAppSDK 1.6.240829007 ※今のところWindowsで動くもので、storeなんかで配布するようなものじゃないもの、しかやらないので、それに特化しています。 1. WinUI3のプロジェクトを作る 一番上のやつ。 2. パッケージのアップデート まだまだアップデートが頻繁なので。 3. csprojの編集 3.1 WindowsPackageVersion まずこれを追加する必要があります。
【Unity】ピンチした位置を中心にズームする
Unityを用いたスマートフォン向け2Dアプリ開発で、ピンチした位置を中心にズームする方法です。検証に利用したUnityバージョンは2022.3.38f1です。 ピンチでズームする場合には、CameraのorthographicSizeを変更する方法とズーム対象のオブジェクトのスケールを変更する方法の2通り考えられますが、今回は後者の方法を採用しています。 using UnityEngine; public class PinchZoom : MonoBehaviour { [SerializeField] Transform pinchTarget; [SerializeField] float pinchSensitivity = 0.01f; // スクリーン位置からワールド位置を求めるメソッド。カメラが(0, 0)にある前提。 public static Vector2 Conve
詳解UIWindow
2024/08/22(木)~24(土)に開催されたiOSDC Japan 2024で発表した2024/08/23 15:40〜 Track A「詳解UIWindow」の資料です
uGUIのButtonをプログラムから押す方法【Unity】【uGUI】 - (:3[kanのメモ帳]
この記事でのバージョン Unity 2022.3.21f1 はじめに UnityのuGUIではButtonというコンポーネントを使う事で、 押した時に処理が実行できるボタンを簡単に実装出来ます。 今回はそのButtonをプログラムから押す方法の紹介です！ なお、「タッチ(マウス)操作とゲームパッド操作に両方に対応したい」 「コントローラーで決定した時もボタンを押したように見せたい」みたいな時に役立つかと思います。 なお、記事中では以下のアセットを使っています。 Clean & Minimalist GUI Pack - Unity Asset Store uGUIのButtonをプログラムから押す方法 早速ですがButtonを押した状態にするにはOnPointerDown、 それを解除するにはOnPointerUpを使います。 using System.Threading.Tasks;//
![uGUIのButtonをプログラムから押す方法【Unity】【uGUI】 - (:3[kanのメモ帳]](https://cdn-ak-scissors.b.st-hatena.com/image/square/b60ba0ebc543b71a10ecf570f32391a60934594d/height=288;version=1;width=512/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2F9df3b8a10bc0d7b35f7f342344c0f69bbbeaf29e%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fk%252Fkan_kikuchi%252F20240821%252F20240821071851.gif)
ゲームパッド(コントローラー)の接続/切断や、現在のゲームパッドの種類を取得する方法【Unity】【Input System】 - (:3[kanのメモ帳]
この記事でのバージョン Unity 2022.3.21f1 Input System 1.7.0 はじめに 今回はUnityの公式機能であるInput Systemで、 ゲームパッド(コントローラー)の接続/切断や、現在のゲームパッドの種類を取得する方法の紹介です！ なお、Input Systemの導入や基本的な使い方は以下の記事を参照の事。 UnityのInput Systemで現在のゲームパッドの種類を取得する方法 まず、デバイスの接続/切断はInputSystem.onDeviceChangeで取得出来ます。 具体的なコードだと以下のような感じに。 private void OnEnable(){ //デバイスの接続/切断のイベントに処理登録 InputSystem.onDeviceChange += OnDeviceChange; } private void OnDisable(
![ゲームパッド(コントローラー)の接続/切断や、現在のゲームパッドの種類を取得する方法【Unity】【Input System】 - (:3[kanのメモ帳]](https://cdn-ak-scissors.b.st-hatena.com/image/square/f12c5599e598a7ea427a3597eead132e738a96b1/height=288;version=1;width=512/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2F12a0bbde86270e4550a10838ca6c15a10fafc821%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fk%252Fkan_kikuchi%252F20240806%252F20240806134416.png)
【Unity】hidapiでラグが発生する話
経緯 InputSysmtemでもInputManagerでも入力が受け取れないコントローラーをunityで使いたい。 InputSystemのカスタムコントローラー、うまく使えない hidapi使ったらなんとかできた～ なんかたまにラグが出るんだけどぉ？ って話です。 こんなことしてる人いる気しないんですが結構苦戦したので残しておこうと思います。 原因と対策 大体この記事に書いてあります。 原因 ざっくりいうと「入力のバッファーがあるんだけど、それが古い方からとられることがあるよ」とのこと。 対策 記事では以下のように、HidD_SetNumInputBuffersを使ってバッファーを制限することで対処していました。 HidD_SetNumInputBuffers(device, size); 関数持ってくるのに苦戦したので、今回は関数を持ってくるんじゃなくてデバイスの初期化時の設定バッ
Photino: Native, Cross-Platform Web UI Desktop Apps
Build native, cross-platform desktop apps that are lighter than light. Photino is a lightweight open-source framework for building native, cross-platform desktop applications with Web UI technology. Native Applications Photino enables developers to use fast, natively compiled languages like C#, C++, Java and more. Use your favorite development frameworks like .NET. Cross-Platform UI Build desktop
簡単にUIを良い感じに盛れるシェーダー Deco-UI【Unity】【uGUI】【Shader】 - (:3[kanのメモ帳]
この記事でのバージョン Unity 2022.3.21f1 はじめに 今回は簡単にUIを良い感じに盛れるシェーダー 「 Deco-UI」の紹介です！ Deco-UIの使い方 まずは導入からですが、以下のページから購入(100円)し、zipをダウンロードしてきて解凍します。 【uGUI用シェーダー】Deco-UI【Unity】 - 汎化部門 - BOOTH その後、中に入ってるunitypackageをダブルクリックするか、 プロジェクトにドラック&ドロップして展開すれば導入完了です。 あとは他のシェーダー同様に、マテリアルでUI/decoUIを選択するだけ。 なお、Scene上だとUnityを再生してなくても動くので調整もしやすかったりします。
![簡単にUIを良い感じに盛れるシェーダー Deco-UI【Unity】【uGUI】【Shader】 - (:3[kanのメモ帳]](https://cdn-ak-scissors.b.st-hatena.com/image/square/00a57621050284d8fc7e2b7bde1e5adbeef76880/height=288;version=1;width=512/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2Fb37f2d9e591c69d6336b4ea8e3635d37096ee189%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fk%252Fkan_kikuchi%252F20240804%252F20240804073826.gif)
ファンパレ「夢幻廻楼」技術の裏側 ~ UI表現編~ - Sumzap Engineering Blog
はじめに 夢幻廻楼の特徴と、階層オブジェクトが光る表現が必要な理由 階層オブジェクトが光る表現の作り方 階層オブジェクトのシルエット画像を撮影する方法 シルエット画像を使ったUI効果 階層が光る表現の工程をまとめ パフォーマンス担保のための工夫点 アウトライン表現の軽量化 グローのためのぼかし処理 おわりに はじめに サムザップの『呪術廻戦 ファントムパレード（以下、ファンパレ）』開発チームに所属している二宮です。リリースしてから半年が経ち、新コンテンツ「夢幻廻楼」をリリースしました。このコンテンツでは、3Dを使用してライティングを施したリッチなグラフィックを提供しています。 以前は、ファンパレ「夢幻廻楼」技術の裏側 ~ 天候変化編~として、無限に登れる塔の仕組みや天候変化の実装方法について触れましたが、この記事ではUI表現の工夫点として、階層オブジェクトがどうできているかについてお話しし
【Unity】Input Systemでシングルタップとマルチタップを判別する
マウスのシングルクリックとダブルクリックのどちらかを判定する方法を知りたいの。 Input SystemのInteractionを活用すれば出来るわ。シングルクリック判定との共存をどう解決していくかを交えて解説していくわ。 Input Systemの環境下でマウスやタッチパネルのクリック・タップとマルチクリック・マルチタップを判別する方法の解説記事です。 判別方法としては、主に次の2種類が考えられます。 判別方法 シングルタップとマルチタップのイベントを同時に拾う シングルタップ判定の遅延が無いが、マルチタップ時にシングルタップのロールバックが必要 シングルタップとマルチタップのイベントを排他的に拾う ロールバック処理は不要だが、シングルタップ判定まで遅延がある それぞれの方法には一長一短があり、状況に応じて使い分けるのが適切でしょう。 このようなシングルタップとマルチタップの判別方法は、
[Unity] Attributeいろいろ - Qiita
のように、変数やクラスの前にある[]内の定義のことです。 Unityでよく使うor便利なAttributeをまとめてみました。 実際に試すのが一番わかりやすいので、下記のスクリプトを空のGameObjectにアタッチし、子の階層にCreate>3DObject>Cubeしてみてください using System; using UnityEngine; using Unity.Cinemachine; // [MinMaxRangeSlider()] #if UNITY_EDITOR using UnityEditor; #endif namespace Elix.Test { //Classにヘルプを追加します [HelpURL("https://docs.unity3d.com/2022.3/Documentation/ScriptReference/HelpURLAttribute.h
![[Unity] Attributeいろいろ - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/50dfb67dff4aa7b1e5a5f03f580cd296c51d088a/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGNTk5MTElMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2OTUwNzM_aXhsaWI9cmItNC4wLjAmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmZtPXBuZzMyJnM9YTMxYTA1ZDM0ZDYwZWM3YzkyOTAxYzkxODc1MDhkMjg%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253Ddfd468c6b160bd904db93ac71e8c277d%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JTVCVW5pdHklNUQlMjBBdHRyaWJ1dGUlRTMlODElODQlRTMlODIlOEQlRTMlODElODQlRTMlODIlOEQmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtcGFkPTAmcz1lYTczMWFlNjQyZGJkYjhkMzQ1OGFhMmVjMzUxNTllMg%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBFTElYSVImdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtcGFkPTAmcz05YWRmMDZjNzM0NjU3NmRlZDczM2JlYTQxNjg4ZTU2MQ%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3Df07e23149f840d65eaefa880910987ea)
[WWDC24] SwiftUIの新機能のまとめ | Spinners Inc.
WWDC24の What’s new in SwiftUI のまとめです。 今回、このセッションで紹介される項目の数が例年以上に多すぎてびっくりでした。 セッションでは短い間隔でポンポンとたくさんの機能が流れるように紹介されていきます。 このまとめでは、セッションでは軽く触れられた程度の内容も、APIリファレンスへのリンクをつけるなどしてもう少しだけ補足します。 このセッションを視聴する/この記事を参照する目的は、WWDC24で発表されたSwiftUIの新機能をさらっと把握し頭の中にインデックスを貼ることだと思います。 サイドバー/タブバーサイドバー/タブバーがより柔軟にフローティングタブバーをサポート項目の並び替えや使用頻度の低いオプションの非表示など、ユーザーが自分好みにカスタマイズすることもできる TabViewに内包する要素も新しいタイプセーフな書き方にstruct Karaoke
![[WWDC24] SwiftUIの新機能のまとめ | Spinners Inc.](https://cdn-ak-scissors.b.st-hatena.com/image/square/80437e0351ffe731482c12620ec315500b9e942a/height=288;version=1;width=512/https%3A%2F%2Fspinners.work%2Fimages%2Fwwdc24-whats-new-in-swiftui%2Ftop.jpg)
UnrealEngine UI 「ミニマップのアイコン」や「頭上のHPバー」など動くUIの作り方 - Qiita
UE Tokyo .dev #3 (2024.06) ほしいもん 合同会社パレットイブ 奥井 健 X、Qiita：@hoshiimonn はじめに 今回お話するのは アクションゲームによくある 「ミニマップのアイコン」や 「頭上のHPバー」 など常に動き続ける2Dをいかに効率的に描画するかというお話です。 エンジニア向け、C++が出てきます。 例 ミニマップのアイコンや記号 頭上のアレ 弾幕シューティングの弾 ヒットダメージ こういうやつです。 結論 Widgetを個々に作らずSlateの関数を直接使おう！ どういうことかと言うと、専用のWidgetを１つだけ作ってそのOnPaint関数内で Slateの関数を呼び出して矩形を描画するという方法です。 こんな感じで複数のアイコンを描画できる１つのWidgetを作成します 使う関数はこれです static void MakeBox( FSla
Windows11のコンテキストメニューを旧仕様に戻す方法 - Qiita
概要 Windows11のコンテキストメニューをWindows10までの従来仕様に戻すスクリプトをまとめた話です。 ググれば同じ話はいくつも出てくるのでn番煎じ感が強いですが、PowerShellだけで行ってる例は少なかったので、そこは新規性があるかも？ コンテキストメニューって？ エクスプローラやデスクトップ上などでファイルとか何もない場所を右クリックしたときに表示されるメニューのことです。 このコンテキストメニュー、Windows10までとWindows11で仕様が大きく異なります。 Windows11では表示をすっきりさせるためなのか、従来のほとんどの操作は非表示になっています。 なので、例えば7zipでの解凍・VSCodeで開く・送るなどの操作をしたい場合は「その他のオプションを確認」をクリックして従来のコンテキストメニューを表示してから対象操作を選択する必要があります。とてもつら
生成UIで変わるのはデザイン作業効率化だけではない
AppleとGoogleが見据える生成UIの世界AIを活用した今後のUIデザインを考察する上で、プラットフォームを開発するAppleとGoogleの動向は注目です。両社ともマルチモーダル大規模言語モデル(Multimodal Large Language Model / MLLM)の研究を進めており、その成果が公開されています。 Recent advancements in multimodal large language models (MLLMs) have been noteworthy, yet, these general-domain MLLMs often fall short in their ability to comprehend and interact effectively with user interface (UI) screens. In this p
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
iOS/iPadOSの多様な「ViewController」の徹底解説と実装例
Announcing Uno Platform Solution Template Wizard for JetBrains Rider
なぜ宣言的 UI は壊れにくいのか / Why declarative UI is less fragile
ノンデザイナーでもできる。直感的で使いやすいUIの設計方法
UE5&Web OverlayでコスパよくUIをつくる | ドクセル