//ダンジョンのサイズ var dg_cols = 7; var dg_rows = 9; //ミニマップのチップサイズ var minimap_unit = 32; //向き(定数) var eDir = {non:0,left:1,top:2,right:3,bottom:4}; //ダンジョンチップ(定数) var eChip = {non:0,wall:1}; //マップ var map; //プレイヤー var p; //3Dダンジョン var d; function setup() { createCanvas(windowWidth, windowHeight); background(0); //マップ生成 map = new Map(dg_cols,dg_rows); map.setChip(1,2,eChip.wall); map.setChip(2,2,eChip.wall); map.setChip(4,4,eChip.wall); map.setChip(3,4,eChip.wall); map.setChip(1,4,eChip.wall); map.setChip(2,4,eChip.wall); map.setChip(5,3,eChip.wall); map.setChip(4,2,eChip.wall); map.show(); p = new Player(eDir.top,3,3); p.show(); d = new Pseudo3D(p.dir,p.x,p.y); d.show(); } function draw() { background(0); map.show(); d.dir = p.dir; d.x = p.x; d.y = p.y; p.show(); d.show(); } // キーが押された瞬間の処理 function keyPressed() { // KeyCodeが上下左右の矢印のものだった場合、回転角度と色の指定を変更する if (keyCode === UP_ARROW) { if(p.dir==eDir.left){p.x-=1} if(p.dir==eDir.top){p.y-=1} if(p.dir==eDir.right){p.x+=1} if(p.dir==eDir.bottom){p.y+=1} } else if (keyCode === DOWN_ARROW) { if(p.dir==eDir.left){p.x+=1} if(p.dir==eDir.top){p.y+=1} if(p.dir==eDir.right){p.x-=1} if(p.dir==eDir.bottom){p.y-=1} } else if (keyCode === RIGHT_ARROW) { p.dir += 1; if(p.dir > 4) {p.dir = p.dir - 4;} } else if (keyCode === LEFT_ARROW) { p.dir -= 1; if(p.dir < 1) {p.dir = p.dir + 4;} } return false; } function Map(cols,rows) { this.cols = cols; this.rows = rows; var map = []; //初期マップ作成 for (let j = 0; j < this.rows; j++) { for (let i = 0; i < this.cols; i++) { map.push(eChip.non); } } this.getChip = function (x,y) { var index = x+y*this.cols; return map[index]; } this.setChip = function(x,y,chip) { var index = x+y*this.cols; map[index] = chip; return map[index]; } this.show = function() { stroke(0); for (let j = 0; j < this.rows; j++) { for (let i = 0; i < this.cols; i++) { if(this.getChip(i,j) == eChip.wall) { fill(125); }else{ fill(255); } rect(i*minimap_unit, j*minimap_unit, minimap_unit, minimap_unit); } } } } class Player { constructor(dir,x,y){ this._dir = dir; this._x = x; this._y = y; this.radius = minimap_unit * 0.4; } show() { var rot = this.dir_to_rot(this._dir); stroke(0); fill(200, 0, 0); push(); beginShape(); var x1 = cos(radians(rot))*this.radius+ this._x*minimap_unit + minimap_unit*0.5; var y1 = sin(radians(rot))*this.radius+ this._y*minimap_unit + minimap_unit*0.5; vertex(x1, y1); var x2 = cos(radians(rot-140))*this.radius*1.2+ this._x*minimap_unit + minimap_unit*0.5; var y2 = sin(radians(rot-140))*this.radius*1.2+ this._y*minimap_unit + minimap_unit*0.5; vertex(x2, y2); var x3 = cos(radians(rot+140))*this.radius*1.2+ this._x*minimap_unit + minimap_unit*0.5; var y3 = sin(radians(rot+140))*this.radius*1.2+ this._y*minimap_unit + minimap_unit*0.5; vertex(x3, y3); endShape(CLOSE); pop(); } _check(x,y) { //壁判定 var c = get(x*minimap_unit+minimap_unit*0.5, y*minimap_unit+minimap_unit*0.5); //道（白）以外はfalse if(c[0] != 255) { return false; }else{ return true; } } dir_to_rot(dir) { if(dir == eDir.left){ return 180; }else if(dir == eDir.top){ return 270; }else if(dir == eDir.right){ return 0; }else if(dir == eDir.bottom){ return 90; }else { return -1; } } set dir(dir) { this._dir = dir; } get dir() { return this._dir; } set x(x) { if(this._check(x,this._y)) { this._x = x; } } get x() { return this._x; } set y(y) { if(this._check(this._x,y)) { this._y = y; } } get y() { return this._y; } } class Pseudo3D { constructor(dir,x,y) { this._dir = dir; this._x = x; this._y = y; //1単位あたりのサイズ this._wall_unit = 32; //壁の描画情報 this._end_left_front = [5, 9, 9, 9, 9, 13, 5,13,5, 9] this._end_left_side = [9, 9, 9, 13, 10,12, 10,10,9, 9] this._end_center = [9, 9, 9, 13, 13,13, 13, 9] this._end_right_front = [13,9, 13, 13, 17,13, 17,9,13,9] this._end_right_side = [12,10, 12,12, 13,13, 13,9,12,10] this._back_left_front = [0, 7, 7, 7, 7,15, 0,15,0, 7] this._back_left_side = [7, 7, 7,15, 9,13, 9,9,7, 7] this._back_center = [7, 7, 7,15, 15,15, 15,7] this._back_right_front = [15,7, 15,15, 22,15, 22,7,15,7] this._back_right_side = [13,9, 13,13, 15,15, 15,7,13,9] this._middle_left_front = [0,4, 4, 4, 4,18, 0,18,0,4] this._middle_left_side = [4,4, 4,18, 7,15, 7,7,4,4] this._middle_center = [4,4, 4,18, 18,18, 18,4] this._middle_right_front = [18,4, 18,18, 22,18, 22,4,18,4] this._middle_right_side = [15,7, 15,15, 18,18, 18,4,15,7]; this._front_left = [ 0,0, 0,22, 4,18, 4,4]; this._front_center = [ 0,0, 0,22, 22,22, 22,0]; // YOU ARE IN ROCK! this._front_right = [18,4, 18,18, 22,22, 22,0]; // 壁リストの作成. this._wall_list = [ [this._end_left_front,this._end_left_side], [this._end_right_front,this._end_right_side], this._end_center, [this._back_left_front,this._back_left_side], [this._back_right_front,this._back_right_side], this._back_center, [this._middle_left_front,this._middle_left_side], [this._middle_right_front,this._middle_right_side], this._middle_center, this._front_left, this._front_right, this._front_center ]; } show() { var offset = 300; //視点の取得 var view_tbl = this.getViewTable(this._dir); //壁の描画 for(var i=0;i=0 && px < dg_cols && py >=0 && py