【3D開発のオトモ】サンプル多！3Dを操作できるlil-guiを理解する！

今回はWebで3Dを使った開発をする場合に必須とも言えるライブラリ「lil-gui」の使い方と、使い道がわかるサンプルについて紹介します！使い方はとても簡単で、即座に開発に導入できます！3Dのみに限らず通常のWeb制作の手助けにもなるのでぜひ身につけておきましょう！

Google認証システム「Google Authenticator」のPHPライブラリを読んで仕組みを理解します

ログインの2段階認証でよく使われるGoogle認証システムの「Google Authenticator」。PHPで簡単に認証システムが作成できるライブラリがGitHubに公開されていたので、そのコードを読んで認証のシステムを理解していきます。

【Procreate】調整機能の紹介！描いた絵をパワーアップさせよう！

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でモデルに関節を付け、アニメーションを追加していきます。