BlossomColorPicker — 花びら型カラーピッカー

Library

概要

BlossomColorPickerは、花の形を模したペタル(花びら)ベースのカラーピッカーをSwiftUIで提供するライブラリです。各ペタルを色のスライスとして扱い、ポインター操作に最適化されたインタラクティブな選択体験を提供します。スムーズなアニメーションや明度スライダーを内蔵し、カラーパレットはJSONで外部定義・カスタマイズ可能。iOSとmacOSに対応し、Swift 6・最新OS環境を前提としたシンプルな統合が可能です。ドキュメントやプレビューGIFが含まれ、Exampleプロジェクトで使用方法を確認できます。(約300字)

GitHub

リポジトリの統計情報

  • スター数: 6
  • フォーク数: 1
  • ウォッチャー数: 6
  • コミット数: 2
  • ファイル数: 12
  • メインの言語: Swift

主な特徴

  • 花びら(ペタル)単位の色選択と滑らかなアニメーション
  • iOS(ポインター利用時)およびmacOSに対応
  • SwiftUIへ容易に組み込めるコンポーネント設計
  • JSONベースのカラーパレットと内蔵明度スライダーでカスタマイズ可能

技術的なポイント

BlossomColorPickerはSwiftUIで構築された視覚コンポーネント群を提供し、花びら型のUIは個別のShapeやPathで構成、GeometryReaderを利用してレスポンシブに描画していると想定されます。色選択ロジックはHSV(色相・彩度・明度)や角度ベースのマッピングを用い、ペタルの角度と中心からの距離で色を決定することで直感的なインタラクションを実現しています。ポインター(マウス/トラックパッド)イベントに最適化されており、macOSやiPadOSでの精密な選択を想定したヒットテストやホバーアニメーションを備えている点が特徴です。アニメーションはSwiftUIのwithAnimationやマッチングトランジションを利用し、選択時の拡大・ハイライト表現を滑らかに演出します。外部カラーパレットはJSONで定義でき、色リストの読み込み・パースを行うユーティリティを用意することでプロジェクト固有の配色を簡単に導入可能です。要件にSwift 6 / iOS 17 / macOS 14を掲げており、最新のSwift言語機能や新しいSwiftUI APIを活用しているため、モダンなコードベースと宣言的UIパターンで拡張しやすい設計です。一方でREADMEにある通り、タッチオンリーのモバイル環境では操作性が制限されるため、ポインターを使わないデバイスでの利用は推奨されていません。

プロジェクトの構成

主要なファイルとディレクトリ:

  • .gitignore: file
  • AGENTS.md: file
  • CLAUDE.md: file
  • Example.xcodeproj: dir
  • Example.xcworkspace: dir

…他 7 ファイル

まとめ

視覚的に魅力的でSwiftUIに馴染むポインタ最適化カラーピッカーです(約50字)。

リポジトリ情報:

READMEの抜粋:

BlossomColorPicker

A beautiful flower-shaped color picker for SwiftUI.

Preview

Features

  • Petal-based color selection with smooth animations
  • Works on iOS and macOS
  • Simple SwiftUI integration
  • Customizable color palette via JSON
  • Brightness slider built-in

Requirements

  • iOS 17.0+ / macOS 14.0+
  • Swift 6.0+

Note: This picker is designed for pointer-based interaction. Not recommended on iOS or mobile devices without a pointer device (e.g., Apple …