Communitygithub.com

3Dロゴ

React Three Fiberを使用して、任意のロゴ画像から3Dスピニングコイン/メダルエフェクトを作成します。輪郭を自動検出し、単色背景を除去し、クローム縁のコインを構築し、環境反射を追加します。3Dロゴ、スピニングロゴ、コインエフェクト、メダルアニメーションに使用できます。

3Dロゴ とは?

このスキルは、React Three Fiberを活用して、ロゴ画像を3Dのスピニングコインまたはメダルエフェクトに変換します。ユーザーにとっての利点は、輪郭の自動検出、単色背景の除去、クローム縁のコイン構築、環境反射の追加など、高度な3Dレンダリング機能を手軽に利用できることです。主にウェブ開発やプレゼンテーション、ブランドマーケティングなどで活躍し、Reactベースのプロジェクトに統合できます。仕組みとしては、SVGまたはラスタ画像を入力として受け取り、Three.jsのシーンで3Dオブジェクトとしてレンダリングします。スピンアニメーションや反射効果も自動で適用され、印象的なビジュアルを提供します。

対応~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/hasuwini77/3d-logo-skill/tree/main/skills/3d-logo

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

3Dロゴ は何をしますか?

React Three Fiberを使用して、任意のロゴ画像から3Dスピニングコイン/メダルエフェクトを作成します。輪郭を自動検出し、単色背景を除去し、クローム縁のコインを構築し、環境反射を追加します。3Dロゴ、スピニングロゴ、コインエフェクト、メダルアニメーションに使用できます。

関連スキル