はりうすブログ (のすけのメモ)

湘南にある小さな会社 代表 ”のすけ”のブログです

【Unity道場5】衝突判定をせよ

問題1:衝突判定をせよ キューブオブジェクトを上から落として、地面にぶつかった時にオブジェクトを削除してください。 回答例 using System.Collections; using System.Collections.Generic; using UnityEngine; public class CollisionTest : MonoBehavio…

【Unity道場4】マウスクリックを検出せよ

問題:マウスクリックを検出せよ ゲームオブジェクトのマウスクリックを検出してログを出力してください。 回答例 using System.Collections; using System.Collections.Generic; using UnityEngine; using UnityEngine.EventSystems; public class PrefabDe…

【Unity道場3】ゲームオブジェクトを動的に生成せよ

こんにちはUnityの書籍を何も考えずに言われるままにゲームを作っても全く!!!覚えておらず 一向に手放しでゲームを作れるようになれる気がしないため始まったUnity道場の3回目です。 問題1:ゲームオブジェクト動的に生成せよ 回答例 解説 実行結果 問題2…

【Unity道場2】ゲームオブジェクトを表示、非表示

ゲームオブジェクトを表示、非表示をやります 問題1:ゲームオブジェクトを非アクティブにせよ 解答例 問題1:ゲームオブジェクトを非アクティブにせよ ゲームオブジェクトを非アクティブにせよ 解答例 using UnityEngine; public class Test : MonoBehaviou…

【Unity道場1】座標を移動させる方法:問題文つき (Transformコンポーネント)

Unityの書籍を使っていくつかゲームを作った後に気付きました。 何も身についてねぇーーー!本見ないと何にもできねxあーーー! ということで、基本に立ち返って、ゲームを作る前にGameObjctの操作方法をC#のスクリプトレベルで覚え直すことにしました。 ま…

UnityのWebGLビルドしたファイルを読み込んでも進まない時

こちらに解決策がありました note.com Unity Editor 2020.1.4.f1の場合(圧縮)Edit->Project Settings->Player ->(WebGL)Publishing Settings -> Compression Format : gzipEdit->Project Settings->Player ->(WebGL)Publishing Settings -> Decompression fa…

Unityでのシーン間のデータの受け渡し方法6選

Unityで複数のシーン間でデータの受け渡しをする方法を調べました。 staticな変数に保持しておく シングルトンを利用 (非推奨)DontDestroyOnLoadを利用 マルチシーンを利用 ScriptableObjectを利用 ストレージに値を保存 おすすめ書籍 staticな変数に保持し…

【コードが織りなす複雑系な世界】UnityのコーディングとWebのコーディングの違い

こんにちは、のすけです。Unity(ユニティ)デビューして2ヶ月くらい。作った物は2つくらいですが。 だんだんWebのコーディングとUnityコーディング(ゲームコーディング)の違いが分かってきたのでメモ Unityとは? HTML的なコードはない! そこに表示されて…

UnityのVisual Studio Codeセッティングメモ

こんにちは、のすけです。 Unityねたです。 前置き 必須設定 おすすめ設定 最後にOmniSharpe設定 終わりに 前置き 今まで、nuxt.jsにtyrano scriptを入れてハイブリッドwebシナリオゲーム開発なんかやっていました。 ↓↓↓ 2039アナ民キャンパス が、そろそろw…

Nuxt.js をPM2でデーモン化しながら起動する方法 最新版

