
サイコロゲームで比較!React Three Fiber vs Framer Motion
約9分
同じサイコロゲームをReact Three Fiber(本格3D)とFramer Motion(CSS疑似3D)の2つのアプローチで実装。それぞれの特徴と使い分けを解説します。

同じサイコロゲームをReact Three Fiber(本格3D)とFramer Motion(CSS疑似3D)の2つのアプローチで実装。それぞれの特徴と使い分けを解説します。

ブラウザで遊べる一人麻雀ゲームを React と Framer Motion で実装します。牌のアニメーション、役判定、リーチ・ドラ・フリテンなど本格的な機能を解説します。

Motion(旧 Framer Motion)の基本から応用まで解説。motion.div、variants、AnimatePresence、useScroll、ドラッグ、レイアウトアニメーションなど、実践的なデモとともに紹介します。独立プロジェクト化に伴う名称・パッケージ移行(framer-motion から motion へ、import は motion/react)にも対応。