Горячее
Лучшее
Свежее
Подписки
Сообщества
Блоги
Эксперты
Войти
Забыли пароль?
или продолжите с
Создать аккаунт
Я хочу получать рассылки с лучшими постами за неделю
или
Восстановление пароля
Восстановление пароля
Получить код в Telegram
Войти с Яндекс ID Войти через VK ID
Создавая аккаунт, я соглашаюсь с правилами Пикабу и даю согласие на обработку персональных данных.
ПромокодыРаботаКурсыРекламаИгрыПополнение Steam
Пикабу Игры +1000 бесплатных онлайн игр
Стреляйте в преследующих вас врагов!
Оторвитесь от погони, ваш верный АК47 в этом поможет!
Огромный выбор оружия
Миниган, Арбалет, Стационарная пушка, Пулемет
Уничтожайте мотоциклы, квадроциклы, гоночные автомобили, вертолеты
Реалистичное оружие и машины

Погоня на Дороге: Шутер Реалистичное Оружие

Экшены, Аркады, Шутер

Играть

Топ прошлой недели

  • CharlotteLink CharlotteLink 1 пост
  • Syslikagronom Syslikagronom 7 постов
  • BydniKydrashki BydniKydrashki 7 постов
Посмотреть весь топ

Лучшие посты недели

Рассылка Пикабу: отправляем самые рейтинговые материалы за 7 дней 🔥

Нажимая кнопку «Подписаться на рассылку», я соглашаюсь с Правилами Пикабу и даю согласие на обработку персональных данных.

Спасибо, что подписались!
Пожалуйста, проверьте почту 😊

Новости Пикабу Помощь Кодекс Пикабу Реклама О компании
Команда Пикабу Награды Контакты О проекте Зал славы
Промокоды Скидки Работа Курсы Блоги
Купоны Biggeek Купоны AliExpress Купоны М.Видео Купоны YandexTravel Купоны Lamoda
Мобильное приложение

Javascript

С этим тегом используют

Программирование IT HTML IT юмор Программист Frontend CSS Все
965 постов сначала свежее
12
MattDjeison
4 года назад
Web-технологии

Редирект ссылок с ограничениями по переходам по географическому положению, времени и количеству переходов⁠⁠

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

Сразу хочу написать о том, что тут нет никакой рекламы или продвижения услуг ( с правилами ознакомился). Если все же считаете, что это реклама - буду рад прочесть о том, как на этом можно заработать :) Просто хочется узнать мнение других разработчиков и поделиться своим "великим" творением с сообществом.

Редирект ссылок с ограничениями по переходам по географическому положению, времени и количеству переходов Javascript, Web-программирование, Pikaweb, Видео, Длиннопост

