プログラミング 【JavaScript】壁のない迷路を生成する
迷路の幅と高さをそれぞれ width, height として設定し、その数値にしたがって壁のない迷路を生成する。※迷路の幅と高さは5以上の奇数とする。 class Maze { constructor(width, height) { th...
JavaScript
プログラミング プログラミング 【JavaScript】迷路を出力する
通路を「0」、壁を「1」とした2次元配列で迷路を表現して、通路を「 」(半角スペース)、壁を「#」として1行ごとに改行して出力する。 const PATH = 0; const WALL = 1; let maze = [ [1, 1, 1...
プログラミング 【React】ReactをCDNから読み込む
headタグの中に以下の2行を追加する。 <script src="" crossorigin></script> <script src="" crossorigin></script> JSXで記述する場合は、headタグの中に以下の1...
プログラミング 【ティラノスクリプト】マクロを作成する
マクロを記述することで、新たにrandomタグを作成する。 [macro name="random"] [iscript] tf.random = Math.floor(Math.random()*101); [endscript] [en...
プログラミング 【ティラノスクリプト】確率によってシナリオを分岐させる
ifタグで条件分岐させることで、乱数の値によってシナリオを分岐させる。 河川敷に来た。[l][cm] [link target=*select1]【1】魚釣りをする[endlink][r] [link target=*select2]【2】...
プログラミング 【ティラノスクリプト】0～100の乱数を生成する
iscriptタグでJavaScriptを記述することで、0以上100以下のランダムな整数を生成する。 [iscript] tf.random = Math.floor(Math.random()*101); [endscript] 今回の...
プログラミング 【MathJax】MathJaxをCDNから読み込む
headタグの中に以下の2行を追加する。 <script src=""></script> <script id="MathJax-script" async src=""></script> index.html <html lang="...
プログラミング 【p5.js】スケッチを画像としてダウンロードする
canvas要素をtoDataURL()メソッドで画像データに変換し、aタグのリンク先のURLに指定することで画像ファイルとしてダウンロードできるようにする。そして、bodyタグの最後の行に以下の1行を追加する。 <script src="...
プログラミング 【p5.js】スケッチをWebページの背景に設定する
style()メソッドでcanvas要素の z-index を -1 に設定する。 index.html <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <tit...
プログラミング 【p5.js】p5.jsをCDNから読み込む
headタグの中に以下の2行を追加する。 <script src=""></script> <script src="sketch.js"></script> index.html <!DOCTYPE html> <html lang="j...