【JavaScript】多角形の座標配列が時計回りか判別する方法

JavaScript

多角形の座標配列が時計回りか判別する方法を記事にしました。 [ 判別方法 ] 各隣接頂点間のベクトルの外積の総和を求めます。総和が正なら時計回り、負なら反時計回りです。 function IsClockwise(_Points) { let Sum = 0; for (let i = 0; i < _Points.len…

2024-04-10

オンラインブラウザゲームの作成方法(2)

JavaScript

今回の記事では前回の記事で作成したものを無料で公開する方法を解説します。 [ 公開方法 ] package.jsonを更新 GitHubにアップロード RenderとGitHubをコネクト [ 動作確認 ] [ 関連記事 ] [ 関連記事 ] [ 参考文献 ] [ 公開方法 ] package.jsonを更新前回…

2024-04-09

オンラインブラウザゲームの作成方法(1)

JavaScript

今回の記事ではローカル環境で動作確認するまでのやり方を解説しています。 [ 環境構築 ] Node.jsのインストール Expressのインストール Socket.ioのインストール Webpackのインストール雛形作成 [ 動作確認 ] [ 関連記事 ] [ 参考文献 ] [ 環境構築 ] Node…

2023-11-06

【JavaScript】フレームレートをコンソールに出力する方法

JavaScript

フレームレートをコンソールに出力する方法を自分用にメモ。 [ 方法 ] コンソールにフレームレートを出力します。 let MaxFrameRate = Number.MIN_SAFE_INTEGER; let MinFrameRate = Number.MAX_SAFE_INTEGER; let LastMilliTime = 0; let FrameCount = 0; f…

2023-10-31

【JavaScript】Mapの使い方

Mapの使い方を自分用にメモすることにしました。 [ 使い方 ] 宣言初期化要素の追加要素の消去全要素の消去要素の取得要素の置換長さを取得特定の要素を含むか Keyだけの配列を作成 Valueだけの配列を作成 [ 関連記事 ] [ 使い方 ] 宣言 MapTestを宣…

2023-10-31

【JavaScript】配列の使い方

JavaScript

配列の使い方を自分用にメモすることにしました。 [ 使い方 ] 宣言初期化要素の追加要素の挿入要素の消去全要素の消去要素の取得要素の置換長さを取得特定の要素を含むか [ 関連記事 ] [ 使い方 ] 宣言配列としてArrayTestを宣言します。 let Arra…

2023-10-25

【Processing】配列ソート時に他の配列の要素の順番も連動させる方法

Processing

配列ソート時に他の配列の要素の順番も連動させる方法を自分用にメモ。 [ 方法 ] ArrayAをソートした時にArrayBの要素の順番も連動するようにします。 import java.util.Arrays; void setup() { final int[] ArrayA = new int[] { 2, 1, 3 }; final int[] Ar…

2023-10-25

【Processing】自作クラスのソート方法

Processing

自作クラスのソート方法を自分用にメモ。 [ ソート方法 ] 自作クラスVector2を要素とする配列を要素のYが小さい順にソートします。 import java.util.Arrays; void setup() { final Vector2[] ArrayA = new Vector2[] { new Vector2(1, 4), new Vector2(6, 5…

2023-10-19

混合色の作成方法

その他

混合色の作成方法を自分用にメモ。 [ 方法 ] 不透明オブジェクトAと不透明オブジェクトBの混合色混合色 = (色A + 色B) / 2 不透明オブジェクトAと半透明オブジェクトBの混合色混合色 = (1 - 透明度B) * 色A + 透明度B * 色B 半透明オブジェクトAと半透明オ…

2023-10-16

【Processing】P3Dを使わずに三次元の物体の描画を試みる(2)

Processing

再びP3Dを使わずに三次元の物体の描画に挑戦してみました。 [ 実行結果 ] [ プログラム ] wasdで移動、tfghで立方体を回転できます。 final int Width_Window = 600; final int Height_Window = 600; final HashMap<Character, Boolean> InputMap = new HashMap<Character, Boolean>() {{ put('w', fa</character,></character,>…

2023-10-14

【Processing】P3Dを使わずに三次元の物体の描画を試みる(1)

Processing

ProcessingでP3Dを使わずに三次元の物体の描画に挑戦してみました。 [ 実行結果 ] [ プログラム ] final int Width_Window = 600; final int Height_Window = 600; final int FrameRate = 60; float AngleX_Cube = 0; float AngleY_Cube = 0; float Width_Cu…

2023-10-13

【Processing】スクリーンショットのやり方

Processing

スクリーンショットのやり方を自分用にメモ。 [ やり方 ] 「save()」でスクリーンショットを保存できます。画像はpdeファイルと同階層に保存されます。 [ 使用例 ] 以下はウィンドウを左クリックすると「ScreenShot」という名前のスクリーンショットが保存さ…

2023-10-11

【Processing】オーディオの再生方法

Processing

オーディオの再生方法を自分用にメモ。 [ 再生方法 ] 再生したい音楽ファイルはpdeファイルと同階層にあるdataフォルダ内に入れておきます。 import ddf.minim.*; Minim Minim_; AudioSnippet Audio; void setup() { Minim_ = new Minim(this); Audio = Mini…

2023-10-09

【Processing】複数キー同時入力の取得方法

Processing

複数キー同時取得の対応方法を自分用にメモ。 [ 対応方法 ] import java.util.HashMap; import java.util.Map; //入力を取得したいキーをあらかじめ登録しておきます。 final HashMap<Character, Boolean> InputMap = new HashMap<Character, Boolean>() {{ put('w', false); put('a', false); put('s</character,></character,>…

2023-09-08

【Unity】ビルドしたファイルを実行するとNull参照エラーが発生する時の解決方法

Unity

【Unity】ビルドしたファイルを実行するとNull参照エラーが発生する時の解決方法をメモ。 [ エラー ] エディタでは問題なく動作するのに、ビルドしたファイルを実行すると「NullReferenceException: Object reference not set to an instance of an object」…

2023-08-27

【HTML】buttonがcanvasと重なってクリックできない時の解決方法

HTML

buttonがcanvasと重なってクリックできない時の解決方法を自分用にメモ。 [ 解決方法 ] canvas要素のpointer-eventsの値をnoneに設定することで、canvasのクリック判定を無効化することができます。これによりbutton要素をクリックできるようになります。 <canvas id="Canvas" style="pointer-events: none;"> </canvas>

2023-07-25

KuromojiとRakutenMAを比較

その他

KuromojiとRakutenMAを簡単に比較してみました。 [ 比較 ] Kuromoji 日本語の文を形態素に分割できる。中国語の文を形態素に分割できない。分割した単語の品詞を取得できる。分割した単語の原型を取得できる。分割した単語の読み方を取得できる。解析モ…

2023-07-24

はてなブログにGoogle Search Consoleを導入する方法

その他

はてなブログにGoogle Search Consoleを導入する方法を記事にしました。 [ 導入方法 ] 下記サイトにアクセスします。 search.google.com 「今すぐ開始」をクリックします。「URLプレフィックス」に対象のブログのURLを入力して「続行」をクリックします。 …

2023-07-24

【JavaScript】RakutenMAを使って形態素解析をする方法

JavaScript

RakutenMAを使って形態素解析をする方法を記事にしました。 [ 方法 ] ライブラリのダウンロード環境構築 HTMLファイルの作成形態素解析 [ 関連記事 ] [ 方法 ] ライブラリのダウンロード下記リンクをクリックしてRakutenMAのライブラリをZipファイルでダ…

2023-07-24

【JavaScript】多重ループから簡単に抜け出す方法

JavaScript

多重ループから簡単に抜け出す方法をメモ。 [ 方法 ] ラベルを使うことで多重ループから抜け出すことができます。下記は「i * j * k > 500」が「true」になった時に3重ループから抜け出すプログラムです。 LabelTemp: for(var i = 1; i < 11; i++) { for(var…

2023-07-24

【JavaScript】Kuromojiを使って形態素解析をする方法

JavaScript

Kuromojiを使って形態素解析をする方法を記事にしました。 [ 方法 ] ライブラリのダウンロード環境構築 HTMLファイルの作成形態素解析 [ 関連記事 ] [ 方法 ] ライブラリのダウンロード下記サイトにアクセスします。 github.com 「Code」から「Download Z…

2023-07-24

【JavaScript】「Access to XMLHttpRequest at ''」が発生した時の解決方法

JavaScript

「Access to XMLHttpRequest at ''」が発生した時の解決方法をメモ。 [ エラー ] 以下が発生したエラーです。 Access to XMLHttpRequest at '' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol…

2023-07-24

はてなブログにGoogle Analyticsを導入する方法

その他

はてなブログにGoogle Analyticsを導入する方法を記事にしました。 [ 導入方法 ] 下記サイトにアクセスします。 analytics.google.com 「測定を開始」をクリックします。「アカウント名」を入力して「次へ」をクリックします。「プロパティ名」を入力しま…

2023-07-22

【JavaScript】プログラムを折りたたむ方法

JavaScript

プログラムを折りたたむ方法を自分用にメモ。 [ 折りたたみ方 ] プログラム内で折りたたみたい部分を下記の様に囲めば、折りたたむことができるようになります。 //#region //ここが折りたためる。 //#endregion

2023-07-22

【Python】プログラムを折りたたむ方法

Python

プログラムを折りたたむ方法を自分用にメモ。 [ 折りたたみ方 ] プログラム内で折りたたみたい部分を下記の様に囲めば、折りたたむことができるようになります。 #region #ここが折りたためる。 #endregion

2023-07-20

【Python】「Error code: 403」が発生した時の解決方法

Python

「Error code: 403」が発生した時の解決方法をメモ。 [ エラー ] 以下が発生したエラーです。 Error response Error code: 403 Message: CGI script is not executable ('/cgi-bin/sample.py'). Error code explanation: HTTPStatus.FORBIDDEN - Request for…

2023-07-15

【Python】空のフォーム送信時に発生するエラーの解決方法

Python

PythonのCGI使用時に空のフォームを送信すると発生するエラーの解決方法をメモ。 [ 解決方法 ] FieldStorage()の引数に「keep_blank_values=True」を指定することで解決できます。 Forms = cgi.FieldStorage(keep_blank_values=True)