HTML+CSSでの3Dの実装についてHTML+CSSで3Dを表現するのは一般的な3DCGと同じようにテクスチャーを用意してそれをdivタグなどに貼り付ける形で実装しているようです。transformsを駆使して実装する形のようです。CodePen.ソースコードも公開されているので興味のある人はこれを見ると良いかもしれません。作者のページその他の詳細について知りたい人は作者のページを見たほうが良いでしょう。興味のある人はぜひ作者のページを訪れて解説を読むことをおすすめします。FPS」の紹介でした。私も過去にはCSSドラえもんを作ったりといろいろCSSで遊んだりしていましたが、CSSでここまで表現できるのかととても勉強になりました。DemoはJavascriptなしで表現されているのは本当に驚きです。ソースを見てもhtml+CSSのみで作られています。divにテクスチャー画像を貼って表現しているのですが、それで一つ一つ部屋や階段を表現したりするのはかなり大変だと思います。FPSのように移動したりも可能なのですが、それもしっかり階段に合わせて視点がズレますし、箱の上に乗れたり良くできています。銃が撃てたら最高だったのですが、それはできませんでした。今回のデモサイトを見て改めてCSSでできることの幅広さを知ることができてよかったです。興味のある人は一度訪れるといい刺激がもらえますよ!TagWebデザインCSSHtmlFPSわぶさんパソコンやスマホなどのガジェットに興味があり、大学で情報工学の勉強してシステムエンジニアに。ブログ歴は15年以上。スキルレベル4「情報セキュリティスペシャリスト」や「ネットワークスペシャリスト」などを取得。Ranking当ブログにリンクしてくださっているサイトの中でアクセス数の多いサイト上位15位が表示されます。