こんにちは、チャリセです！今回はPlaycanvasのシステムのアップデートについて紹介します。PlayCanvasはshaderプロパティをshadingModelに置き換える更新を行いました。以下に画像レンダリングコードの更新方法を説明します：以前のシステム（変更後） // 古いバージョン material.sha...

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

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

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

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

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

Hello 、チャリセです！今回はJavascriptの知っておくと便利なメソッドについて情報を共有します！JavaScriptでは、オブジェクトをプロパティとして関数を定義することができます。オブジェクトがプロパティとして持っている関数のことをメソッドと呼びます。メソッドはそのオブジェクトのデータを表現するのに適して...

こんにちは、チャリセです！今回は、Javascriptの便利な演算子を紹介いたします。Javascriptには、ES2020から二つの新しい便利な演算子が導入されました。それが「?.」(Optional Chaining)と「??」(Nullish Coalescing)です。これらの演算子は、nullまたはundef...

Hello！JavaScriptのES6デストラクチャリングをご存じですか？JavaScriptのES6デストラクチャリング構文は、データ構造を扱うための強力な方法を提供し、コードの冗長性を大幅に減らし、読みやすさを向上させます。これらのテクニックをマスターすることは、すべてのJavaScript開発者にとって価値ある...

　近代のWeb開発では、非同期処理を適切に扱うことが、レスポンシブでインタラクティブなアプリケーションを作成する上で重要です。過去にはJavaScriptで非同期タスクを処理することは難しいものでしたが、async/awaitとPromiseの登場により、このプロセスが大幅に簡素化されました。このブログ記事では、jQu...