CSS3D：最小タグでの実験

· by · in

See the Pen CSS 3D experiment by KaBuKi (@kabuki) on CodePen.

See the Pen Eclipse by KaBuKi (@kabuki) on CodePen.

結論からいえば、「:before」「:after」の擬似要素を使うことで1つのタグで3面作ることができるため、立方体はタグ2つで作ることができる。

しかし「1つの立方体」として要素をまとめる必要もあるので、結果的には親タグ1つに子タグ2つが好まい。

ゲームのポリゴンは1面が三角形だが、Webでは四角形なるので球を作るのは大変そう（そもそもポリゴンって考えじゃないし）

マイクラ風とかドット絵3Dなら簡単に作れそう。
ガチに3DやるならUnityでもやれって話ですが

筆者について

KaBuKi
ゲームとジョジョを愛するファミッ子世代。好きな言葉は「機能美」。
公私ともにWebサービスを作る系男子。