福田です！今回はプログラミングをするうえで、いやというほど出てくるオブジェクト指向について解説していきます！自分は学生時代、主にJavaを触っていたのですが学習する中でよくこの言葉をよく聞きました。 「Javaはオブジェクト指向言語だから」 ？？オブジェクト指向？？もちろん気になって調べるのですが、何度調べてもまぁわか...

福田です！今回は、3D開発をするうえで必須となるレイキャストについてご紹介します！3Dゲーム開発の世界では、プレイヤーの操作や環境とのインタラクションが、没入感あふれる体験を生み出す鍵となります。その中でも、レイキャスト（Raycast）は、ゲームオブジェクトの検出や選択、シーンとの相互作用を実現する強力なテクニックと...

新年あけましておめでとうございます！今年でアラサーになる男、福田です！本年もどうぞよろしくお願いいたします！2024年を振り返ってみると本当に多くの学びがあった一年でした！プロジェクトの課題に取り込む中で、「理解すること」と「実装すること」の間には大きな隔たりがあることを痛感しました。理論では分かっていても、実際の開発...

皆さんこんにちは！　福田です！今回はコリジョン周りでかなり大事な部分について解説していきます！ぜひ最後までお読みください！さて、物理演算を使用したゲーム開発で最も困るのが、衝突判定やリジッドボディの挙動が意図通りになっているか確認することですね。今回は、物理演算の状態を視覚的に確認できるスクリプトの実装方法と活用方法を...

こんにちは、チャリセです！今回は、Playcanvas上でプレイヤーが近づくと自動的に開き、離れると閉じるスライディングドアの実装方法について解説します。PlayCanvasは、WebGLベースの強力なゲームエンジンです。Javascriptを一から勉強しながらWebGLアプリやゲーム開発したい方におすすめです！では、...

みなさん、こんにちは！チャリセです！今回は、ウェブサイトやアプリケーションで使える、見た目の良い折りたたみドアの開閉アニメーションの作り方を紹介します。ReactとTailwind CSSを使って、シンプルながらインパクトのある UI コンポーネントを実装します。 今回紹介する内容では、以下のようなことができます。 ク...

福田です！今日はNVIDIAから公開されました"edify-3d"を試してみたいと思います！ここ最近はAIの進歩もめまぐるしく、ひと月と言わず半月単位で新しいツールが出ているような気もします。さて、今回試す”edify-3d”ですが、・360度画像を生成したのち、それを元にモデルを生成・四角ポリゴンで生成され、比較的ト...

こんにちは、チャリセです！最近のブログではビデオ通話機能の実装について説明しましたが、今回はAgora.ioを使用したライブ配信機能の実装方法について解説します。ライブ配信は1人の配信者と多数の視聴者という構成で、教育、エンターテインメント、イベント配信など様々な用途に活用できます。 1. ライブ配信とビデオ通話の違い...

こんにちは、チャリセです！最近Agora.ioを使ってメタバース空間にビデオ通話の実装作業をしています。今回は、Agora.ioを使用して、ウェブブラウザ上で動作する完全なビデオ通話アプリケーションを作成する方法を説明します。このアプリケーションには、基本的なビデオ通話機能に加えて、音声とビデオのミュート機能も含まれて...

こんにちは、チャリセです！今日は、日々のコーディングを格段に効率化してくれるJavaScriptの便利なメソッドについてご紹介します。これらのメソッドを使いこなせば、よりクリーンで読みやすいコードが書けるようになりますよ。それでは、さっそく見ていきましょう！1. Array.prototype.map()map()メソ...