常連

###前提・実現したいこと
unityでゲームを作っていまして、webGLでビルドして、
ローカル環境ではfirefoxで作動を確認しました。
しかし、unityroomや他のサーバーに上げるとfirefoxでもこのようなエラーメッセージが表示されて起動できませんでした。
ネット上で起動させたいです。

###発生している問題・エラーメッセージ

```
An error occurred running the Unity content this page. See your browser's JavaScript console for more info. The error was
uncaught exception: incorrect header check
```

###試したこと
firefox以外でも試しましたが全てのブラウザでこのメッセージがでました。

Consoleで確認しましたところ

```
Failed to load resource: the server responded with a status of 404 (Not Found)
unity_loader:1 Invoking error handler due to
Uncaught incorrect header check
unity_loader:1 Uncaught incorrect header check

```
と出ました。

###補足情報(言語/FW/ツール等のバージョンなど)
unity 5.5.1f1 64bit

[unity webGL]でビルドしてネットに上げるとAn error occurred running…と出ます

## 昨今のホームページ制作におけるフロント実装の技術について

個人的に周りに話を聞いても、今は生のhtml/cssでコードを書いて実装をする話を聞かなくなりました。

そこでシンプルに疑問なのですが、ペライチのLPや簡易的なサイトのコーディングでも基本はReactなどのjsフレームワークを使うことが多いのでしょうか？
また、jsフレームワークでフロント実装をするのがセオリーとして生のhtml/cssで実装するケースもほとんどないのでしょうか？
要素としての実装以外にもアニメーションやパララックスなどのビジュアルの効果もReactなどで完結できるのでしょうか？

WebGLのような技術を使う場合、Reactとの親和性についても気になります。

最近のホームページを見ていると、どうやって実装しているのかわからないようなアニメーションや効果を盛り込んでいるサイトが多くて、すごい技術だなと感動しています。

## 背景、状況

自分自身数年前までコーディングするときは生のhtml,cssを書いてました。
ここ数年はコーディングから遠ざかりデザインの道を歩んでいてコードはほとんど書かなくなりました。
そのため最近のフロントの実装についてシンプルに疑問に感じたため質問しました。



昨今のホームページ制作におけるフロント実装の技術について

### 実現したいこと

- [ ] Unityで作成したゲームをWebGLでビルドしたい

### 前提
Unityでゲームを作成したのですが、
WebGLでビルドしようとすると下記のエラーが発生してしまいビルドできません

### 発生している問題・エラーメッセージ

文字数が多いため、画像を添付します
気になる箇所は、
・Exception: Unity.IL2CPP.Building.BuilderFailedException:が出力されている
・「 C:\Users\<ユーザ名（全角）>\AppData\Local\Temp\tmpakqzo6.response: error: 」が出力されている
です。
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2023-09-22/8d223df7-19d7-4594-822a-1aaa00ad3a52.png)



### 試したこと
- 全角文字が含まれないビルドパスを指定した
- 全角文字が含まれないパスにプロジェクトフォルダを移動した
- デスクトップ向けのビルド（PCビルド）は成功した
- 環境設定からGIキャッシュを削除した
- 使用しているオブジェクトやファイルの名前に全角文字が入らないようにした

### 試していないこと
ユーザーフォルダ（C:\Users\＜ユーザ名（全角）＞）の名前を日本語全角ではなく、英字半角に変更すること。
ユーザーフォルダの名称を変更した際の影響が大きいと予想されるため、まだ実施していない。

### 予想
ユーザーフォルダ（C:\Users\＜ユーザ名（全角）＞）の名前が日本語全角になっていることが原因か

### 補足情報（FW/ツールのバージョンなど）

Unity 2020.3.32f1
UnityHub 2.4.5
を使用


UnityでWebGLのビルドを行った際に、「Exception: Unity.IL2CPP.Building.BuilderFailedException」が発生してしまう

### 実現したいこと

・WebGLで作成した3Dプロジェクトをビルドしたい
・その後GoogleDriveにフォルダを置き、相手にそのリンクを送りたい

### 前提

今Unityで3Dのゲームを制作しており、ようやく完成したのでGoogleDriveにて、プライベートで公開しようと思い立ちました。調べてみるとGoogleDriveなどでゲームを公開する場合、「WebGLでのビルド」が必要だと知り、色々なサイトを参考にしながら「Player Settings」で作業を進めていました。しかし、「Build And Run」をクリックしようと画面に戻ったところ、エラーが出ました。それからエラー内容について検索していると、「Other Settings」の「Auto Graphics API」のチェックを外すと良い、という記事をよく見かけて再度タブを開いてみましたが、そのチェックボックスはロックされており変更が出来ませんでした。他にも「Lightmap Streaming」「Memory Settings」「Quality」「Soft Particles」「Collaborate」「In-App Purchasing」でもエラーが出ており、1つ目の項目では同じくチェックボックスがロックされています。