Идея проекта LinkBooster ( https://boostup.link ) - возможность перенаправления ссылок  с ограничениями по количеству переходов, географическому расположению и времени действия:

Редирект ссылок с ограничениями по переходам по географическому положению, времени и количеству переходов Javascript, Web-программирование, Pikaweb, Видео, Длиннопост

То есть, для создания ссылки на Pikabu для доступа только из России с ограничением в 100 переходов, которая будет активна в течении 12 часов, надо выбрать следующие параметры:

Редирект ссылок с ограничениями по переходам по географическому положению, времени и количеству переходов Javascript, Web-программирование, Pikaweb, Видео, Длиннопост

А вот и пример того, как будет выглядеть сгенерированная ссылка:

https://api.boostup.link/cd-sDMfXZsyL7Z-78

Также можно запретить переход по ссылке из определенной страны:

Редирект ссылок с ограничениями по переходам по географическому положению, времени и количеству переходов Javascript, Web-программирование, Pikaweb, Видео, Длиннопост

Ну а вообщем,

Буду очень рад любым комментариям, а пока - буду работать.

Показать полностью 4 1
[моё] Javascript Web-программирование Pikaweb Видео Длиннопост
12
IPdoor
4 года назад

И ТУТ ОНИ⁠⁠

И ТУТ ОНИ
[моё] Javascript Программирование IT Frontend IT юмор Юмор Web Web-программирование
0
16
etroynov
etroynov
4 года назад
Лига Разработчиков Видеоигр

Разработка игры на phaserjs - 9: управление персонажем с клавиатуры⁠⁠

Разработка игры на phaserjs - 9: управление персонажем с клавиатуры Gamedev, Typescript, Javascript, HTML, Холст, Phaser, Длиннопост

Предыдущие посты

1. Введение

2. Выбор редактора

3. Hello world

4. Загрузка ресурсов

5. Создание мира

6. Как работают платформы

7. Создание персонажа

8. Управление физическим телом в пространстве

В прошлом уроке мы добавили обработку столкновений с объектами которая работает хорошо. Однако на данный момент у нас нет возможности управлять нашим персонажем. Возможно вы подумали что сейчас нам нужно обратится к документации и поискать в ней как можно прослушивать события в Phaserjs, однако в этом нет необходимости т.к в Phaserjs есть удобный менеджер клавиатуры.

Подготовка к работе

для работы над проектом вам понадобится настроенный phaserjs и установленный nodejs. Все не обходимые файлы доступны по ссылке.

Добавляем управление с клавиатуры

Как я уже сказал ранее в Phaserjs есть встроенный менеджер клавиатуры который можно подключить, одной строчкой:

Разработка игры на phaserjs - 9: управление персонажем с клавиатуры Gamedev, Typescript, Javascript, HTML, Холст, Phaser, Длиннопост

Чаще всего для управления персонажем используются клавиши верх, низ, влево, вправо ( в консолях не на пк, на пк это WASD сочетание ) обработку нажатия этих клавиш мы добавим в метод loop:

Разработка игры на phaserjs - 9: управление персонажем с клавиатуры Gamedev, Typescript, Javascript, HTML, Холст, Phaser, Длиннопост

Хотя мы добавили много кода, все должно быть довольно читабельным.

Первое, что он делает, это проверяет, удерживается ли левая клавиша. Если это так, мы применяем отрицательную горизонтальную скорость и запускаем «левую» анимацию бега. Если они удерживают «право», мы буквально делаем наоборот. Очищая скорость и устанавливая ее таким образом, каждый кадр создает стиль движения «стоп-старт».

Спрайт игрока будет двигаться только тогда, когда нажата клавиша, и сразу же остановится. Phaser также позволяет вам создавать более сложные движения, с импульсом и ускорением, но это дает нам эффект, который нам нужен для этой игры. Последняя часть проверки нажатия устанавливает анимацию на «поворот» и обнуляет горизонтальную скорость, если ни одна клавиша не удерживается.

Реализация прыжка

В последнем блоке кода мы добавляем возможность прыжка. Курсор вверх - это наша кнопка прыжка, и мы проверяем, нажата ли она. Однако мы также проверяем, касается ли игрок пола, иначе он сможет прыгнуть, находясь в воздухе.

Если оба эти условия соблюдены, мы применяем вертикальную скорость 330 пикс / сек. Игрок автоматически упадет на землю из-за гравитации.

Попробуйте поменять значение 330 и посмотреть что при этом получится.

Разработка игры на phaserjs - 9: управление персонажем с клавиатуры Gamedev, Typescript, Javascript, HTML, Холст, Phaser, Длиннопост
Показать полностью 4
[моё] Gamedev Typescript Javascript HTML Холст Phaser Длиннопост
6
Classicjicssion
4 года назад

Оцените работу начинающего программиста пожалуйста⁠⁠

Изучаю Java, JavaScript, HTM, css


Создал пару проектов, при обучении, думаю и полезно будет закинуть на портфолио, при собеседовании показать работу и т.д.


Создал пока что:

Рандомные IP адреса сайтов

Обновляемое кол-во миллисекунд

Возводить в степень в реальном времени

Возводит в степень в реальном времени



Оцените пожалуйста, укажите на мои ошибки, что ещё можно добавить и т.д.


Сайт на бесплатном хостинге:

http://m95189f7.beget.tech

[моё] Программирование Программист Javascript Html 5 Код Текст
19
nicespirit
nicespirit
4 года назад

Когда начал изучать JavaScript⁠⁠

Начал тут изучать данный язык и в следствие чего появился такой образ.

[моё] Программирование Star Wars Javascript Джавы Видео
8
svifty7
svifty7
4 года назад
Лига программистов

Расчет заработка при часовой ставке⁠⁠

Всем привет. Уверен, что многие из нас работают с почасовой ставкой. Еще больше уверен, что есть такие же ленивые люди, как я, которым надоело постоянно считать сколько у него вышла зарплата и сколько осталось отработать часов, чтобы получить необходимую ему сумму.

В очередной раз, когда мне захотелось все еще раз пересчитать и понять сколько мне не хватает для мини-отпуска, я написал маленькое приложение "на коленке", чтобы тупо вбивать туда свои циферки и радоваться надеяться на хороший результат. Пример расчета на скрине.

Надеюсь вам будет оно будет тоже полезным)) Если будут предложения, могу что-то доделать, но в свободное время)

