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

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

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

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

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

皆さん、こんにちは！ チャリセです。今回は、PlayCanvasのコリジョンとAgora.ai のボイスチャットを組み合わせてインタラクティブな３D音声チャットルームを作成する方法を紹介します。■ 必要な環境の準備1. PlayCanvas のアカウント2. Agora.io のアカウント ■ 手順1. Pl...

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

こんにちは！チャリセです。Googleカレンダーに「予約スケジュール」という機能があることはご存じでしょうか？この機能を使えば自動で予約を受け付けることが可能です。お打ち合わせの日程決める際、候補日の確認などで何度かメールのやり取りする必要があるときはこの機能がとても便利です。もちろん店舗やその他のジャンルでも活躍でき...

皆さん、こんにちは！チャリセです。今回はJavascriptのクラスコンストラクタを使って、もっとクリエイティブな内容を実現する方法について情報を共有します。JavaScriptはその柔軟性で多くの開発者を魅了していますが、クラスコンストラクタを使うことで、この言語の可能性をさらに引き出すことができます。今回はいくつか...

Hello！チャリセです。皆さん、ウェブアプリの開発を簡単かつ効率的に行うことができるJavascriptフレームワーク「Svelte」をご存じですか？今日はSvelteについて情報を共有させていただきます！ Svelteは現代のフロントエンド開発に革命をもたらしたJavaScriptフレームワークの一つです。その主な...