[Game] Last one to post wins!

[Glaurung26]

You would think so but maybe some of us are secret AI or alien agents. 👽 *X-Files theme*

[Luminesce]

Posting "I'm breathing" or "I'm digesting" when I have nothing else to say would probably be a new low for LOTPW

 

but maybe not lower than the only other thing I could say right now

[Gloomynoon]

I'm breathing through my nostrils and digesting junk that I ate moments ago rn.

[Luminesce]

same

[Misha]

I've never digested anything.  

[Luminesce]

I have at least a few times

[Misha]

I think it's fascinating and endeering, but I'll pass.  

[Ranger]

Uh... I'm writing some code. I replaced some code for a random snake game I found online. If you use the new colors I coded in, you can sometimes cheat and when crossing the body by passing through. I don't want to fix that yet, there's something else I'm working on.

 

https://codepen.io/rajatkantinandi/pen/LLrorK?editors=1111

 

The program works best if you go to settings and turn off Auto-Updating Preview. That way, you don't have to refresh the page every time you want to play again. If you want, you can take the code I modified in the spoiler tag, paste it into the JS window, and play with what I got working.

 

Spoiler

I really hope this code block doesn't kill the forum. This isn't written by me from scratch, this includes my edits.

var canvas, ctx;
var n = 3,score=0,a=0;
var p=[10,10,10,10];
// Length of each segment of the snake
var segLength = 10;

// Arrays of x,y positions of each coordinate system 
// one for each segment
// Trick to create arrays filled with zero values
var x = Array.apply(null, Array(n)).map(Number.prototype.valueOf,0);
var y = Array.apply(null, Array(n)).map(Number.prototype.valueOf,0);
var mousePos;
var canvas = document.getElementById("myCanvas");
	var fx = 10+Math.random() * (canvas.width-20);  
	var fy = 10+Math.random() * (canvas.height-20);
function init() {
   ctx = canvas.getContext('2d');
  canvas.addEventListener('mousemove', function (evt) {
    mousePos = getMousePos(canvas, evt);
  }, false);
  
  // starts animation
  requestAnimationFrame(animate);
}

function getMousePos(canvas, evt) {
   // necessary to take into account CSS boundaries
   var rect = canvas.getBoundingClientRect();
      p = ctx.getImageData(evt.clientX - rect.left, evt.clientY - rect.top, 1, 1).data;
   return {
      x: evt.clientX - rect.left,
      y: evt.clientY - rect.top
   };
}

function animate() {
 if(a==0)
  {
  ctx.clearRect(0, 0, canvas.width, canvas.height);
  foodRandom(fx,fy);
  // draw the snake, only when the mouse entered at
  if(mousePos !== undefined) {
    //If snake eats food then change length & update food
	  if(mousePos.x>(fx-1)&&mousePos.x<(fx+13)&&mousePos.y>(fy-1)&&mousePos.y<(fy+13)){
	n++;
  score++;
  document.getElementById("score").innerHTML=score;
	changes(n);
	fx = 10+Math.random() * (canvas.width-20);  
	fy = 10+Math.random() * (canvas.height-20);
  foodRandom(fx,fy);
	}
     drawSnake(mousePos.x, mousePos.y);
  }
  requestAnimationFrame(animate);
  }
}

function drawSnake(posX, posY) {
  //game over condition with color & border comparison. Head touching any color with 'b'(b of rgb) value 0f 255 is considered as terminating condition.
      if(p[2]==255||posX>canvas.width-2||posY>canvas.height-2)
      {
      ctx.fillStyle="white";
      ctx.fillRect(0, 0, canvas.width, canvas.height);       
      ctx.fillStyle="red";
      ctx.font="20px Georgia";
      ctx.fillText("Game Over!!",4*canvas.width/11,canvas.height/2-20);
      ctx.fillText("Score: "+score,4*canvas.width/11+10,canvas.height/2);
      ctx.fillText("Reload to play again!!",4*canvas.width/11-40,canvas.height/2+22);
      a=1;
      return 0;
      }  
      dragSegment(0, posX, posY);
      for(var i=0; i < x.length-1; i++) {
         dragSegment(i+1, x[i], y[i]);
      }  
}

function dragSegment(i,  xin,  yin) {
   dx = xin - x[i];
   dy = yin - y[i];
  //calculate inclination of co-ordinate system based on the gradient
   angle = Math.atan2(dy, dx);
  //set new origins
   x[i] = xin - Math.cos(angle) * segLength;
   y[i] = yin - Math.sin(angle) * segLength;
  
  ctx.save();
  ctx.translate(x[i], y[i]);
  ctx.rotate(angle);
  
  var segColor;
  
  // Generate funny colors
  
  segColor = segmentColorFunc(segColor, i, randColorPalette);
  
  drawLine(0, 0, segLength, 0, segColor, 10);
  
  ctx.restore();
}//draw segment