Ссылка вот: https://svifty7.github.io/time-to-money/

Расчет заработка при часовой ставке Лень, Работа, Web-программирование, Полезные сайты, Полезное, Зарплата, Калькулятор, Javascript

P.S. Расчет может быть не точным. Да, можно было в таблице Excel это сделать, но так мне показалось удобнее) и да, возможно есть уже такие сайты, но искать было еще более лениво, чем писать самому и считать на калькуляторе еще раз)))

[моё] Лень Работа Web-программирование Полезные сайты Полезное Зарплата Калькулятор Javascript
24
9
etroynov
etroynov
4 года назад
Лига Разработчиков Видеоигр

Разработка игры на phaserjs - 8: управление физическим телом в пространстве⁠⁠

Разработка игры на phaserjs - 8: управление физическим телом в пространстве Gamedev, Typescript, Javascript, HTML, Phaser, Холст, Длиннопост

Предыдущие посты ( по просьбе @Lionin ):


1. Введение

2. Выбор редактора

3. Hello world

4. Загрузка ресурсов

5. Создание мира

6. Как работают платформы

7. Создание персонажа

Добрый день, сегодня мы поговорим о такой непростой вещи как физика тела в игровом мире. Phaser поддерживает различные физические системы, каждая из которых выступает в качестве плагина, доступного для любой сцены Phaser.

На момент написания статьи Phaser поставляется с Arcade Physics, Impact Physics и Matter.js Physics. Для этого урока мы будем использовать систему Arcade Physics для нашей игры, которая проста и легка, идеально подходит для браузерных игр.

Когд спрайт имеющий свойства физического объекта создан, ему присваивается свойство body, которое является ссылкой на его Аркадное Физическое Тело. Это представляет спрайт как физическое тело в движке Phasers Arcade Physics. У объекта body есть много свойств и методов, с которыми мы можем управлять.

Например, чтобы симулировать влияние гравитации на спрайт, достаточно написать:

Разработка игры на phaserjs - 8: управление физическим телом в пространстве Gamedev, Typescript, Javascript, HTML, Phaser, Холст, Длиннопост

Это произвольное значение, но логически, чем выше значение, тем тяжелее ощущается ваш объект и тем быстрее он падает. Если вы добавите это в свой код или запустите, вы увидите, что наш персонаж падает без остановки, полностью игнорируя созданную нами ранее площадку:

Разработка игры на phaserjs - 8: управление физическим телом в пространстве Gamedev, Typescript, Javascript, HTML, Phaser, Холст, Длиннопост

так происходит потому что мы не проверяем соприкасается наш персонаж с землей или нет.

Мы уже сказали Phaser, что наша земля и платформы будут статичными телами. Если бы мы этого не сделали и вместо этого создали динамические, тогда, когда игрок столкнулся с ними, он на мгновение остановился бы, и после этого все бы рухнуло. Это объясняется тем, что, если не указано иное, наземный спрайт является движущимся физическим объектом, и когда игрок ударяет сталкивается с ним, сила полученная в результате столкновения ( два тела обмениваются своими скоростями ) начинает действовать на землю или платформы, поэтому и земля также начинает падать.

Для того чтобы игрок мог безопасно прыгать по платформам, мы создадим объект Collider. Этот объект контролирует два физических объекта (которые могут включать в себя группы) и проверяет наличие коллизий или совпадений между ними. Если это произойдет, он может при необходимости вызвать ваш собственный обработчик, но для простой обработки столкновений с платформами нам это не требуется:

Объект Collider берет на себя всю обработку по столкновению переданных нами объектов:

Разработка игры на phaserjs - 8: управление физическим телом в пространстве Gamedev, Typescript, Javascript, HTML, Phaser, Холст, Длиннопост
Показать полностью 4
[моё] Gamedev Typescript Javascript HTML Phaser Холст Длиннопост
2
12
etroynov
etroynov
4 года назад
Лига Разработчиков Видеоигр

Разработка игры на phaserjs - 7: создание персонажа⁠⁠

Разработка игры на phaserjs - 7: создание персонажа Gamedev, Typescript, Javascript, HTML, Холст, Phaser, Длиннопост

Предыдущие посты ( по просьбе @Lionin ):

1. Введение

2. Выбор редактора

3. Hello world

4. Загрузка ресурсов

5. Создание мира

6. Как работают платформы

Всем привет!

В прошлом уроке мы добавили платформы на нашу сцену:

Разработка игры на phaserjs - 7: создание персонажа Gamedev, Typescript, Javascript, HTML, Холст, Phaser, Длиннопост

эти платформы нужны для того что бы наш персонаж мог перемещаться по ним, однако на данный момент у нас нет игрового персонажа. В этом уроке мы добавим игрового персонажа, поговорим о спрайтах и о том как их анимировать.

Подготовка к работе

для работы над проектом вам понадобится настроенный phaserjs и установленный nodejs. Все не обходимые файлы доступны по ссылке.

Создание персонажа

Для работы с персонажем нам понадобится переменная которая будет хранить объект с нашим персонажем, назовем ее player и добавим следующий код в функцию create:

Разработка игры на phaserjs - 7: создание персонажа Gamedev, Typescript, Javascript, HTML, Холст, Phaser, Длиннопост

Этим кодом мы добавляем в наш обработчик физики модель персонажа и анимацию которую мы сможем к нему применять.

Настройка параметров персонажа

Следующим кодом:

Разработка игры на phaserjs - 7: создание персонажа Gamedev, Typescript, Javascript, HTML, Холст, Phaser, Длиннопост

мы создаем новый спрайт под названием player, который доступен по координатам 100x450 на нашем холсте. Поскольку наш спрайт создан с помощью фабрики физических объектов ( this.physics.add ) он сразу обладает всеми свойствами динамического тела которые доступны в аркадной физике.

После того как мы создали спрайт, мы добавляем для него небольшой отскок 0.2. Таким образом когда персонаж подпрыгнет и приземлится обратно, он подпрыгнет несколько раз, как мячик. Затем мы добавляем механизм столкновения с границами игровой сцены ( что бы персонаж не мог выйти выйти за пределы нашей камеры ).

Границы, по умолчанию, находятся за пределами игровых размеров. Так как мы установили для игры 800 х 600, игрок не сможет бежать за пределы этой области. Это лишит игрока возможности убежать от краев экрана или прыгнуть через верх

Анимация персонажа

Если мы вернемся немного назад и посмотрим на функцию preload то увидим что файл dude был загружен как спрайт а не как картинка. Нам нужна возможность работать с этим изображением как с спрайтом потому что оно содержит анимацию по кадрам:

Разработка игры на phaserjs - 7: создание персонажа Gamedev, Typescript, Javascript, HTML, Холст, Phaser, Длиннопост

как видим изображение содержит 9 кадров, 4 кадра для анимации движения влево, 1 кадр смотрит в камеру и 4 кадра для движения вправо.

Примечание: phaser поддерживает перелистывание спрайтов для экономии кадров анимации, но в этом уроке будет old school.

Давайте добавим обработку движения персонажа влево и вправо, для анимации движения влево в функцию create добавим:

Разработка игры на phaserjs - 7: создание персонажа Gamedev, Typescript, Javascript, HTML, Холст, Phaser, Длиннопост

Анимация влево использует кадры 0-4 с частотой 10 кадров в секунду, параметр repeat: -1 говорит phaserjs о том что анимацию нужно зациклить ( т.е гонять эти кадры по кругу ).

Движение в право и поворот будет обрабатываться так же как и анимация движения влево.

Дополнительная информация: в Phaser 3 Animation Manager является глобальной системой. Созданные в нем анимации доступны для всех игровых объектов. Они делятся основными данными анимации, управляя своими собственными временными рамками. Это позволяет вам определить одну анимацию один раз и применить ее к тем игровым объектам, которые вам требуются. Это отличается от Phaser 2, где анимации принадлежат именно тем игровым объектам, для которых они были созданы.

Показать полностью 6
[моё] Gamedev Typescript Javascript HTML Холст Phaser Длиннопост
7
Посты не найдены
О Нас
О Пикабу
Контакты
Реклама
Сообщить об ошибке
Сообщить о нарушении законодательства
Отзывы и предложения
Новости Пикабу
RSS
Информация
Помощь
Кодекс Пикабу
Награды
Команда Пикабу
Бан-лист
Конфиденциальность
Правила соцсети
О рекомендациях
Наши проекты
Блоги
Работа
Промокоды
Игры
Скидки
Курсы
Зал славы
Mobile
Мобильное приложение
Партнёры
Промокоды Biggeek
Промокоды Маркет Деливери
Промокоды Яндекс Путешествия
Промокоды М.Видео
Промокоды в Ленте Онлайн
Промокоды Тефаль
Промокоды Сбермаркет
Промокоды Спортмастер
Постила
Футбол сегодня
На информационном ресурсе Pikabu.ru применяются рекомендательные технологии