JavaScript | SHERPA TIMES

Tagged
車から学ぶ!オブジェクト指向の考え方!【#JavaScript】
福田です!今回はプログラミングをするうえで、いやというほど出てくるオブジェクト指向について解説していきます!自分は学生時代、主にJavaを触っていたのですが学習する中でよくこの言葉をよく聞きました。 「Javaはオブジェクト指向言語だから」 ??オブジェクト指向??もちろん気になって調べるのですが、何度調べてもまぁわか...
PlayCanvasのマテリアルシステム大幅アップデート:シェーダーからシェーディングモデルへの進化
こんにちは、チャリセです!今回はPlaycanvasのシステムのアップデートについて紹介します。PlayCanvasはshaderプロパティをshadingModelに置き換える更新を行いました。以下に画像レンダリングコードの更新方法を説明します:以前のシステム(変更後) // 古いバージョン material.sha...
【PlayCanvas】PlayCanvasで学ぶ物理デバッグ表示!!
皆さんこんにちは! 福田です!今回はコリジョン周りでかなり大事な部分について解説していきます!ぜひ最後までお読みください!さて、物理演算を使用したゲーム開発で最も困るのが、衝突判定やリジッドボディの挙動が意図通りになっているか確認することですね。今回は、物理演算の状態を視覚的に確認できるスクリプトの実装方法と活用方法を...
PlayCanvasでインタラクティブなスライディングドアを実装する方法
こんにちは、チャリセです!今回は、Playcanvas上でプレイヤーが近づくと自動的に開き、離れると閉じるスライディングドアの実装方法について解説します。PlayCanvasは、WebGLベースの強力なゲームエンジンです。Javascriptを一から勉強しながらWebGLアプリやゲーム開発したい方におすすめです!では、...
JavaScriptの便利なメソッド、 例と説明
こんにちは、チャリセです!今日は、日々のコーディングを格段に効率化してくれるJavaScriptの便利なメソッドについてご紹介します。これらのメソッドを使いこなせば、よりクリーンで読みやすいコードが書けるようになりますよ。それでは、さっそく見ていきましょう!1. Array.prototype.map()map()メソ...
【PlayCanvas】JavaScriptで効率よく処理しよう!
福田です!今回はPlayCanvasでEntityの制御をするうえで大事なJavaScriptの知識をいくつか紹介します!知っているだけで簡単になるかもしれない処理はたくさんあるので、積極的に学んでいきましょう! アロー関数(Arrow Function) アロー関数は、ES6で導入された新しい関数の記法です。従来の関...
ビデオチャットのボーダーアニメーション:シンプルな実装ガイド
こんにちは、チャリセです!今回は、Zoomのようなビデオチャットアプリケーションでよく見られる面白い機能を実装する方法をご紹介します。それは、話者の音量に応じてビデオの周りのボーダーの色が変化するアニメーション効果です。まずは、機能の概要を説明します。この機能は以下の要素で構成されています。1. ビデオ表示領域(今回は...
PlayCanvasで動的に画像をフェッチしてレンダリングする方法
こんにちは、チャリセです!今回は、PlayCanvasを使って動的に画像をフェッチし、3Dオブジェクトにレンダリングする方法について詳しく解説していきます。この技術は、ゲーム内のテクスチャを動的に更新したり、ユーザー生成コンテンツを表示したりする際に非常に有用です。 コードの概要今回紹介するコードは、「FetchIma...
【PlayCanvas】html,CSSを使ってUIを表示してみよう!【Web】
福田です!今回は、html,cssを用いてPlayCanvas上にUIを追加する方法について解説していきます!今回は、ボタンを生成し、そのボタンを押すことでBoxのカラーが変わるようなものに挑戦しましょう!ではよろしくお願いします! 必要ファイルの準備 ボタンを生成するのに必要なのは、html,css,jsの3つのスク...
【PlayCanvas】オブジェクトを移動させよう!【RigidBody】
福田です!今回はRigidBodyを使ったオブジェクト移動について書いていきます! 1.RigidBodyコンポーネントの概要 RigidBodyは、物理シミュレーションにおいてオブジェクトの動きを制御するためのコンポーネントです。これにより、重力や衝突などの物理現象をシミュレートすることができます!今回はプロジェクト...