Walking NAGOYA - OpenProcessing

mySketch
xxxxxxxxxx
 
const enumDirection = {
  north : 1,
  south : 2,
  east : 3,
  west : 4,
  center : 5,
  northeast : 6,
  southeast : 7,
  northwest : 8,
  southwest : 9
}
​
var aryIS = {sakuraMei : {X:-200, Y:-100, name:"桜通名駅", direction:enumDirection.northwest},
                sakuraFusimi : {X:-100, Y:-100, name:"桜通伏見", direction:enumDirection.north},
                sakuraHonmati : {X:-0, Y:-100, name:"桜通本町", direction:enumDirection.north},
                sakuraOtsu : {X:100, Y:-100, name:"桜通大津", direction:enumDirection.north},
                sakuraHisaya : {X:200, Y:-100, name:"桜通久屋", direction:enumDirection.northeast},   
                nisikiMei : {X:-200, Y:0, name:"錦通名駅", direction:enumDirection.west},
                nisikiFusimi : {X:-100, Y:0, name:"錦通伏見", direction:enumDirection.center},
                nisikiHonmati : {X:0, Y:0, name:"錦通本町", direction:enumDirection.center},
                nisikiOtsu : {X:100, Y:0, name:"錦通大津", direction:enumDirection.center}, 
                nisikiHisaya : {X:200, Y:0, name:"錦通久屋", direction:enumDirection.east},
                hiroMei : {X:-200, Y:100, name:"広小路通名駅", direction:enumDirection.southwest},
                hiroFusimi : {X:-100, Y:100, name:"広小路通伏見", direction:enumDirection.south},
                hiroHonmati : {X:0, Y:100, name:"広小路通本町", direction:enumDirection.south},
                hiroOtsu : {X:100, Y:100, name:"広小路通大津", direction:enumDirection.south},
                hiroHisaya : {X:200, Y:100, name:"広小路通久屋", direction:enumDirection.southeast}}
