Ответы пользователя twobomb по тегу «JavaScript»

Как сделать паралакс элемента реагирующий на курсор?

twobomb @twobomb

Ответ написан более года назад

1 комментарий

Как сделать движение за курсором?

twobomb @twobomb

Чё сложного то, про rotate не слышали?

p.s. вторую координату нужно брать центр картинки а у меня от края, поэтому чуть криво, ну сами прибавите + width/2 и +height/2...

Ответ написан более года назад

Комментировать

Как сделать так чтобы змейка появлялась с нулевой координаты а не с один блок справа?

twobomb @twobomb

Поставьте код

var head = {
      x: px,
      y: py,
    };
    snake.unshift(head);

после

if (px >= canvas.width) {
      px = 0;
    }
    if (px + box < 0) {
      px = canvas.width;
    }
    if (py >= canvas.height) {
      py = 0;
    }
    if (py + box < 0) {
      py = canvas.height;
    }

Потому-что у вас всё по китайски, вы сначала делаете движение,потом добавляете, а потом уже делаете проверки. А нужно все наоборот.
Использование setInterval для gameLoop - зло, никогда так не делайте. Используйте requestAnimationFrame или setTimeout на худой конец.
И вообще структура ужасная не читабельно. Разделите отдельно фукнция просчет физики, отдельно рендеринг не смешивайте и вызывайте в gameloop по порядку всё.

Ответ написан более года назад

Комментировать

Как можно заставить этот скрипт работать 3 секунды?

twobomb @twobomb

function wrapperToggleConfetti(){
  toggleConfetti();  
  setTimeout(toggleConfetti,3000);
}

<button type="button" onclick="wrapperToggleConfetti()">Конфетти</button>

Ответ написан более года назад

Комментировать

Как найти объекты во вложенных массивах?

twobomb @twobomb

let str = "тинькоф";
let arr = CARDS.map(e=>e.items).flat().filter(e=>e.title.toLocaleLowerCase().includes(str.toLocaleLowerCase()) );

Ответ написан более года назад

3 комментария

Можно как то убрать эти артефакты в slick слайдере?

twobomb @twobomb

Удали из CSS

.slick-slide:not(.slick-active):after {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background: radial-gradient(rgba(255,255,255,1), rgba(255,255,255, .5));
  content: '';
  top: 0;
}

Ответ написан более года назад

1 комментарий

Пытаюсь реализовать анимацию display none через метод animate. В чем может быть проблема?

twobomb @twobomb

Дуракшин на duration поменяйте

Ответ написан более года назад

2 комментария

Как сделать чтоб не переводило на другую страницу?

twobomb @twobomb

В тег button добавь параметр type="button"

Ответ написан более года назад

10 комментариев

Как сделать первый элемент аккордеона открытым?

twobomb @twobomb

В конец
programItems[0].dispatchEvent(new Event("click"));

Ответ написан более года назад

Комментировать

Как при клике скрыть блок со значением 0?

twobomb @twobomb

Нихрена не понятно, что и зачем. Напишите внятно. Возможно вам нужно что-то такое

$(".radio .input-container").click(function (e){
  $(".box-container .input-container[data-attr-quantity=0] .color").hide( );
});

Ответ написан более двух лет назад

Комментировать

Как написать программу на js, которая будет менять фон ячейки в сетке при нажатии на неё мышкой?

twobomb @twobomb

canvas.onclick = function (ev) {
    ctx.fillStyle = "#FF0000AA";
    if (
      ev.offsetX >= 100 &&
      ev.offsetX <= 300 &&
      ev.offsetY >= 100 &&
      ev.offsetY <= 280
    )
      ctx.fillRect(
        Math.floor(ev.offsetX / 20) * 20,
        Math.floor(ev.offsetY / 20) * 20,
        20,
        20
      );
  };

Ответ написан более двух лет назад

Комментировать

Как вывести элементы массива в разные блоки по ID?

twobomb @twobomb

Ну это же очевидно, что `${i.id}` передаёт такой id элемента, которого не существует на странице.
Оно будет работать, но какой-то элемент пропускает, или может там пустой приходит...

Ответ написан более двух лет назад

Комментировать

Как сделать плавное перемещение по карте на JS после просчета алгоритма A*?

twobomb @twobomb

Тут у вас тут всё заточено именно на дёрганное перемещение.
Конечно как всё это реализовано, особенно метод launchDelWay это уникально....

P.S. Всё перемещение перенес в метод update

Ответ написан более двух лет назад

2 комментария

Как написать регулярное выражение по поиску текста в скобках?

twobomb @twobomb