### 発生している問題・エラーメッセージ

```
Auto Graphics APIのエラーコード:「Liner color space requires WebGL 2, uncheck 'AutoMatic Graphics API' to remove WebGL 1 API. WARNING: If DXT sRGB is not supported by the browser, texture will be decompressed」
```

### 該当のソースコード


### 試したこと
初めて作品を作った初心者なので、なにもできておりません。申し訳ないです。

### 補足情報（FW/ツールのバージョンなど）

使用しているバージョンは2021.3.25f1です。
どうかご協力よろしくお願い致します。


UnityでWebGLをビルドしようとしたがエラーが出てできない

お世話になります。

### 実現したいこと

WebGLで外部のPHPへリクエストしたいです。
しかし、エラーが発生してしまいました。

### 発生している問題・エラーメッセージ

```
localhost/:1
Access to fetch at 'http://xxxx.xxx.xxx.xxx:80/xxx.php?hoge=piyo' from origin 'http://localhost:54658' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.
```

### 該当のソースコード

```C#
private IEnumerator TestMethod()
{
    string url = "http://xxxx.xxx.xxx.xxx:80/xxx.php?hoge=piyo";
    WWW fuga = new WWW(url);
 
    yield return fuga;
    HelloString(fuga.text); // Javascript window.alert()
}
```

### 試したこと

マニュアルを見ましてヘッダー情報を足せばよさそうなことは分かりました。
しかし、ヘッダー情報の足し方が分かりません。
https://docs.unity3d.com/ja/current/Manual/webgl-networking.html
どの様なコードでヘッダーを足せますでしょうか。
有識者がおりましたらご教授をお願いします。


WebGLで外部サーバのPHPへリクエストしたい

three.jsでOrbitControlsをimportしたところからエラーが出てしまいます。
具体的には、2行目の
import {OrbitControls} from "./jsm/controls/OrbitControls.js";
と53行目の
controls = new OrbitControls(camera, renderer.domElement);を書くまでは球体が表示されているのですが、この2行を書くと下記のようなエラーが出ます。
Uncaught TypeError: Failed to resolve module specifier "three". Relative references must start with either "/", "./", or "../".

解決方法を教えていただけないでしょうか。
お手数をおかけしますが、よろしくお願いいたします！！

![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-08-05/1902262c-665b-4598-b70e-63f11be2ea13.png)


index.html
```ここに言語を入力
    <script src="main.js" type="module"></script>
```

