twobomb

Добавить $("nav ul").removeClass("showing"); в

// Scrolling Effect

$(window).on("scroll", function() {
	$("nav ul").removeClass("showing");
    if($(window).scrollTop()) {
            $('nav').addClass('black');
    }

    else {
            $('nav').removeClass('black');
    }
})

Загружаешь фотку, копируешь ее в какую нибудь укромную папку. А в user_image записываешь ссылку на неё.
P.S. загрузка изображений

Именно через "Сохранить изображение как" всего скорее никак, разве что на JS на правый клик мыши подставлять в src ссылка на изображение с худшим качеством, естественно это сразу визуально будет видно ну и естественно эта ссылка и изображение должна быть подготовлена заранее

Лучше используй радиобатон с нужными стилями

$(".user-choose input").on("change",function(){
	$(".user-choose input").prop("checked",false);
  $(this).prop("checked",true);
});

Через imagcrop так

$im = imagecreatefrompng('example.png');
$arr = [
	['x' => 0, 'y' => 0, 'width' => 960, 'height' => 540],
	['x' => 960, 'y' => 0, 'width' => 960, 'height' => 540],
	['x' => 0, 'y' => 540, 'width' => 960, 'height' => 540],
	['x' => 960, 'y' => 540, 'width' => 960, 'height' => 540],
];


foreach($arr as $k=>$v){
	$im2 = imagecrop($im, $v);
	if ($im2 !== FALSE) {
		imagepng($im2, "example-cropped$k.png");
		imagedestroy($im2);
	}
}
imagedestroy($im);

Упростить врядли, она и так простая. Можно сократить

setClass = (loading, error) => {
	return loading?styles.loadingClass:error?styles.errorClass:"";
}

function find(arr,key,val){
	for(var k in arr){
    	if(k == key && arr[k] == val)
      	return arr;
  	if(typeof(arr[k]) == "object" ){
    	var r = find(arr[k],key,val);
      if(r)
      	return r;    
    }
  }
  return null;
}
 find(JSON.parse(str),"game",1)

Массив filesToLoad, потом по кнопке ajax'om загружать куда нужно, только так

P.S. Из соображений безопасности вы не можете менять значения files у инпутов, а иначе можно было бы создавать сайты, которые воровали бы файлы с вашего компа.

Я так понимаю ваш вариант уже выбран на скриншоте

Измени

const length = 250;
const moveOffset = 20;

на

var length = 250;
var moveOffset = 20;

Константы на то и константы, чтобы их нельзя было менять

Что за игра, что и как? Допустим это 2д игра и это открытое поле без препятствий, то определяем угол между позицией игрока и позицией преследователя, и двигаем этого врага в этом направлении с той же скоростью что и движеться игрок, на поворотах враг будет срезать угол и рано или поздно догонит игрока. Если там есть препятствия, то это уже куда сложнее, нужно применять алгоритм поиска пути, в гугле их масса, ну или к примеру делать чтобы враг шел ровно по тому же пути что и идет игрок
P.S.

["07-31", "06-30", "05-31", "08-31", "09-30"].sort((c,s)=> c.replace("-","") - s.replace("-",""))

trimImage
blurImage
getimagepixelcolor
ImagickPixel::setColor

Добавь u

echo preg_match('/^[a-zA-Z\ \-]{2,20}$|^[а-яА-Я\ \-]{2,20}$/u', 'ооооооооооо');

чтобы обрабатывать как utf-8 строку

var canvas = document.getElementById("myCanvas"), 
                context = canvas.getContext("2d");
                 
			var img = new Image();
      var imgT = new Image();
      var loaded = 0;
			img.src = "https://img.rosbalt.ru/photobank/1/c/a/0/Z8X2VMCx.jpg";
      imgT.src = "http://zabavnik.club/wp-content/uploads/background_html_1_16082041.jpg"
      imgT.onload = img.onload = function() {
      	if(++loaded == 2)
        	draw();
      };
      
      function draw(){
        context.drawImage(imgT, 300, 400,200,200);      
        context.drawImage(img, 0, 0);             
           console.log(canvas.toDataURL());

      }

P.S. Могут валиться ошибки корса и прочие если изображения лежат не на вашем хосте