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

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

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

Framer Motionの基本から応用まで徹底解説。motion.div、variants、AnimatePresence、useScroll、ドラッグ、レイアウトアニメーションなど、実践的なデモとともに紹介します。