​
var walkerX = aryIS.sakuraMei.X;
var walkerY = aryIS.sakuraMei.Y;
​
var directionX = 0;
var directionY = 0;
​
let attackLevel = 5.0;
let releaseLevel = 0;
​
let attackTime = 0.01;
let decayTime = 0.2;
let susPercent = 0.2;
let releaseTime = 0.5;
​
let currentPlace = "";
​
//var currenttJpg;
//var jpgSakuraMei;
//var jpgNisikiMei;
//var jpgNisikiHisaya;
​
function setup() {
  createCanvas(windowWidth, windowHeight);
  background(0);
  jpgSakuraMei=loadImage("sakuraMei1.jpg");
  jpgSakuraFusimi=loadImage("sakuraFusimi1.jpg");
  jpgSakuraHonmati=loadImage("sakuraHonmati1.jpg");
  jpgSakuraOtsu=loadImage("sakuraOtsu1.jpg");
  jpgSakuraHisaya=loadImage("sakuraHisaya1.jpg");
  jpgNisikiMei=loadImage("nisikiMei1.jpg");
  jpgNisikiFusimi=loadImage("nisikiFusimi1.jpg");
  jpgNisikiHonmati=loadImage("sakuraHonmati1.jpg");
  jpgNisikiOtsu=loadImage("nisikiOtsu1.jpg");
  jpgNisikiHisaya=loadImage("nisikiHisaya1.jpg");
  jpgHiroMei=loadImage("hiroMei1.jpg");
  jpgHiroFusimi=loadImage("hiroFusimi1.jpg");
  jpgHiroHonmati=loadImage("hiroHonmati1_.jpg");
  jpgHiroOtsu=loadImage("hiroOtsu1.jpg");
  jpgHiroHisaya=loadImage("hiroHisaya1.jpg");
  currenttJpg = jpgSakuraMei;
  
  env = new p5.Envelope();
  env.setADSR(attackTime, decayTime, susPercent, releaseTime);
  env.setRange(attackLevel, releaseLevel);
​
  triOsc = new p5.Oscillator('sine');
  triOsc.amp(env);
  triOsc.start();
  triOsc.freq(250);
}
​
function draw() {
  var aryXY;
  background(0, 0, 40);
  dispMap();
  fill(255, 0, 0);
  for (var key in aryIS) {
    if(walkerX == aryIS[key].X && walkerY == aryIS[key].Y){
      env.play();
      setISEvent(aryIS[key].name);
      aryXY = setDirection(aryIS[key].direction);
      directionX = aryXY[0];
      directionY = aryXY[1];
      currentPlace = aryIS[key].name;
      break;
    }
  }
  tint(0, 153, 204, 50);
  image(currenttJpg,-550,-150,800,300);
  noTint();
  image(currenttJpg,-525,-125,250,250);
  walkerX += directionX;
  walkerY += directionY;
  ellipse(walkerX, walkerY, 15);
}
​
//交差点ごとのイベント設定　　
function setISEvent(name) { 
  switch(name){
    case "桜通名駅":
      currenttJpg=jpgSakuraMei;
      break;
    case "桜通伏見":
      currenttJpg=jpgSakuraFusimi;
      break;
    case "桜通本町":
      currenttJpg=jpgSakuraHonmati;
      break;
    case "桜通大津":
      currenttJpg=jpgSakuraOtsu;
      break;
    case "桜通久屋":
      currenttJpg=jpgSakuraHisaya;
      break;
    case "錦通名駅":
      currenttJpg=jpgNisikiMei;
      break;
    case "錦通伏見":
      currenttJpg=jpgNisikiFusimi;
      break;
    case "錦通本町":
      currenttJpg=jpgNisikiHonmati;
      break;
    case "錦通大津":
      currenttJpg=jpgNisikiOtsu;
      break;
    case "錦通久屋":
      currenttJpg=jpgNisikiHisaya;
      break;
    case "広小路通名駅":
      currenttJpg=jpgHiroMei;
      break;
    case "広小路通伏見":
      currenttJpg=jpgHiroFusimi;
      break;
    case "広小路通本町":
      currenttJpg=jpgHiroHonmati;
      break;
    case "広小路通大津":
      currenttJpg=jpgHiroOtsu;
      break;
    case "広小路通久屋":
      currenttJpg=jpgHiroHisaya;
      break;
  }
}
​
//進む方向を設定する
function setDirection(direction){ 
  var directionX = 0;
  var directionY = 0;
  var random;
  
  switch(direction){
    case enumDirection.north:
      //←↓→
      random = Math.random() * 3;
      if(random < 1){
        directionX = -1;
        directionY = 0;
      }else if(random < 2){
        directionX = 0;
        directionY = 1;
      }else{
        directionX = 1;
        directionY = 0;       
      }
      break;
    case enumDirection.south:
      //←↑→
      random = Math.random() * 3;
      if(random < 1){
        directionX = -1;
      }else if(random < 2){
        directionY = -1;
      }else{
        directionX = 1;   
      }
      break;
    case enumDirection.east:
      //↑←↓
      random = Math.random() * 3;
      if(random < 1){
        directionY = -1;
      }else if(random < 2){
        directionX = -1;
      }else{
        directionY = 1;   
      }
      break;
    case enumDirection.west:
      //↑→↓
      random = Math.random() * 3;
      if(random < 1){
        directionY = -1;
      }else if(random < 2){
        directionX = 1;
      }else{
        directionY = 1;   
      }
      break;
    case enumDirection.center:
      //↑→←↓
      random = Math.random() * 4;
      if(random < 1){
        directionY = -1;
      }else if(random < 2){
        directionX = 1;
      }else if(random < 3){
        directionX = -1;        
      }else{
        directionY = 1;   
      }
      break;
    case enumDirection.northeast:
      //←↓
      random = Math.random() * 2;
      if(random < 1){
        directionX = -1;      
      }else{
        directionY = 1;   
      }
      break;      
    case enumDirection.southeast:
      //↑←
      random = Math.random() * 2;
      if(random < 1){
        directionX = -1;      
      }else{
        directionY = -1;    
      }
      break;        
    case enumDirection.northwest:
      //→↓
      random = Math.random() * 2;
      if(random < 1){
        directionX = 1;     
      }else{
        directionY = 1;   
      }
      break;        
    case enumDirection.southwest:
      //↑→
      random = Math.random() * 2;
      if(random < 1){
        directionX = 1;     
      }else{
        directionY = -1;    
      }
      break;        
  }
  return Array(directionX, directionY)
}
​
function dispMap(){
  translate(width/2+100, height/2);
  textSize(15);
  noStroke();
  textAlign(LEFT);
  fill(255);
  text("桜通", aryIS.sakuraHisaya.X + 50, aryIS.sakuraMei.Y + 5);
  text("錦通", aryIS.sakuraHisaya.X + 50, aryIS.nisikiMei.Y + 5);
  text("広小路通", aryIS.sakuraHisaya.X + 50, aryIS.hiroHisaya.Y + 5);
  textAlign(CENTER);
  text("名駅通", aryIS.sakuraMei.X, aryIS.sakuraMei.Y - 50);
  text("伏見通", aryIS.sakuraFusimi.X, aryIS.sakuraMei.Y - 50);
  text("本町通", aryIS.sakuraHonmati.X, aryIS.sakuraMei.Y - 50);
  text("大津通", aryIS.sakuraOtsu.X, aryIS.sakuraMei.Y - 50);
  text("久屋大通", aryIS.hiroHisaya.X, aryIS.sakuraMei.Y - 50);
  stroke(0, 50, 255);
  //東西道---
  //桜通り
  line(aryIS.sakuraMei.X - 30, aryIS.sakuraMei.Y, aryIS.sakuraHisaya.X + 30, aryIS.sakuraMei.Y);
  //錦通り
  line(aryIS.nisikiMei.X - 30, aryIS.nisikiMei.Y, aryIS.nisikiHisaya.X + 30, aryIS.nisikiMei.Y);
  //広小路通り
  line(aryIS.hiroMei.X - 30, aryIS.hiroMei.Y, aryIS.hiroHisaya.X + 30, aryIS.hiroMei.Y);
  //南北道---
  //名駅通り
  line(aryIS.sakuraMei.X, aryIS.sakuraMei.Y - 30, aryIS.sakuraMei.X, aryIS.hiroMei.Y + 30);
  //伏見通り
  line(aryIS.sakuraFusimi.X, aryIS.sakuraMei.Y - 30, aryIS.sakuraFusimi.X, aryIS.hiroMei.Y + 30);
  //本町通り
  line(aryIS.sakuraHonmati.X, aryIS.sakuraMei.Y - 30, aryIS.sakuraHonmati.X, aryIS.hiroMei.Y + 30);
  //大津通り
  line(aryIS.sakuraOtsu.X, aryIS.sakuraMei.Y - 30, aryIS.sakuraOtsu.X, aryIS.hiroMei.Y + 30);
  //久屋大通り
  line(aryIS.hiroHisaya.X, aryIS.sakuraMei.Y - 30, aryIS.hiroHisaya.X, aryIS.hiroMei.Y + 30);
  noStroke();
  fill(0, 200, 255);
  for (var key in aryIS) {
    ellipse(aryIS[key].X, aryIS[key].Y, 10);
  }
  fill(0, 0, 40);
  stroke(255);
  rect(-450, 160, 100, 30);
  fill(255);
  noStroke();
  text(currentPlace, -400, 180);
}