{"id":13786118,"url":"https://github.com/49hack/unity-ui-image-alphamask","last_synced_at":"2025-05-11T22:30:41.632Z","repository":{"id":215847839,"uuid":"142661426","full_name":"49hack/unity-ui-image-alphamask","owner":"49hack","description":"uGUI ImageにAlphaMaskをかける実装","archived":false,"fork":false,"pushed_at":"2018-07-28T12:03:36.000Z","size":288,"stargazers_count":18,"open_issues_count":0,"forks_count":7,"subscribers_count":1,"default_branch":"master","last_synced_at":"2024-11-17T22:36:10.592Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"C#","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/49hack.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2018-07-28T08:41:29.000Z","updated_at":"2024-10-19T11:09:23.000Z","dependencies_parsed_at":"2024-01-17T05:13:57.376Z","dependency_job_id":"a0bae4e4-1b4b-495a-bb85-221935472533","html_url":"https://github.com/49hack/unity-ui-image-alphamask","commit_stats":null,"previous_names":["49hack/unity-ui-image-alphamask"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/49hack%2Funity-ui-image-alphamask","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/49hack%2Funity-ui-image-alphamask/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/49hack%2Funity-ui-image-alphamask/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/49hack%2Funity-ui-image-alphamask/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/49hack","download_url":"https://codeload.github.com/49hack/unity-ui-image-alphamask/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253645078,"owners_count":21941311,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-08-03T19:01:09.900Z","updated_at":"2025-05-11T22:30:41.122Z","avatar_url":"https://github.com/49hack.png","language":"C#","funding_links":[],"categories":["Mask"],"sub_categories":[],"readme":"Unity-UI-Image-AlphaMask\n===\nUnityのuGUI ImageにAlphaMaskを適用するための実装です。\n![Unity](https://unity3d.com/profiles/unity3d/themes/unity/images/company/brand/logos/primary/unity-master-black.svg \"Unity logo\")\n\n## 概要\nUnity標準のuGUI-Maskコンポーネントは、ステンシルを使って画像をクリップするため境目にジャギーが出てしまいます。\nUnity-UI-Image-AlphaMaskは、マスク画像のアルファ値を使って画像をクリップすることで、境目のアルファフェードを実現し、ジャギーのないマスク表現を行うためのコンポーネントです。\n\u003cimg width=\"647\" alt=\"2018-07-28 17 58 50\" src=\"https://user-images.githubusercontent.com/30557808/43354909-aedc4ad8-928e-11e8-9e66-527ef830b7bd.png\"\u003e\n\n## 開発バージョン\nUnity2017.3.1f1\n\n## 導入方法\n1. Assets/UI-AlphaMask/フォルダをプロジェクト内の任意の場所へコピーしてください。\n2. Mask画像をセットしたImageを作成して、UIImageAlphaMaskコンポーネントをアタッチしてください。\n3. 2.で作成したマスクオブジェクトの下に、マスクを適用したいImageを作成します。\n\n## 制限事項\nこのコンポーネントには、以下の制限があります。\n\n* CanvasのRenderModeがScreenSpaceCamera/WorldSpaceであること\n* CanvasのworldCameraがOtrhographicであること\n* Maskの回転、タイリング、9スライスは使用できない\n* Mask画像はWrapModeをClampに設定し、画像端の1ピクセルをアルファ0で描くこと\n\n# 技術的な解説\n技術的な解説は、以下のブログで書いています。\n\n[【Unity】uGUI ImageでAlpha Maskを使えるように実装する方法](http://appleorbit.hatenablog.com/entry/2018/07/28/210058)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F49hack%2Funity-ui-image-alphamask","html_url":"https://awesome.ecosyste.ms/projects/github.com%2F49hack%2Funity-ui-image-alphamask","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F49hack%2Funity-ui-image-alphamask/lists"}