プログラミング 【JavaScript】壁のない迷路を生成する
迷路の幅と高さをそれぞれ width, height として設定し、その数値にしたがって壁のない迷路を生成する。※迷路の幅と高さは5以上の奇数とする。class Maze { constructor(width, height) { thi...
JavaScript
プログラミング プログラミング 【JavaScript】迷路を出力する
通路を「0」、壁を「1」とした2次元配列で迷路を表現して、通路を「 」(半角スペース)、壁を「#」として1行ごとに改行して出力する。const PATH = 0;const WALL = 1;let maze = [ [1, 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][endmacr...
プログラミング 【ティラノスクリプト】確率によってシナリオを分岐させる
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="ja">...
プログラミング 【p5.js】スケッチを画像としてダウンロードする
canvas要素をtoDataURL()メソッドで画像データに変換し、aタグのリンク先のURLに指定することで画像ファイルとしてダウンロードできるようにする。そして、bodyタグの最後の行に以下の1行を追加する。<script src="s...
プログラミング 【p5.js】スケッチをWebページの背景に設定する
style()メソッドでcanvas要素の z-index を -1 に設定する。index.html<!DOCTYPE html><html lang="ja"> <head> <meta charset="utf-8"> <title>...
プログラミング 【p5.js】p5.jsをCDNから読み込む
headタグの中に以下の2行を追加する。<script src=""></script><script src="sketch.js"></script>index.html<!DOCTYPE html><html lang="ja"> <...