//Field for bellow function
var randColorPalette = Math.random()*10;
// var randColorPalette = 1.5;

//This number determines how many random colors are on the snek
//The +1 is to prevent 0 random colors
var xNumOfRandSegColors = Math.floor((Math.random()*15)+1);

//This is referenced for the 10 random colors mode
var XRandSegColorsArr = [];
    XRandSegColorsArr = generateXRandSegColors();

function generateRandSegCol() {
  
    //Generate a random red, blue, and green color.
    //I don't want a pure red, so 250 it is.
    var randRed = Math.random() * 250;
    var randGreen = Math.random() * 255;
    var randBlue = Math.random() * 255;
    
    //create the segment color
    var sColor = `rgba(${randRed}, ${randGreen}, ${randBlue}, 255)`;
    
    return sColor;
  
}//generateRandSegColor

function generateXRandSegColors(){
  
  var arr = [];
  
  for(var c = 0; c < xNumOfRandSegColors; c++){
    //generate the random color
    var sColor = generateRandSegCol();
    //push the color to the array
    arr.push(sColor);
  }//for c
  
  return arr;
  
}//generateXRandSegColors

//segment color function
function segmentColorFunc(segColor, i){
  
  //Rainbow!
  
  if(randColorPalette > 9){
    
    if(i==0)
  segColor="red";
  //orange
  else if (i % 7 == 1)
    segColor = "rgba(255, 150, 0, 255)";
  //yellow
  else if (i % 7 == 2)
    segColor = "rgba(255, 255, 0, 255)";
  //green
  else if (i % 7 == 3)
    segColor = "rgba(30, 255, 30, 255)";
  //cyan
  else if (i % 7 == 4)
    segColor = "rgba(0, 255, 255, 255)";
  //blue
  else if (i % 7 == 5)
    segColor = "rgba(50, 150, 255, 255)";
  //purple
  else if (i % 7 == 6)
    segColor = "rgba(170, 50, 255, 255)";
  //pink
  else
    segColor = "rgba(255, 100, 255, 255)";
    
  }else if(randColorPalette > 1 && randColorPalette < 9){
    
    if(i==0){
  segColor="red";
  //random snek colors!
    }else{
    //This line gets a color from the random array
    segColor = XRandSegColorsArr[(i % xNumOfRandSegColors)];
    }//if red or rand
    
  }else{
    
    if(i==0)
      //bluegray head
  // segColor="rgba(120, 120, 230, 255)";
  //Nope, a bluegray head can break the game
  //red
  segColor="red";
   //white
  else if (i % 6 == 1 || i % 5 == 3)
    segColor = "rgba(255, 255, 255, 255)";
  //blue
  else if (i % 6 == 2)
    segColor = "rgba(50, 100, 255, 255)";
  //gray
  else
    segColor = "rgba(100, 100, 100, 255)";
    
  }//if randColorPalette
  
  return segColor;
  
}//segmentColFunc



//increase array length when eats food
function changes(n){
	x[n-1] = x[n-2]+100;
	y[n-1] = y[n-2]+100;
}
//generate food at random location
function foodRandom(fx,fy){
      ctx.fillStyle="rgb(0,255,0)";
      ctx.fillRect(fx,fy,12,12);
}

function drawLine(x1, y1, x2, y2, color, width) {
  ctx.save();
  
  ctx.strokeStyle = color;
  ctx.lineWidth = width;
  
  ctx.beginPath();
  ctx.moveTo(x1, y1);
  ctx.lineTo(x2, y2);
  ctx.stroke();
  
  ctx.restore();
}

 

 

The code I added was something that would change the color palette of the snake. In this version, most of the time the code will generate x number of random colors between 1 and 15 (While rare I think you can get a solid colored snake)

 

 

11 random colors

 

 

12 random colors

 

 

6 random colors

 

Bonus sneks:

 

Spoiler

 

Another 12

 

 

7 random colors

 

 

15 random colors! It's the first time I got that!

 

Edited June 7, 2021 by Ranger

[Luminesce]

Nice coding, I'm thinking about the idea of what it would be like to do something productive too

[TurboSimmie]

Back from the beach! 😁😁🏖️💚

 

We had such a good day! I had some success with possession; I'll talk about it in my progress report!