main.js
```ここに言語を入力
import * as THREE from './build/three.module.js'; //全ての要素に対してインポートするので*
import {OrbitControls} from "./jsm/controls/OrbitControls.js";

//webブラウザで表示するときには、シーン(scene),カメラ(camera),レンダラー(renderer)が必ず必要

let scene, camera, renderer, pointLight, controls;//ここで書くと、グローバル変数として宣言することになる
//シーンを追加
scene = new THREE.Scene();//Sceneの頭は大文字でかく

//カメラを追加
camera = new THREE.PerspectiveCamera(//PerspectiveCamera(視野角(映す角度),アスペクト比（画面の横と縦の比率。表示する画面サイズを決定),開始距離,終了距離)
    50,//視野角
    window.innerWidth / window.innerHeight,//アスペクト比
    0.1,//開始距離
    1000//終了距離
);
camera.position.set(0, 0, +500);//cameraをz軸のプラスの方向に動かしていく（そうしないとcameraが物体より前に出て映らない）

//レンダラー(カメラで写した要素を変換して、ブラウザに3dとして表示するもの)を追加
renderer = new THREE.WebGLRenderer({alpha: true});//alpha・・透明度を表す。デフォルトではfalse。trueにして透明度を上げると、背景画像が見える
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);//レンダラーをhtmlのbodyタグに表示する
renderer.render(scene, camera);//画面にレンダラーが表示される


//ジオメトリを作成
//SphereGeometry・・・球体のジオメトリ
//three.jsの公式サイトで、documentから検索すると、引数に何を書くか分かる
let ballGeometry = new THREE.SphereGeometry(100, 64, 32);//(radius(半径),widthSegment(ポリゴンの数を増やす。値を大きくすればするほど、より球体に近づく。),heightSegment(ポリゴンの分割数を上げる。より綺麗な球体に近づく。))
//マテリアルを作成
let ballMaterial = new THREE.MeshPhysicalMaterial();//粗さ、金属性、反射率等を設定できる。引数には、{color: 色}や、{map: テクスチャ}など。テクスチャでは、地球の画像を持ってきて球体に貼り付けることができる。
//ジオメトリ（骨格）とマテリアル（色）をここまでで作成しました。それをメッシュ化していきます
//メッシュ化
let ballMesh = new THREE.Mesh(ballGeometry, ballMaterial);//引数としてジオメトリとマテリアルを宣言
scene.add(ballMesh);//sceneにポリゴンを乗せて、cameraで撮影する準備ができる

//平行光源を追加してみよう//上から光が降り注ぐ
let directionalLight = new THREE.DirectionalLight(0xffffff, 2)//引数は色(0xは、16進数を描きますという意味）と、強さをとる
directionalLight.position.set(1, 1, 1);//(1,1,1)の位置から光が降り注ぐようになる
scene.add(directionalLight);

//ポイント光源を追加してみよう//地球の周りを動かすためにグローバルで宣言したいので、5行目のとこで宣言している（なんでここはグローバルじゃない？）
pointLight = new THREE.PointLight(0xffffff, 1);//平行光源と同じく、引数は色と強さ
//今の状態だとポイント光源が地球の中に入ってしまっているので、位置を変える
pointLight.position.set(-200, -200, -200);
scene.add(pointLight);//作ったものはsceneにaddする

//ポイント光源がどこにあるのかを特定する//平行光源のヘルパーとかもあるらしい
let pointLightHelper = new THREE.PointLightHelper(pointLight, 30);//第二引数はヘルパー（菱形みたいなやつ）の大きさを表す
scene.add(pointLightHelper);

//マウス操作ができるようにしよう（グルーバル変数で変数を宣言する）
controls = new OrbitControls(camera, renderer.domElement);

//ポイント光源を球の周りを周りを巡回させる//座標を変数にして動的に変える
//リロードしないと場所が変わらないので、常にぐるぐる回らせるために、アニメート関数に入れて、アニメート関数をフレーム単位で変えていく
function animate(){
    pointLight.position.set(
    200 * Math.sin(Date.now() / 500),
    200 * Math.sin(Date.now() / 1000),
    200 * Math.cos(Date.now() / 500),
);
//レンダリングしてみよう
renderer.render(scene, camera);//これもフレームタイムでレンダリングしないと、画面がフレーム単位でレンダリングされないので、アニメート関数に組み込む

//アニメーション関数をフレーム単位で更新するためには、requestAnimationFrameという関数を使う
requestAnimationFrame(animate);//これだけではアニメート関数を呼んでいない
}
//アニメート関数を呼ぶ
//レンダリングもフレーム単位で更新しないと、画面がレンダリングされないので、アニメート関数に組み込む
animate();



```

three.jsのimportについて

### 実現したいこと

- [ ] UnityでWebGLビルドモジュールをインストールしたい

### 前提

UnityEditorインストール時に、WebGLのビルドモジュールはインストールしていない

### 発生している問題・エラーメッセージ

```
エラーが発生して終了しました
WebGLBuildSupport インストールは失敗しました: Validation Failed
```
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2023-09-21/3b24183f-3980-47b9-ad9e-5dfe53aa04da.png)

### 試したこと
UnityEditor
↓
ツールバーのファイルからビルド設定を起動
↓
プラットフォームのWebGLを選択して、「UnityHubでインストール」を選択
↓
UnityHubのモジュール一覧のWebGL Build Supportにチェックを入れた状態でインストールボタンを押下
↓
表示されたユーザアカウント制御で「はい」を選択
↓
ダウンロードとインストールが開始
↓
インストール失敗。UnityHubに該当のエラーメッセージが表示される



### 補足情報（FW/ツールのバージョンなど）

UnityのバージョンはUnity 2020.3.32f1
UnityHubのバージョンは v3.5.2


UnityでWebGLビルドモジュールをインストールしたい

Unity2019.4.x系で作成したゲームをWebGLでビルドし、サイトにアップロード、プレイしようとしたのですが、タイトルからメインのシーンへ遷移するところで動かなくなり、DevelopmentBiludで確認したところ、上記のRuntime Error, memory access out of bounds　というものが発生していることがわかりました。
このエラーは何が原因で起こるもので、どういう解決策が適しているのでしょうか？
試したこと　テクスチャのMaxSizeの変更
短期間で制作したもので、あまりデータサイズが過大になるようなことはしていないとおもいます。