let text = str.match(/$[^\(]*\(([^$]*)/)[1];

Ответ написан более двух лет назад

Комментировать

Имеется 4 item`a, ширина каждого 20% (от ширины контейнера). Как сделать заливку контейнера, зная процент от числа?

twobomb @twobomb

Если отступы между палками не считать , то можно так

let conts = [line1,line2,line3,line4];
let w = 100/conts.length;
for(let i = 0; i < conts.length;i++)  
  conts[i].style.width = progressResult- w*i < 0?0:Math.min(w,progressResult- w*i)/w * 100 + "%";

Ответ написан более двух лет назад

Комментировать

Как сделать аккордеон в таблице?

twobomb @twobomb

Ну не создал, а открыл наверное

.panel{
  display:none;
}
.panel.active{
  display:block;
}

document.querySelectorAll(".accordion").forEach(el=>{
    el.addEventListener("click",e=>{
    	e.currentTarget.parentNode.parentNode.nextElementSibling.classList.toggle("active");
    });
});

Ответ написан более двух лет назад

Комментировать

Как автоматически определить полигон вокруг линий или точки?

twobomb @twobomb

function getRects(dots,padding  = 30){		//dots - Array[{x:x,y:y} ] 
  if(dots.length == 1)
  	dots = dots.concat([dots[0]]);
	let rects = [];
  	if(dots.length > 1){
    	for(let i = 0; i < dots.length-1;i++){      
      	let angle = getAngle(dots[i].x,dots[i].y,dots[i+1].x,dots[i+1].y);
        rects.push({
        	x1:dots[i].x + padding * Math.cos(angle-Math.PI/2) + padding * Math.cos(angle+Math.PI),
          y1:dots[i].y  + padding * Math.sin(angle-Math.PI/2) + padding * Math.sin(angle+Math.PI),
          
        	x2:dots[i].x + padding * Math.cos(angle+Math.PI/2) + padding * Math.cos(angle+Math.PI),
          y2:dots[i].y  + padding * Math.sin(angle+Math.PI/2) + padding * Math.sin(angle+Math.PI),
          
        	x3:dots[i+1].x + padding * Math.cos(angle+Math.PI/2) + padding * Math.cos(angle),
          y3:dots[i+1].y  + padding * Math.sin(angle+Math.PI/2) + padding * Math.sin(angle),
          
        	x4:dots[i+1].x + padding * Math.cos(angle-Math.PI/2) + padding * Math.cos(angle),
          y4:dots[i+1].y  + padding * Math.sin(angle-Math.PI/2)  + padding * Math.sin(angle),
          
        });
      }
    }
    return rects;
}
//Получить угол между двумя точками
function getAngle(dx, dy, dx1, dy1) {
  return Math.atan2(dy - dy1, dx - dx1) + Math.PI;
}

Ответ написан более двух лет назад

4 комментария

HTML для тильды. Как показывать блок по времени и дате с циклом в 3 дня?

twobomb @twobomb

$(document).ready(function(){
  var now = new Date();
  let timeOffset = now.getTimezoneOffset()*60*1000;
  let timestamp  = now.getTime();
  let timeOpen = 13 ;//открытие 13:00  
  let dateOffset = 0;//Смещение в какой из дней будет показываться 0-2 
  let daysBeetwen = 3;//Каждые 3 дня показывать
  let offset = Math.floor((timestamp-timeOffset)/86400000) % daysBeetwen;
  if( offset == dateOffset && now.getHours() >= timeOpen ||
  		offset == (dateOffset+1)%daysBeetwen && now.getHours() < timeOpen)
      $('#rec411316842').show();
  else
      $('#rec411316842').hide();  
});

P.S. Только тут не мск, а время компа юзера. Ну можешь высчитать смещение чтобы было мск. Вообще это делается на сервере, а так при желании юзер всеравно может увидить блок
p.p.s.

вычислить мск

$(document).ready(function(){
  var now =  getMSC();
  let timeOffset = now.getTimezoneOffset()*60*1000;
  let timestamp  = now.getTime();
  let timeOpen = 13 ;//открытие 13:00  
  let dateOffset = 0;//Смещение в какой из дней будет показываться 0-2 
  let daysBeetwen = 3;//Каждые 3 дня показывать
  let offset = Math.floor((timestamp-timeOffset)/86400000) % daysBeetwen;
  if( offset == dateOffset && now.getHours() >= timeOpen ||
  		offset == (dateOffset+1)%daysBeetwen && now.getHours() < timeOpen)
      $('#rec411316842').show();
  else
      $('#rec411316842').hide();  
});

function getMSC() {
    var d = new Date();
    var utc = d.getTime() + (d.getTimezoneOffset() * 60000);
    var nd = new Date(utc + (3600000*3));
		return nd;
}

Ответ написан более двух лет назад

Комментировать

Как проверить объект на пустоту js?

twobomb @twobomb

По идее так

function empty(obj){
	return Object.keys(obj).length == 0 || Object.keys(obj).every(e=>!obj[e]);
}

Ответ написан более двух лет назад

2 комментария

Как округлить целое число?

twobomb @twobomb

https://qna.habr.com/q/1080002#answer_2063264
Math.round(10000040/100)*100

Ответ написан более двух лет назад

Комментировать

Войдите на сайт