Nuxt.js2系にリプレースして、PM2での起動方法が変わったため紹介しておきます。 PM2のインストール $ npm install pm2 -g 次にecosystem.config.jsに以下のように記述 module.exports = { apps: [ { name: 'NuxtAppName', exec_mode: 'cluster', instances:…

Nuxt.jsで大規模なサイトをSPAで作って大丈夫?→やめた方がいいと思う

こんにちは、のすけです。Nuxt.jsチップスのお時間です。 Nuxt.jsはSPA・Universalモード(SSR&SPA)を選択できるのだけど SPA(Single Page Application) シングルページアプリケーション全てのページ1つのHTML上に展開し、ページ遷移はクライアントサイドのJ…

Nuxt.js環境でGSAPプラグインを登録する方法

Nuxt.jsにてGSAPのプラグインを使おうとする場合Docs - GreenSock このページの通りにやってもUnexpected token {とか色々出て動きません。 色々調べた結果、このようにgsap/dist/のパス指定してあげると動きます! import { gsap } from "gsap"; import { M…

Nuxt.js のエラー 「Failed to execute 'appendChild' on 'Node': This node type does not support this method」

nuxt-linkで遷移した場合には問題ないのですが リロードやURLを直接叩いた場合に以下のようなエラーが発生します DOMException: Failed to execute 'appendChild' on 'Node': This node type does not support this method. at Object.appendChild原因として…

ティラノスクリプトにfirebaseを連携させて自在に操る

前回、シナリオゲームが手軽に作れるティラノスクリプトに強引にVue.jsを入れることをやりましたが。 次は、、、Firebaseを入れたい!! やはり本格的なWebアプリケーションを作るためにはデータベースとの連携は必須。そしてFirebaseのFirestoreならとても…

ティラノスクリプトに強引にVueを入れてみる

こんにちは、ノベルゲームをHTML5を用いて気軽に作成できるティラノスクリプトをご存知でしょうか?tyrano.jp 最近、ノベルゲーム的な表現がしたくて触っているのですが。 使われているJsライブラリがjQueryになっていて、やはりVueの中で実行したい! とい…

技術ポートフォリオ

なんとなく自分の技術ポートフォリオをまとめてみました重点科目はJS系、その他の言語は重点項目ではないので一旦排除しています。 Lv15までは守 Lv100までは破 Lv100以上は離の領域 総合力: Lv50 (システム開発歴10年ほど) Javascript:Lv35 Nuxt.js : Lv10…

nuxt.js のSSRデバッグ方法 by Jetbrain

こちらの記事が参考になりました。 ありがとうございます。k-sasaki.net asyncDataのデバッグを諦めてconsole.logで頑張っていたところこれで、デバッグできるようになりました!こんな感じで、ブレークポイントを入れたい場所に「debugger;」と書けばchrome…

babylon.js ステップ15 環境設定

ステップ15は環境設定です。今までは無機質な虚無空間でしたが、ここで遂に空が登場します。そうする事で、見栄えのする3D空間が完成します いきましょう!! 背景色の変更 アンビエントカラーの変更 スカイボックス スカイボックスの自動生成方法 スカイボ…

babylon.js ステップ14 パーティクル表現

babylon.js を覚えようシリーズ ステップ14はパーティクル表現です。Three.jsでは自作で頑張るわけですが、babylon.jsではパーティクルシステムが備わっていますので、簡単にパーティクル表現が可能ですいきましょう! パーティクルの作り方 パーティクルシ…

babylon.js ステップ13 スプライト(Sprites)

babylon.js ステップ13はスプライトアニメーションです。2Dではおなじみのこの技術。もちろんbabylon.jsでも使えます いきましょう! 2つのスプライト管理方法 スプライトマネージャー Picking(ピッキング) スプライトパックマネージャー(バージョン4.1から…

babylon.js ステップ12 レイキャスト(Raycasts)

babylon.jsのチュートリアルシリーズ 12回目今回はレイキャストをやっていきますいきましょう! レイキャストとは光線による衝突判定 光線と最初に接したメッシュの取得 Predicate関数を使用したレイキャスト マルチピック Picking Ray デバッグ用のRayHelpe…

babylon.js ステップ11 画面クリックとの衝突判定 (Picking Collisions)

babylon.js チュートリアル ステップ11 は画面クリックとのコリジョンです。コリジョンシリーズの3回目です。いきましょう! 3Dオブジェクトのクリック(hit)を検出 ヒットした情報を用いて銃槍の位置をずらす デモ 3Dオブジェクトのクリック(hit)を検出 壁…

babylon.js ステップ10 メッシュの交差衝突判定 (Intersect Collisions - mesh)

メッシュ同士が、それぞれ衝突を検出する方法をやりますいきましょう!! 説明 2つのメッシュが接触しているときに衝突イベントを発生させる方法 メッシュと1点間の接触を検出する方法 まとめ 説明 衝突検出の2つの方法を紹介します。 2つのメッシュが接触し…

babylon.js ステップ9 カメラとメッシュの衝突判定&重力 (Cameras, Mesh Collisions and Gravity)

babylon.js を覚えようステップ9は衝突判定と重力制御です! いやー、重力とか楽しそうですね。 メッシュだけでなく、カメラにも設定できるようです。 いきましょう!! 説明 1.重力の設定 2.楕円体を定義する 衝突を適用する(Apply collision) メッシュオブ…

babylon.js ステップ8 アニメーション(Animations)

babylon.js でのステップも8個目!!今回はアニメーションです!アニメーションは、メッシュに動きを与えて見栄えがするシーンを作成出来ます。いきましょう! アニメーションの2つの方法 キーフレームアニメーション アニメーションを止める方法 終了を待…

babylon.js ステップ7 ライティング

babylon.js ステップ7 ライティングです。3D表現はライティングが無いと始まりません。ライディングの無い空間はただの暗黒です。暗黒の空間に一条の光として、ライトを設置します。ライトと言っても、太陽のような環境光もあります。いきましょう! ライト…

babylon.js ステップ6 カメラ

babylon.jsにはよく使われる2つのカメラがあります。一つは1人称視点のユニバーサルカメラ(the Universal Camera)、もう一つはアークカメラ(Arc Rotate Camera)です。 まずカメラのコントロールを可能にしましょう camera.attachControl(canvas, true); ユ…

babylon.js ステップ5 マテリアル

マテリアルを使用すると、メッシュを色とテクスチャで覆うことができます。なお、メッシュを表示するには光が必要です。拡散マテリアル(Diffuse)と鏡面マテリアル(Specular)では、光源を作成する必要があります。いきましょう! 色 まずは、StandardMaterial…

babylon.js ステップ4 位置、回転、スケーリング

babylon.js やってみようシリーズのステップ4位置、回転、スケーリングのお話です 位置の話 babylon.jsには2つの座標系があります ワールド座標系 ローカル座標系 ワールド座標系 ワールド座標系の原点は変わりません。通常、メッシュが作成されると、その…

babylon.js ステップ3 線Lineを使ったいろいろな形状を表示

いろいろな形状シリーズです。いきましょう! 線 //Array of points to construct lines var myPoints = [ new BABYLON.Vector3(0, 0, 0), new BABYLON.Vector3(0, 1, 1), new BABYLON.Vector3(0, 1, 0) ]; //Create lines var lines = BABYLON.MeshBuilder.…