【VoxEdit/MagicaVoxel】The Sandboxのアセットをデザインをする！~アニメーション編~

The SandboxのASSETのデザインをする第四回目！今回はVoxEditで前回作ったモデルにアニメーションを付けていきます。VoxEditは他のアニメーション作成アプリと比べると使い方がかなりシンプルで根気さえあればだれでもできます！そんなVoxEditの使い方などを紹介しました。

【VoxEdit/MagicaVoxel】The Sandboxのアセットをデザインをする！~イラスト編~

The Sandboxで使うことのできるASSETのデザインをしていく第二弾のイラストを描いてみました。完成をイメージしながらProcreateでイラストを描いて行きます。

【Next.js】devでローカル立ち上げたらWebSocketが接続できなかった話

Next.jsをデプロイしようと色々いじってたら、「websocket.js?a9be:62 WebSocket connection to 'ws://localhost:3000/_next/webpack-hmr' failed: WebSocket is closed before the connection is established.」という警告が出ました。その原因についてまとめておきます。

【VoxEdit/MagicaVoxel】The Sandboxのアセットをデザインをする！~導入編~

The SandboxのASSETのデザインを行っていこうと思います。近々α版が、今年中には完成版がリリースされる予定のThe Sandbox。 そのためにゲームの中で使えるアセットの見た目を作ります。MagicaVoxelでモデルを作り、VoxEditでモデルに関節を付け、アニメーションを追加していきます。

Three.jsのジオメトリ（Geometry）の総まとめ【前編】

Three.jsの3Dオブジェクトはジオメトリとマテリアルの組み合わせでできています。特に重要な形状を作るジオメトリについて、（個人的に）どこよりも詳しく、わかりやすくまとめます。用意されているジオメトリの数が多いため前編後編に分けています。この記事の前編だけでもかなりジオメトリについて理解が深まると思います！