Форум программистов и сисадминов Киберфорум

Темы раздела JavaScript: HTML5 Canvas

Эквалайзер
Привет. Это - попытка создать простенький эквалайзер .canvas { width: 300px; height: 20px; } на системном плеере

Сохранить фото из Canvas в файл
К примеру у меня есть в Canvas картинка . Как ее сохранить в какой либо файл или что бы потом можно было вставить ее в документ . Можно ли реализовать что б она автоматически сохранялась где либо ?

Для чего нужны функции save и restore?
Объясните пожалуйста для чего нужны функции save и restore. Они довольно часто используются для на рисования примитив, черточек и линий. В интернете есть много всяких примеров. Но при использования...

Перемещение объекта мышкой
Я перехожу с flash на html5, точнее уже перешла и пытаюсь сделать перемещение объекта с помощью мышкой. Столкнулась с такой проблемой, что если взять объект и переместить его по вверх другого, то...

Сделать canvas на полный экран
Я создаю канвас, растягиваю его на весь экран, но он растягивается не совсем корректно. Слева и сверху есть небольшие отступы, пикселов по 5-10. Как мне переместить канвас в точку экрана 0,0 или...

Нарисовать треугольник и залить его цветом
Ранее с Canvas не работал. Мне нужно нарисовать треугольник и залить его цветом. Делаю вот так, но цвета нет: (function() { var canvas =...

Реализация сборки пазла с использованием Drag'N'Drop (чистый JavaScript)
Есть три блока: блок изображения пазла, блок изображения пазла разбитого на 25 частей и такой же блок только полупрозрачный (50% прозрачности). Мне нужно чтобы с блока изображения пазла разбитого на...

Создание 3D объектов
Какую литературу почитать, туториалы посмотреть, чтобы с нуля разобраться в 3d на javascript?

Заливка произвольной области
Добрый день. Подскажите с помощью какого метода и если есть пример, как организовать на javascript в canvas заливку произвольной области. Спасибо!

Canvas и кнопка
Подскажите, пожалуйста, как сделать так, что canvas начинал рисовать по нажатию кнопки?(соотвественно и атрибуты кнопки тоже надо мне) Поясню: нужно нарисовать (возьмём условно) линию, но рисовать её...

Построение графика функции на HTML
Помогите разобраться, как написать правильно график функции: sin2x. Если не сложно помочь написать или найти что-то подобное, заранее всем спасибо!

Нарисовать елку
Всем привет) Играюсь с канвасом , и никак не могу понять. Как нарисовать елку ?

Сохранить изображение, нарисованное на canvas
Здравствуйте! А можно ли как-то сохранить, то, что нарисовано в canvas(код нарисованного)? У меня есть рисовалка на html5, мне нужно то, что нарисовано в этом canvase сохранить в виде кода(в виде...

Как запустить gif в js?
var image1=new Image();// создание image1.src="3/365.gif"; // расположение function q1(){ ctx.drawImage(image1,0,0); // отрисовка } image1.onload=q1; // когда загрузится запускается...

Нарисовать сцену "Домик в деревне", используя линии, прямоугольники, круги в canvas
Обязательным условием задания является забор, нарисованный с помощью цикла for, рисующего каждую доску со смещением на ее ширину И помогите пожалуйста задать видимы границы , а то непонятно где...

Двигать картинку в canvas
было как-то нужно двигать картинку и картинка на холсте была только одна. Проблем не вызвало. Но понадобилось поставить вторую картинку в холст. Сделать это не сложно. Но как сделать так, чтоб эти...

Управление объектом с клавиатуры
Добрый день пытаюсь сделать игру Астероид, и вот столкнулся с проблемой управления космическим кораблем, сначала сделал все таким образом, что если нажимаем на стрелку вверх то по оси Y летим вверх,...

Загрузить картинку на canvas без потери качества
Добрый день! Делаю простенькую игру и понадобились спрайты. Создал канвас размером 700px х 525px и загружаю туда картинку(300х168px), но она грузится в ужасном качестве. Даже если не задавать ей...

Создание границы Canvas, за которую не должны выходить объекты
Люди помогите, уже не знаю сколько времени мучаюсь и все никак не могу создать границы в Canvas. Суть в чем: есть редактор визиток, объекты перемещаются по холсту и заходят за видимые пределы...

Chart.js масштабирование осей
Всем привет, ситуация такая: есть график с осями Х и Y , по оси Y откладываются значения из одного массива, по оси Х из другого, но между осями есть разница. как видно на графике по оси Х все...

Не отрабатывает функция onselect
Здравствуйте! Напишите сценарий, который для точки, заданной координатами на плоскости, определяет расстояние до начала координат (использовать событие Select). Набросал что-то похожее,но не...

Трапеция в canvas
(не уверен что задаю вопрос в правильном разделе, но на метаните canvas расположен в html-css) Здравствуйте! пытаюсь нарисовать трапецию (часть бильярдного стола) в canvas (нужная часть помечена...

Выбор цвета для заливки canvas
Добрый день! Подскажите, пожалуйста, где ошибка в коде? Или такое нельзя сделать? Есть какой-нибудь объект и его необходимо закрасить по желанию пользователя. <form> <p>Укажите цвет фона:...

Динамическое создание элемента canvas
Здравствуйте! При нажатии на кнопку требуется, чтобы создавался новый динамический объект canvas (для выбора цвета в графическом редакторе). Он должен создаваться поверх нижней канвы (предназначена,...

Провести линию canvas по точкам
Подскажите как можно провести canvas линию между созданными блоками div. Пока что получается опросить только первую координату, с которой нужно начать вести линию, а вот с конечной точкой трудности....

При повороте 3d модели остается след, clearRect не работает?
С помощью moveTo и lineTo создала несколько 3d-объектов, при нажатии кнопок клавиатуры происходит поворот 3d-объектов однако остается след. В функцию my_down, добавила ctx.clearRect(0, 0, cvs.width,...

Отправка содержимого <canvas> на сервер
Как отправить содержимое <canvas> (HTML 5) на сервер?

Нарисовать линии разным цветом поверх изображения.
Вставил фотку 1.jpg и перечеркнул картинку рисованием через методы объекта image. Хочу сделать одну линию красную, вторую фиолетовую, но когда меняю цвет, все меняется на фиолетовый. Мне нужно одна...

Соединить точки на canvas
Народ как можно сделать так, что бы несколько точек на canvas последовательно соединились. Если изначально разметка такая. <style type="text/css"> #myCanvas{ position: fixed; left: 0px;...

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

Как сделать столкновение объектов?
Здравствуйте мне нужно сделать столкновение объектов через функцию. Вот пример варианта, что нужно получить. Я для этого специально написала функцию hitTest. Выше пример это обычный вариант где...

Плавное рисование canvas
Пример Вводится координата X и Y и в данную точку рисуется линия. Но она рисуется не плавно. Как можно добиться плавность в canvas? <canvas id="myCanvas"></canvas> <br> <label for="x-coord">X...

Построить многоугольник по координатам вершин
Подскажите пожалуйста, с помощью какой библиотеки проще всего будет рисовать многоугольники по координатам вершин? У меня задание: даны два числовых массива X и Y длины n, где X и Y - абсциссы и...

Объединить два канваса. Наложить один на другой
Есть два канваса. Нужно наложить один на другой. Для этого один нужно сделать прозрачным. Это я сделал. Но отображается работа только одного канваса. Как можно отобразить работу ещё и второго? Раз...

Построение графика в Canvas
Построил график в канвасе, но выводится не в правильной четверти. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <canvas id="myCan"...

Убрать квадрат при клике на него
Доброго времени суток! Такой вопрос: Я создаю квадрат ctx.fillRect(320, 320, 20, 20); и мне нужно при клике на квадратик убрать его со страницы. Как это сделать?

Как соединить элементы линиями?
Доброго времени суток Имеется 3 тега <INPUT> с типами интерфейсного элемента radio, подскажите пожалуйста как соединить эти элементы линиями ? Допустим кликаю я на Пункт А потом на пункт В и между...

Аналог z-index для канваса
Здраствуйте, каким образом можно регулировать слои канваса? Я знаю, что тот что отрисуешь раньше элемент, тот и будет "сзади", а вот можно ли где то дернуть свойство, чтобы просто написать -9999 и...

Бесконечное движение фона в канвасе
Здравствуйте, по заданию нужно создать <canvas id="map"></canvas> с шириной 800 и высотой 500 так, чтобы сделать на BG движущийся бесконечный фон. Я поступил таким методом : При этом методе задний...

Получить данные canvas
я в канвас добавил картинку. как мне теперь получить из канваса объект типа файл? Добавлено через 39 минут неужели я пишу о чём то невообразимо сложном, уже 10 тем наштамповал - ни одного ответа

Как изменить ширину блока div уже загруженной страницы
Например, при использовании фреймов это сделать легко - просто зацепить мышью за вертикальную границу фрейма и перетащить ее в нужное место. При этом ширина изменится соответствующим образом. А как...

Three.js как добавить материалу несколько текстур
У меня есть куб. И ему нужно добавить несколько текстур. В интернете(и в английском секторе) нашёл только как добавить одну. Что-то пробовал но не получилось. //рендер, сцена, Камера var...

Canvas: Организация игровой карты 2D
Пытаюсь реализовать игру типа Agario. Начал делать карту и не понимаю как сделать выход за пределы экрана ( как бы бесконечная карта ). Понял только одно что игрок всегда находится по центру экрана....

Продвинутое рисование текста на Canvas
Гуру, подскажите либу... (чувствую "велосипед изобретаю") Надо рисовать текст в прямоугольниках на канвасе с учетом "зума". В разных сложных модификациях - жестко в прямоугольниках, с переносом...

Простой игровой движок
Гуру, подскажите! Надо "нарисовать" 2D площадку, которую можно зумировать мышкой и клавишами. Большую, но ограниченную. Внутри площадки двигаются векторные фигуры. Что-то вроде блок-схемы! Пока...

Непростое столкновение объектов на Canvas
Здравствуйте, уважаемые форумчане. Познаю работу с canvas. Нужно написать скрипт, реализующий перемещение круга мышкой из А в Б, показанного на рисунке (мини лабиринт). Координаты начала и...

Анимация квадрата, вращающегося по центру экрана
Нужно на canvas сделать анимацию, чтобы квадрат вращался по центру экрана. Проблема не знаю как сделать цикл анимации через requestAnimationFrame. :help:

Прокрутка на canvas мышью
Как сделать прокрутку холста на html5 с помощью мыши, а то у меня все объекты не помещаются?

Движение объектов
<!DOCTYPE html> <html> <body> <canvas id="myCanvas" width="1000" height="500" style = "border:2px dotted #336688;"></canvas> <script> var c = document.getElementById("myCanvas");...

Сохранение canvas в png
Есть div, из содержимого этого div формируется canvas,потом я пытаюсь сохранить это в png $("#s_img1").click(function (){ html2canvas($("#tableWrap"), { onrendered: function(canvas)...

Canvas выравнивание текста
Добрый, никак не могу выровнять текст в середине этих кругов ( без миллиарда ифов) )... подскажите пожалуйста чего по этому... математика позабылась чуть чуть :mda: Не знал куда тему...

Почему не отображается картинка на canvas?
Извините, я пока чайник, не знал, куда написать, написал сюда. Помогите, почему не отображается картинка? <HTML> <HEAD> <META charset="Windows-1251">

Анимация плывущего кораблика на canvas
Сделать анимацию в HTML: Кораблик плывущий по волнам.

Рисование фигуры по координатам клика мыши
Здравствуйте! Нужно написать сайт, в котором по клику мыши рисовались фигуры по координатам клика, пока хотя бы линию. Вот как я пытаюсь это сделать: <!DOCTYPE HTML> <html> <head> ...

Импорт моделей из Cinema 4D
Объясните пожалуйста как импортировать 3D модели из CINEMA 4D в webGL. Если быть точнее, начал изучать библиотеку three.js. В CINEMA 4D подключил плагин http://fusee3d.org/c4dexporter/ и после...

Canvas и прорисовка контура
Всем привет! Задача состоит в следующем:есть изображение() Нужно, что бы только его контур прорисовывался в canvas. Потом я хочу на этот силуэт повесить анимацию на js. Нашла подобное, но под...

Чтобы при клике на области загружалась картинка (canvas, javascript)
Здравствуйте :) Помогите пожалуйста написать примерный код для того, чтобы при клике(событие onclick) на определенную прямоугольную область на холсте, вставлялась на эту же область картинка с помощью...

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

Получить rgb каждого пикселя
Добрый день. Например есть код: var img = new Image(); img.src = 'texture256.jpg'; Мне надо получить значения rgb каждого пикселя из этого изображения. Есть какие то функции для этого? Я...

Угол отскока шарика от стенки
Доброго времени суток! Есть анимация шарика на canvas. Шарик движется по прямолинейной траектории, при столкновении со стеной, отскакивает от нее под углом 45. Движение осуществляется приростом...

JS анимация. Остается след
Здравствуйте. Надо нарисовать с помощью Canvas и JavaScript анимацию падающего примитива. Так вот. Как сделать так, чтобы он не оставлял предыдущее состояние? Фрагмент кода ctx.lineWidth = 2;...

Создание фотоколлажа
Есть такая задача: Создать коллаж из 4 разных фото взятых с сайта генератора рандомных изображений. Есть такой код делающий коллаж из 4 одинаковых картинок. Подскажите как сделать из разных! Я в js...

Поворот текста на 90 градусов в Canvas
Вообщем есть такой вопрос. Можно ли в canvas повернуть не всё а конкретно какие то элементы, типо слова? Хочется ники развернуть боком и придвинуть к столбцам. rotate вроде как не особо мне...

Three.js Вращение по оси
Использую последнюю версию библиотеки three.js. Сделал сферу, которая вращается по оси. Но она оставляет непонятный след на второй половине пути. var scene, camera, render; var width =...

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

Нарисовать линии
Доброго времени суток. Прежде всего, хочу всех поздравить с праздником и пожелать мирного неба над головою. Теперь собственно о проблеме. Нужно нарисовать линии на js(прикрепил пример) Я в этом...

Canvas вектор и скорость движения корабля. (игра)
Добрый день господа. Требуется ваша подсказка. Хочу понять как правильно рассчитывать вектор направления полета корабля, как в игре Asteroids. Например как здесь: libcanvas asteroids. Правда для...

Не правильно работает canvas
Привет всем! Вообщем, проблемка меня уже мучает долго, никак не могу "вкурить" в чем собственно она заключается. Я - новичок в HTML5 и JavaScript, но стараюсь постигнуть сии инструменты. Вообщем...

Анимирование графика параболы
Здравствуйте. Есть задача построить график параболы и анимировать его. График построил, но как анимировать не знаю. <html> <head> <meta charset="utf-8"> <title>Parabola</title> </head> <body>...

Алгоритм Брезенхема
Помогите заменить 1 букву. Тут 1 буква "С", а надо "Д" <!DOCTYPE HTML> <html> <head> <style> body { margin: 10px; padding: 10px; } </style>

Вывод изображение Canvas
Почему не выводится изображение? Вот код: <html> <head> <title>Блог Бигги</title> <link rel="stylesheet" type="text/css" href="Style.css"> <script...

Столкновения
Здравствуйте. Уже долгое время не могу создать скрипт на столкновения. Перепробовал кучу методов, пробовал смотреть другие подобные скрипты, но у меня ничего не вышло. 216 - 233 строка. Я очень...

Закругление линий
Добрый день! Мучаюсь уже 3 дня, помогите закруглить линии https://codepen.io/anon/pen/XqOQqp?editors=1010 Должно получится как на рисунке во вложении. Очень прошу помощи!

Не рисует линии на Canvas
Доброго времени суток! :good: Пытаюсь заставить рисовать линии на Canvas, когда зажимаю кнопку мыши и вожу по нему. Продебажил, в функции заходит (и на зажимание, и на отпускание), технических...

Изменение цвета фигуры
Необходимо чтобы цвет при передвижении менялся плавно до конца траектории и обратно до начала. Я пытался сделать посредством отнимания с каждой итерацией интервала, но что-то пошло не так( внешняя...

Функция prompt
Вопрос. Написать скрипт проверки введенных данных в prompt a. Если введенные данные числа выдавать тип данных number b. Если введенные данные строки выдавать тип данных string c. Так же скрипт...

Передать переменную для анимации canvas
помогите пожалуйста! у меня есть код: var date = new Date(); function gagaga(){ setInterval(draw, 1000) } function draw(){ ...

Генерация лабиринта, изменения стилей canvas
Добрый день. Собственно решил поиграться со стилями canvas. Для этого нашел исходник для генерации лабиринтов(что бы не городить велосипед). Собственно споткнулся на начальной стадии. В скрипте мы...

Arkanoid, добавить отскок шарика от линии
Есть вот такой код https://jsfiddle.net/22L757rm/1/. Как сделать что бы шарик отлетал от линии? <div id="pole"> <div id="ball"></div> <div id="line"></div> </div> <script...

Основы технологии анимации работы в Canvas
Доброго времени суток. В общем проблема такая нужно создать анимацию движения квадрата по траектории параболы (y=x2 икс в квадрате); вот пример который использую <!DOCTYPE html> <html>...

Координаты дочернего объекта (меша) в three JS
Объект состоит из двух геометрических фигур, основной и дочерних, следующим образом (цилиндр объявлен отдельным свойством, чтобы к нему был доступ из объекта класса: var Obj = function() {...

Рисование ломаных линий на Canvas
Здравствуйте, мне необходимо нарисовать ломаную линию на Canvas. Делаю вот так: <canvas id="canvas" height=600 width=800 ></canvas> var context =...

Обрезать часть изображения в canvas
Хочу обрезать часть изображения в canvas, вопрос, можно-ли canvas присвоить background-image: url(), и сохранить картинку холста canvas? Если да, как реализовать сохранении холста как картинку. ( В...

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

Похожая функция drawTriangles(flash) в html5?
Мне нужно перевести код Flash в html5, не знаю какая альтернативная функция drawTriangles, есть в html5. Вот функция flash. graphics.drawTriangles(Vector.<Number>(),// вектор вершин расположение...

Установка цвета линии
Здравствуйте! Подскажите что не верно, не задается цвет линии ctx.beginPath(); ctx.strokeStyle = '#FFF'; ctx.fillStyle = '#FFF'; ctx.lineWidth = 1; line(); function line(){

Как сохранить содержимое CANVAS в .PNG
Добрый день! Нужно сохранить содержимое CANVAS в .PNG (на компьютер пользователя). Пробовал функцию canvas2image, но в ней очень большой минус: файл сохраняется без имени и без расширения. Может...

Какую библиотеку canvas лучше выбрать для создания игры?
Всем добрый привет! = ) Вот настал, тот момент, когда появилась задача разработать двумерную настольную игру на HTML5. И хотелось бы определиться с выбором библиотеки/движка... На данный...

Canvas save and restore
Объясните пожалуйста действия функций canva.save() и canva.restore(). Зачем они нужны и в каких случаях используются?

Three.js цилиндрическая панорама
Доброго времени суток, собственно в чём вопрос. С помощью данного скрипта можно сделать сферическую панораму, есть много уроков и т.п. Но как сделать панораму не сферическую а цилиндрическую ? Может...

Создать круг с канвасом и задать движение клавиатурой стрелками вверх вниз влево вправо
let canvas = document.getElementById("canvas"); let ctx = canvas.getContext("2d"); function drawCircle() { ctx.clearRect(0, 0, 480, 320); document.addEventListener("keydown",...

Вставка изображения из буфера обмена в canvas
Есть код: var CLIPBOARD = new CLIPBOARD_CLASS("my_canvas", true); /** * image pasting into canvas * * @param {string} canvas_id - canvas id * @param {boolean} autoresize - if canvas will...

Obj loader - добавить возможность поворачивать объекты мышкой в любом направлении
у меня есть обычный obj loader,помогите добавить у него чтобы объекты можно было мышкой крутить самостоятельно в любом направление,тут сейчас тут стоит по движение мыши в сторону в сторону,еще по...

Мне нужно добавить canvas элемент в блок <div> используя Javascript и начать его менять
Что я не делаю, выдаёт такую вот ошибку: Cannot read property 'getContext' of null, при том, что сам канвас создаётся внутри блока <div> var scrolling = document.getElementById('scroll'); var...

Рисование изогнутой стрелки
Здравствуйте, помогите, пожалуйста, нарисовать изогнутую линию со стрелой на конце, как на этом рисунке ниже. Ось рисовать и input добавлять не надо, только стрелу изогнутую.

Растянуть canvas в процентах, а не в пикселях
Добрый вечер! Вопрос таков: как растянуть <CANVAS> в %, а не в PX, то есть растянуть его на весь экран? Спасибо.

Простая игра на Html 5 canvas
Здравствуйте, хотел бы спросить, как сделать условно поле 4x4, состоящее из ячеек для игры "кладоискатель", чтобы на них можно было нажимать. Что-то вроде сапера, мы сначала видим только ячейку, а...

Инструмент "Заливка"
Только начал изучать методы канваса. Несколько подвопросов в данной теме, хотя бы направление, если можно.Пытаюсь реализовать Paint. Навесил fill() на соотвествующую иконку. Допустим нарисовал...

Экспорт координат из 3ds max. Canvas
Разбираясь потихоньку с канвасом нашел статью на хабре( http://habrahabr.ru/post/93594/ ). Цитата из статьи: "Экспорт модели происходит прямо из 3ds max, через ASCII Scene Export." В иходниках...

Змейка
Привет! Пытаюсь написать змейку. Криво-косо, что-то получилось. Но есть проблема: допустим змея движется влево, тогда если одновременно нажать "ВВЕРХ" и "ВПРАВО", произойдет так что наверх она...

Перевод из RGB в HSV
Доброго всем времени суток) Для одного web-приложения мне нужно реализовать функцию перевода цветов из RGB в HSV. В принципе я нашёл в сети формулы по которым это можно сделать, осталось всего...

Сохранение данных с canvas
Есть холст с нарисованными на нем простыми фигурами( скажем 10000 маленьких квадратов). Можно ли как-нибудь сохранить текущее состояние холста, для его дальнейшего использования??? Это нужно для...

Рисование эллипса на канвасе
Необходимо рисовать эллипс на канвасе фиксированного размера. Если эллипс выходит за границы канваса, то необходимо, чтобы он шел по границе канваса. На скринах красной линией я показал, как примерно...

JavaScript. Моделирование 3D фигур на canvas
Есть программа в которой написаны некоторые 3D фигуры. Задание: раскрасить полигоны квадратами 3х3 в шахматном порядке с незакрашенным центром.

Animate CC HTML5 анимация норм. работает в режиме теста и ломается при открытии в браузере после публикации
Приветствую, господа форумчане! Я нубище! Ни языков программирования, ни скриптинга не знаю. Я вроде как зародыш будущего художника и изучал только рисование. Загорелся идеей научиться удобно...

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

Слои в Canvas
Я уже говорил, что разрабатываю библиотеку для работы с Canvas. Хотелось бы узнать, как бы вам было удобно перемещаться по слоям? Я предлагаю так: разбить все на слои, а слои разбить на подслои. Но...

Цвет для заднего фона в strokeText
strokeText - рисует только контур, а задний фон остается без цвета. Как задать цвет для заднего фона в strokeText. Вот пример, где рисуется квадрат из точек и добавляется задний фон. Тоже самое...

Мельница (анимация)
Доброго времени суток. Немного постигаю анимацию на JavaScript, и вот сейчас потребовалось сделать мельницу: грубо говоря, два вращающихся прямоугольника с линией Два вращающихся прямоугольника...

События addEventListener на картинке
Подскажите пожалуйста как создать массив из картинок вывести этот массив на экран и привязать к нему события нажатия кнопки мыши. При нажатии картинки появлялось сообщение координат этой картинки по...

Наложение текстуры на изображение
Есть задача. Надо наложить определенную текстуру на изображение с помощью Canvas. Помогите буду очень признателен или хотя бы ссылочкой где можно на эту тему почитать.

Масштабировать изображение полученное на canvas
Доброго времени суток, У меня строится фрактал, и суть задачи состоит в том, чтобы можно было масштабировать полученный результат, а так же передвигаться по поверхности (если масштаб был...

Перемещение объекта в canvas HTML 5
Вот игра Doodle Jump на HTML5 http://yraaa.ru/test/119/. Мне нужно сделать чтобы когда игрок выходил за пределы canvas продвигался вверх. Код открытый но не смог найти то, что нужно.

Фрактал на основе окружностей
Фрактал на основе окружностей Реализация данного задания на Delphi. Кто поможет сделать то же самое на JS ?

Пример создания match-3 игры
Здравствуйте! Нашел пример создания match-3 игры: http://rembound.com/articles/how-to-make-a-match3-game-with-html5-canvas В этом примере плитки в виде обычных форм с залитым цветом. Подскажите...

Создание пиксельной картинки средствами JS
Здравствуйте. У меня есть двумерный массив M(m, n). Значение каждого элемента массива — цвет (в шестнадцатеричном формате, типа #FF0000). Подскажите, пожалуйста, как из этого массива сформировать...

Текущее время в input datetime-local
Здравствуйте! Имеется поле input типа datetime-local. На странице в этом поле можно открыть календарь и нажав на точку заполнить поле текущей датой. Но это поле почему-то не добавляет текущее время....

Бильярдный стол (или что-то вроде этого)
здравствуйте, ковыряю книгу js для детей. там есть задача с мячом, который летает по полю и отскакивает от сторон. решил ее усложнить добавив много мячиков и добавив соударения между ними. вот...

Каждую секунду квадрат должен смещаться от ЦЕНТРА холста на случайные координаты
Начал изучать HTML5 и JS. Создал базовый пример. И.. застопорился. Пытаюсь записать алгоритм такой алгоритм: - создается красный квадрат 100 на 100; - в нем синяя буква "Ю"; - каждую секунду...

Поменять заливку цвета на изображение в canvas
Помогите поменять фон круга. Чтобы он был не черным, а с какой-то картинкой фоновой. В js не силен, к сожалению. Может у кого получиться. Буду благодарен. Вот тот самый canvas элемент: <script...

Как отрисовывать один объект несколько раз! HTML 5 CANVAS
Такая история! Есть плавно увеличивающийся круг на полотне canvas! (круг появляется в рандомном месте полотна canvas). Как мне вызывать отрисовку этого круга несколько раз! Ну что бы первый круг...

Подгон размеров div блоков под экран
Всем привет! Как реализовать изменение размеров блока при изменении размеров экрана? На сайте http://agar.io это реализовано так, что блок не может выйти за пределы размеров экрана. Буду рад готовым...

Как изменить размер canvas после скриншота
Здравствуйте. С помощью библиотек HTML2canvas сделал скриншот блока div. Мой суперсложный код: html2canvas(document.querySelector(".image")).then(canvas => { ...

О перспективах 3D в Браузере, WebGL и Canvas вообще
Всем привет, хочу поговорить о перспективах WebGL и библиотек/фреймворков для работы с ним соответственно. По моему технология уже давно готова для разработки игр, не Battlefield 4 конечно, и даже...

Получение метаданных audio
Есть код, который отвечает за рандомное проигрывание аудио файлов. Файлы хранятся на сервере, путь к ним лежит в БД. PHP-код генерирует путь и подставляет его в скрипт. Суть задания в том, что нужно...

Анимация на Canvas
Всем привет! Можно ли с помощью JS или CSS анимировать фигуры canvas после того, когда они были отрисованы. К примеру, на одном холсте есть две окружности, одна из них должна спустя 3 секунды...

Анимация Canvas, (rotate)
Есть функция, которая рисует крест и setInterval, который вызывает функцию. Как сделать так, чтоб крест начал поворачиваться, игрался с функциями save() и rotate(), так ничего и не получилось с...

Рисование графика функции в Canvas
Здравствуйте, форумчане! Помогите пожалуйста с лабой. Нужно написать с помощью JS программу, которая строила бы график функции введённый в поле, на заданном также в полях диапазоне. Вот как я...

Как убрать оранжевую ячейку оставив сам график Chart js
<!-- Подключаем JQuery и Chart.js --> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script type="text/javascript" ...

Убрать круг при клике на него
Здраствуйте. Написал скрипт для генерация кругов. Теперь нужно реализовать возможность исчезновения круга при клике на него мышью, с чем собственно у меня возникла проблема. function drawCircle()...

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

Вращение квадрата при нажатии на его угол и его перемещение при нажатии на него (Canvas)
Добрый день, я столкнулся с такой проблемой, мне нужно сделать реализацию вращения квадрата при нажатии на его угол и его перемещение при нажатии на него, но я плохо представляю как это сделать. Я...

Адаптивный canvas
Здравствуйте. Как можно сделать адаптивный канвас? Вот код рисования. Но здесь всё указывается в пикселях. Т.е. на экранах с маленьким разрешением картинка будет большая, а с большим разрешение -...

Нужно построить график линейной функции в Canvas
У меня есть линейное уравнение по типу: y=A*X + B Например, y = 2*x + 4 Мне нужно отобразить его на холсте Canvas с любыми значениями A и B. Как мне нужно это реализовать? Подскажите...

Геометрические фигуры
Помогите с заданием: Нарисовать белый круг на черном фоне. Круг должен быть максимально большим, но входить в окно полностью.

Найти координаты щелчка мыши в 3D сцене (WebGL, Three.js)
Здравствуйте, форумчане! Помогите, пожалуйста, с решением вот такой вот задачи: Имеется некое облако точек. Всё облако точек является одним объектом. Задача такая, что при нажатии по точке,...

Canvas. не могу понять как работают sin, cos, tg и ctg
прогуливал уроки математики* Привет я в js только погружаюсь и начал значить изучать canvas вроде бы всё хорошо но не могу понять как работают sin, cos, tg и ctg хотел бы понять как они работают...

Появление объекта через заданное время canvas
Здравствуйте, подскажите, как сделать, чтобы красный квадрат появлялся через 5 секунд. https://jsfiddle.net/3xbc2L9q/ <canvas id="d1" width="300" height="300"></canvas> #d1 { border: 3px...

Повернуть на 180
Как повернуть спрайт на 180 градусов? Заранее спасибо) вот так вперед: context.drawImage(img.dom, img.width*(img.activeSprite-1), 0, img.width, img.height, x, y, img.width, img.height); а...

Не Работает clearRect (canvas)
<!DOCTYPE html> <html> <body> <canvas id="1" width="1024" height="600">instal google chrome</canvas> </body> <script> var square =...

Следование прицела за мышкой
Не знаю есть ли смысл сюда писать уже)) так как, как я только перешёл на изучения канваса, мне тут ни разу ни кто не ответил))) но мало ли пройдётся мимо какой нить гуру) В общем пытаюсь сделать,...

Перевести часы с flash на html5
Добрый день. Мне очень нужно перевести часы с flash на html5 . Флеш более к глубокому моему сожалению не работает, а сии элементы являются важной частью дизайна моего старого сайта, коей мне нужно...

Слайдер, подключение checkbox
Доброго времени суток товарищи. Создаю простой слайдер, ради интереса, для саморазвития. Остановился на том что не могу дать жизнь checkbox. Затея такая, на каждый checkbox закреплена картинка и при...

Интерактивный баннер в HTML5
Здравствуйте! Есть задача: сделать интерактивный баннер в HTML5. Будет следование объекта за мышью и передвижение другого объекта в место клика. В чём его целесообразней делать в Adobe Edge Animate...

Нарисовать кольцо с помощью canvas HTML5
Как нарисовать с помощью html5 подобие кольца? Добавлено через 12 минут Поднимаю тему

Обрезка изображения линиями
Существует специальная функция которая рисует изображение drawImage и её перегруженный вариант которая делает обрезку изображения и принимает она 8 параметров. drawImage(image, sx, sy, sWidth,...

SVG d3.js + dagre Попытка построить семейное дерево
Здравствуйте ) уже третья неделя идет, а я все воюю с семейным деревом, которое может иметь несколько детей, и несколько родителей у каждого. Советветственно да, структура не как у дерева получается,...

Как на canvas переместить изображение?
как на canvas таскать изображение мышкой? можете подсказать, какие методы для этого использовать?

Отображение i счетчик в canvas
Привет всем. Как мне сделать так чтобы переменная i отображалась в canvas по середине как таймер линии? var context; // переменная для хранения контекста var container; // переменная для хранения...

JSON, длина массивов в массиве равна одному - почему?
Всем привет! Почему длина boost равна 1, когда в нём 2 массива? Вывожу boost и вижу, что они объединены в одно целое (через запятую). Делал boost объектом, длина undefined, разбор удобней, но сам...

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

Java script doodle jump
Делаю doodle jump на html5 и js Нужно сделать двойной прыжок и убрать баг ,когда нажимаешь на новую игру блоки не появляются. Просто по js я ноль Пример Кода:Создание блоков var blocks = ; ...

Перемещение нарисованных фигур
<!DOCTYPE html> <html> <head> <link rel = "stylesheet" href = "index.css"> <script src="canvas.js"></script> <script src="index.js"></script> <meta charset="utf-8">

Очистка графика canvas (chart.js)
Здравствуйте, такая проблема: Использую библиотеку Chart.js для рисования графика. <canvas id="metricConcept" class="col-md-10" hidden></canvas> var ctx =...

Канвас, изменение размера без "удаления"
Вычитка - " canvas создает область фиксированного размера содержимым которого управляют контексты". При изменении размера канвас, видимо, создает себя с нуля. Я сделал маленький платформер на...

Присвоить ID кнопке
Если размножить данную кнопку, то при нажатии на любую из них открывается окошко первой. Не знаю, как правильно прописать ID для каждой из них. Можете показать в коде, как это должно выглядеть?...

Правка Drag and Drop кода под Adobe Animate CC
Есть пример кода прекрасно работающего самого по себе. Пытаюсь засунуть его в проект Adobe Animate CC HTML5 Canvas. При запуске наблюдаю белый экран. Пытался добиться ответа на офф форуме - это...

Нарисовать радугу с помощью градиента.
Пробую сделать радугу, но в итоге выводит не радугу, а другие цвета, почему? <!DOCTYPE html> <html> <head> <title>Рисование прямоугольников</title> <script src='OSC.js'></script> ...

Разбить круг на полигоны html canvas
Уважаемые подскажите каким способом можно разбить круг(2d), на полигоны Как я понимаю версткой этого не достичь скорее всего, и думаю что тут только канвас? На скриншоте я красным показал как...

Есть электронная подпись на Js/Jq как сохранить её на сервере
Всем привет! Есть форма, типа: http://www.pchelomer.ru/forma/display-form/26RKJ363EW4U/index.php Блок под надписью Please sign below with your mouse or using touch-screen display. * служит холстом...

Возможно ли получить код открытой в браузере страницы, не используя innerHtml?
Требуется считать в переменную код - или всей страницы, или ее (одного из тегов div) части, но без использования свойства innerHtml. Добавлено через 4 минуты И без outerHTML тоже.

Не отображается фон
Доброе утро. Пишу змейку на JS, добавил фон, а на странице в браузере его не видно. В чем проблема? Спасибо const canvas = document.getElementById("game"); const ctx = canvas.getContext("2d"); ...

Canvas круг столкновение со стеной
Помогите сделать столкновение со стеной как в игре Agario , там когда он сталкивается с ней по мере захождения за неё исчезает (вплоть до полу радиуса). Вот скрин:...

Canvas: найти пиксель по цвету
Как получить координаты первого найденного пикселя с определённым цветом. К примеру у нас есть картинка. На ней мы видим синий квадрат, который начинает отрисовку по координате на 3,3. Как...

Uncaught TypeError: Cannot set property 'fillStyle' of null
При выполнении следующего кода ошибок нету. Но вот иногда выскакивает ошибка Uncaught TypeError: Cannot set property 'fillStyle' of null Не смог определить закономерность появления ошибки. var...

Смена цвета фона формы при нажатии на кнопку
Всем доброго дня! Поставлена задача: Разработать интерфейс, представляющий собой 1 страницу html5 и css3 для ввода учетных данных, должна иметь средство для выбора одного из двух вариантов дизайна...

Реализовать движение фигур
Вот такие фигуры должны быть Круг у меня не закрашивается. Поставить его самым правым не получается ибо тогда движение в ряду прекращается. function createImage() { var ctx10 =...

Заполнение всего игрового поля шариками случайного цвета
Как сделать, чтобы всё игровое поле было заполнено шариками случайного цвета? show.js: // Интерфейс программы const ROWS = 9; // количество рядов const COLORS = 9 // количество цветов...

Вывод текста в canvas
Здравствуйте, Подскажите как решить эту задачу .Суть вопроса - есть строка записанная в массив letter и при попытки вывода ,при помощи filltext(letter,x,y), строка выводиться через запятую (т.е....

Обвести буквы красным цветом в Canvas
Есть текст Hello заполненный градиентом (в роли градиента - картинка). Нужно сделать обводку этого текста Hello красным цветом. Тень вроде работает нормально, градиент с картинки заполняется, а...

Как сделать выделенную часть текста (в браузере) жирным шрифтом?
Есть два абзаца: <p>Первый абзац</p> <p>Второй абзац</p> Мышкой выделяем символы "зац Втор". Т.е. выделятся части двух абзацев. Нужен скрипт, который бы запускался, к примеру, по нажатию кнопки...

Реализация перезарядки
Здравствуйте! Такая проблема. Делаю перезарядку для танка отприсованного на канвасе, тоесть идёт ещё милесекундное обновление всего скрипта. Суть такая, как сделать так, чтобы танк-бот выстрелил, а...

Как реализовать функцию onclick для img в canvas?
Всем доброго времени суток. Пишу игру на нативном js и возник такой вопрос. Изображения в canvas загружаю через js. Вот так. var cross = new Image(); cross.src = "img/cross.png"; ...

Проверить Canvas на наличие изображения
Посоветуете, пожалуйста, простой программный способ проверки Canvas'a на наличие изображения (если известно, что изображение img могло быть добавлено на Canvas только оператором ...

Добавление звука для старта игры
Подскажите как добавить звук для старта игры, файл (66084__calmarius__jump) ??

Как делать что то пока нажата кнопка мыши?
Вечер добрый. Подскажите пожалуйста как делать какое то действие (рисовать) пока нажата левая кнопка мыши в JS?

Основные графические примитивы
Нарисовать из прямых линий ракету. Иллюминатор изобразить с помощью окружности. (с помощью Canvas) Помогите, пжлста

Склейка всех изображений в одно
Доброй ночи форумчане. У меня в html 3 блока и в каждой по разной картинке, как сделать так, чтобы по клику произошла склейка всех 3х изображений в одно целое и все что наложено сверху тоже...

Canvas очень медленно рисует
Когда пытаюсь отобразить что-нибудь по типу множества Мандельброта или что-то подобное (цвета пикселей хаотичны), canvas 200x200px работает супер-медленно, по несколько секунд картинку обновляет....

Rotate, вращение объекта
Доброго времени суток. Появилась проблема которую так просто нагуглить не получилось. В общем есть объект ctx.fillrect, я его вращаю с помощью ctx.rotate, каждые 10 мс на угол X, а также смещаю центр...

Получить позицию точки рисования
В канвас возможно как то получить координаты точки рисования? https://jsfiddle.net/psfdek/d7z1xe1f/ - вот тут рисуется окружность и после остановки рисования мне необходимо получить от canvas...

Context.getImageData не работает в паре с выводом картинки
хочу получить данные попиксельно var imageData = context.getImageData(0, 0, 100, 60) ; удивительно, но если на context перед этим вывести что угодно методом context.drawImage(image,0, 0,...

Input в canvas
Здравствуйте. Есть проблема одна. Как реализовать поле ввода текста (input text) на холсте canvas, не используя средства html. Нашёл пару библиотек но они не кроссбраузерные...

Расположение фигуры ctx.rotate
Здравствуйте! Столкнулась с такой проблемой, что не могу повернуть фигуру на нужное место. Код красным цветом. Хочу чтобы она была бы симметрична тем двум, но почему-то не получается ее...

Написать скрипт, отображающий карту Беларуси (находится в папке Photoshop) и при наведении курсора мыши на опр
Написать скрипт, отображающий карту Беларуси (находится в папке Photoshop) и при наведении курсора мыши на определяемую область, показывающий время и название областного центра. <html> <head>...

Функция: разделить текст на предложения по символу "."
Написать функцию, которая делит текст на предложения по символу ".". Каждое предложение выводить отдельно в консоль.

Сохранение Canvas изображения в JSON
Есть проект, который на Canvas рисует простейшие фигурки.(круг, квадрат, линия). Нужно изображение с Canvas-a сохранить в формат JSON и загрузить. Каким образом это сделать, что в это сохранение...

Реализация стрельбы Canvas js
Добрый день помогите разобраться как реализовать стрельбу, есть ракета она вращается вокруг себя и летит в зависимости от поворота, как стрелять в нужную сторону во время поворота, и как убить объект...

Не работает цикл с canvas
Всем добрый вечер. Продолжаю мучиться с эффектами изображений для холста. На этот раз такая проблема. Имеется код: function printMenuImage(canvas, path, mode, effect) { var image = new Image();...

Учебник по canvas 2d на русском
Дайте подробный сабж И ссылачег на наиболее популярные web 2d - движки накидайте

Как убрать размытие пикселей
Здравствуйте, я столкнулся с проблемой размытия пикселей и линей. Допустим рисую canvas.beginPath(); canvas.moveTo(0,0); canvas.lineTo(100,100); canvas.stroke(); Получаю...

С помощью DrawImage canvas в цикле по данным из массива нарисовать картинку
Если рисовать картинку без использования массива то все нормально, но как только я пытаюсь использовать данные из массива картинка не рисуется, никаких ошибок не выдает. Подскажите в чем проблема. ...

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

Большая тема по созданию карты
Добрый день, обитатели форума! Итак, требуется ваша помощь с идеями и знаниями, сейчас не важны даже не какие-то примеры кода а выбор правильного пути. Но если у кого-то есть пример подобного, то...

Ограничить область перетаскиваемого объекта (drag) в Animate CC
Всем привет. Нужна помощь в следующем вопросе. Есть кнопка sbtn для скролинга другого объекта legal Код позволяет захватить sbtn и перемещать по Y но проблема в том, что я не могу ограничить...

Рисование в canvas 50 окружностей
В программе задана переменная ctx, которая содержит контекст canvas элемента. Отрисуйте в canvas 50 окружностей c центром в точке 150:150 и радиусом от 2 до 100. Для решения данной задачи...

Canvas и массивы
Здравствуйте. Есть необходимость построить график через canvas. Имеется массив в котором содержатся числа от -1 до 1. Выводя по этим числам график через массив его практически не видно. Как...

Canvas заливка фигуры
Здравствуйте, как решить проблему в канве с заливкой фигуры: при заливке первая и последняя точка, как бы, соединяются Особенно это актуально для произвольных фигур. Хотелось бы без лин. алгебры...

Phaser.js Как изменить кнопку с пробела на клик мышки, чтобы работало и при нажатии на телефоне?
Подскажите пожалуйста, как мне изменить кнопку с пробела на клик мышки, так чтобы работало и при нажатии на телефоне var spaceKey = game.input.keyboard.addKey( Phaser.Keyboard.SPACEBAR); ...

Как наиболее быстро попиксельно обработать изображение с Canvans
Здравствуйте. Вы не могли бы мне помочь. У меня есть цикл с итерацией: var pix_color = MyCanvans.getContext("2d").getImageData(i, j, 1, 1).data ; (где pix_color потом сравнивается с...

Реально ли сделать анимацию рыбки?
Подскажите пожалуйста, реально ли сделать такую анимацию рыбки из png картинки? Эту гифку делал сам, но оказалось что заранее заготовленная гифка мне не подходит. Можно как то сделать анимацию...

Сохранить на сервер скриншот из видео
Доброе время суток! Имеется код на локальном сервере, он рабочий и проигрываемое видео сриншотится и сохраняется если видео находится непосредственно на локальном сервере, но стоит добавить видео...

Как загрузить большое количество объектов из json через цикл Phaser?
Я только начинаю изучать данную библиотеку и мне пришла идея создать простенькую игру. Все картинки я решила хранить в json. Как можно загрузить их в цикле на холст? Вот мой json документ данные...

Плавное рисование на canvas
В общем, я делаю что бы при ведении курсора по канве, за мышкой рисовалась полоса (куда ведем туда и рисуется), но у меня проблема, она не правная... и даже с использованием ...

Закрасить canvas по клику ЛКМ
Здравствуйте всем :) С javascript "на ты", посему не могу понять как сделать след. вещь. Есть такой код: <html> <head> <script...

Исправить код к не большой игре
Здравствуйте, пытался сделать игру "Лабиринт" : 1) Генерируется лабиринт который надо пройти на алгоритме Прима 2) Управление стрелками Пожалуйста проверьте код надо ли что-то подправить с вашей...

Как сделать чтобы при повторном нажатии на элемент из массива его предыдущий цвет возвращался?
Добрый день. Мне нужно повторно поменять цвет эллипса. Как сделать .чтобы при повторном нажатие на элемент из массива его предыущий цвет возвращался ? То есть в начале был черный. потом белый....

Игры на JavaScript HTML5 и Canvas
Скажите пожалуйста, эта игра http://onlineguru.ru/25321/view.html написана на JavaScript HTML5 и Canvas? И вообще эти вот игрульки http://onlineguru.ru/cars/ тоже? Что то мне не вериться)) ...

Как сделать так, чтобы канва принимала размеры подгружаемого изображения?
Привет, всем! Вопрос простой, по крайней мере я так думаю, но решения найти не могу нигде. Суть следующая: есть на html-странице canvas, есть скрипт, подгружающий изображение в канву. Но вот...

Язык сценариев Javascript
1. Написать функцию, которая принимает два параметра: сообщение, полученное с модального окна и количество символов. Скрипт должен выполнять следующие операции: a. Проверять на пустоту сообщение...

Canvas
Нужны такие же линии canvas, как там на заднем фоне анимированные. Нигде не нашел. Где взять код, ребят?

Как отменить последнее действие при рисовании в canvas карандашом (pencil)?
Задача: создать холст canvas с возможностью свободного рисования на нем "карандашом", с возможностью полной отмены нарисованного (очисткой холста) с возможностью отмены последнего действия...

Заливка изображения
Есть картинка (рубашки) и нужно сделать заливку как на этом сайте при выборе ткани.

Холст мешает нажатиям
Здравствуйте, я столкнулся с проблемой - один холст canvas не дает мне нажимать на другой холст canvas. <div style="position:relative;"> <canvas width="300" height="300" id="pl2"...

Наложение текстуры в Three.js на фигуру
Здравствуйте! У меня возникла проблема с наложением текстуры на 3d фигуру,помогите кто разбирается в этом, с three.js работаю впервые, вот суть проблемы: у меня есть текстура картинко в png...

Как лучше всего делать звук в браузерной игре?
Доброго времени суток! Решил в свободное время вспомнить молодость и запилил на Арканоид на js/canvas: Игрушка отлично работает и на декстопе и на смартфонах, и вполне даже залипательная...

Canvas HTML Простые фигуры
Здравствуйте, круг не до конца рисуется. Как можно исправить ? Как сдвинуть рисунок от границы Canvas <html> <header> <hgroup> <h1>Лабараторная работа 3</h1> <h3>Специфические теги...

Круг из треугольников
Нужно чтобы данный треугольник образовывал круг по определённому радиусу и чтобы каждый последующий был разного цвета. Вот код: <!DOCTYPE html> <html> <body> <canvas id="myCanvas"...

Анимация перемещения фигуры HTML Java Script
Добрый день. Срочно нужна ваша помощь. Нужно вместо шарика нарисовать ромб чтоб двигался по заданной линии. Пробовал по линиям ромб начертить, программа не работает. Есть ли другие способы отрисовки...

Как при нажатии на кнопку click рисовать в canvas прямоугольник
Здравствуйте, я новичок в изучении js, html, css , но мне понадобилось написать ф-цию, которая с каждым нажатием рисует новый прямоугольник в canvas (размеры 10 на 10) в принципе не представляю...

Загрузка изображений в Canvas
Всем доброго времени суток :) Есть задача: Сделать в интерфейсе один <input type="file"/> и один <canvas> Из input в canvas должны загружаться изображения и отображаться. + Нужно сделать так что...

Canvas анимация
Есть квадрат, например 150х150. Внутри него лежат 3 точки и соединены линиями, эти точки перемещаются в этом квадрате, как можно сделать подобное? Canvas, svg без разницы

Игра на JS
Создать игру: есть чайники разных цветов , выбрать одного одинакого цвета. Т.е 1 уровень выбрать чайники чёрного цвета, второй уровень выбрать все чайники зелёного цвета. Можете посмотреть правильно...

Изменение положения камеры
Пишу скрипт с использованием three.js и OrbitControls.js. Ниже объявление основных элементов. var scene = new THREE.Scene(); var camera = new THREE.PerspectiveCamera(45, width/height, 0.1, 5000);...

Мне нужно сравнить каждый пиксель на canvas и заменить его?
Есть старый код написанный на Action Script 3.0. Мне нужно его переписать на javascript canvas. Он берет картинку сравнивает пиксели и заменяет их вот пример. private function onComp...

Программа - paint на html, css и js
Если я что-то нарисую на canvas, потом нажму клавишу s - save и r - replay, при попытке изменить фон он не будет изменятся, но при этом переменной back_color_canv будет присваиваться цвет. Для того...

Canvas html5, как разместить черный пискель в центре canvas'a?
как разместить черный пискель в центре canvas'a?

Создавать изображение для дальнейшего сохранения Canvas
Можно ли создавать изображения в Canvas и выводить пользователю сразу фотографию для дальнейшего сохранения, без php. Видел toDataURL(), но он в новом окне выдаёт. Как сделать чтобы выводилось сразу.

Canvas.toDataURL не видит фильтры?
div { width:200px; background-color: green; } function downimg(){ html2canvas($('#downimg'), { onrendered: function (canvas) { ...

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

Значение координат в canvas + javascript
Помогите с проблемой. Есть такой код: var img=document.getElementById("image1"); var canvas=document.getElementById("b"); var x=canvas.getContext("2d"); x.drawImage(img,716,140); Мне...

Canvas и событие onmousemove
Здравствуйте, уважаемые товарищи! Продолжаю баловаться с JS+Canvas и не получается сделать одну программку. Для начала код: <html> <body>

Canvas при растяжении!
Здравствуйте Всем все не могу не как разобраться почему так, так вот в HTML создаю canvas С помощью js ресую линию и текст с координатами 0,0,100,100 canvas у меня 50,50,400,200 <!doctype...

Большой канвас не работает в Firefox
Здравствуйте. Пишу код на JavaScript с большим канвасом 10000х10000 (интерактивная карта таймлайнов для одного веб-комикса). Пока что рисуемая часть таких площадей не занимает, но в будущем, я...

Ограничение зоны на карте в 2D игре
Всем привет, как сделать ограничение, до красных линий? Как на этой картинке.

Построить график функции тангенс в квадрате
Нужно построить график функции тангенс в квадрате tan2(x). Помогите, у меня не получается. Вот мой код. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title>...

Анимация шестеренок
Идея и способ из предыдущей темы, кажется не плохо получается. <html><head></head> <body> <canvas id="myCanvas" width="300" height="200" style="border:1px solid #000000;"> Your browser does...

Платформер на Canvas API и WebGL
Закончила писать небольшой платформер. Игровая механика как в Марио. Есть враги, которых можно победить с наскока. Если идти напролом, то герой упадет в обрыв и потеряет одну жизнь. ...

Возможна ли пауза?
Рисую анимацию, используя тег нового HTML5 canvas. Есть один вопрос: возможно ли вообще хоть как-нибудь осуществить полную остановку (паузу) выполнения js кода? Допустим у меня будет анимация, и по...

Point.js работа с объектами из массивов
Код можно скопипастить, всё будет работать, если библиотека движка есть. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Игра</title>

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

Круг
Здравствуйте. Перейду сразу к делу. У контекста холста есть метод .arc (x, y, r, ...), рисующий круг. Центр круга по идее должен быть именно в том месте, которое обозначают посылаемые аргументами...

3d графика и анимация в JS
Подскажите в каком направлении думать. Фронт проекта будет писаться на JS, в проекте присутствует анимированная 3д графика, которую дизайнер создает в своих программках на выходе получается файл...

Нарисовать график функций (canvas)
Помогите решить, пожалуйста Добавлено через 4 минуты y=x- (1/(3+sin(3.6x)), x\varepsilon

Canvas to PDF
Нашел единственный пример https://habrahabr.ru/post/278047/ как сохранить мой сайт в пдф корректно (в виде картинки). (я уже просмотрел сотню сайтов, но все либо предлагают он-лайн сервисы, либо...

Отдаление объектов obj
Есть obj loader,с множеством разных объектов.Некоторые загружаются отлично,а некоторые очень близко и если их отдалять часть объекта так сказать пропадает за экран ,подскажите в чем может быть...

Создать рисование траектории движения шаров?
Как создать рисование траектории движения шаров? в этом коде http://codepen.io/iiSeptum/pen/xmsGw например как здесь http://codepen.io/Grilly86/pen/GBaCE

Как убрать картинку с экрана через заданное время?
ctx.drawImage(second_level, 0, 0); Как сделать, чтобы это изображение не отображалась через определенное время (напр. через 2с). Спасибо заранее.

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

Полное удаление объектов three.js
В моем скрипте считываются данные с файла и на их основе создается группа объектов, которая в итоге и добавляется на сцену. var group = new THREE.Object3D(); После открытия нового файла мне...

Хранить в памяти картинки перед выводом на canvas
Можно ли нарисовать рисунок перед тем как вывести его на canvas? Хочу использовать тайлы для создания большого 4К изображения и выводить его частями через drawImage() с HD размере.

Не работает функция рисования квадрата по щелчку кнопки? Fabric js
<html> <head> <meta charset="utf-8" /> </head> <body> <canvas id="paint" style="width:600px; height:400px; background:#fff; border:2px dashed #ededed;"></canvas> <input...

WebGL: не происходит отрисовка фигуры.
Здравствуйте. Запустил следующий код, который был предназначен для того, чтобы нарисовать на холсте красную точку с использованием возможностей WebGL : <!DOCTYPE html> <html> <head> <meta...

Почему библиотека рисует такие размытые фигуры на канвасе небольшого размера?
Использую библиотеку jСanvas, однако она почему-то выдает размытые фигуры при небольших размерах канваса. Взял другую библиотеку - Konvajs и вот результаты: <script...

Рисовать массив поэлементно с задержкой
Пытаюсь рисовать матрицу из квадратов в canvas в зависимости от количества элементов массива. Задача состоит в том, чтобы отрисовывать квадраты постепенно, т.е сначала arr, потом после небольшой...

Написать программу для движения персонажа на игровом поле
Двигаем спрайт Мы напишем программу для движения персонажа на игровом поле, состоящем из клеточек, в ответ на нажатия клавиш. Страница на языке HTML уже готова, называется index.html, и ее...

Разработать функцию javascript, решающую графическую задачу с помощью тега canvas
Аппроксимация облака точек (x, y) ломаной линией из n звеньев по методу наименьших квадратов

Адаптивный канвас
Всем привет! Ребята, подскажите как можно сделать нормальный адпатив для следующего сайта. http://develop.2di.site В принципе меня всё устраивает, только когда просматриваешь сайт с мобильно...

Масштабирование фигур
Необходимо увеличивать размер фигуры с помощью ползунка. Фигуры строятся по точкам отдаляясь от центра на определенное расстояние, например (x+25, y+75), я пытаюсь за счёт переменной SIZE отдалять...

Не получается получить цвет пикселя в canvas используя getImageData
Проблему удалось кратко описать в заголовке, тут я распишу её более подробней, есть вот такой код: var timerId = 0; var counter = 0; function randomInteger(min, max) { return...

Фракталы, отрисовка фрактала
Помогите пожалуйста, нужно создать страницу на html и js, которая отрисует два типа алгебраических фракталов, использующих тригонометрическую функцию tg z. Я в компьютерной графике вообще не...

Как увеличить отдельный фрагмент картинки?
Добрый вечер всем.. У меня возникла такая проблема.. Мне нужно на канвасе сделать такой эффект, похожий на эффект капли.. Тоесть я нажимаю мышкой на изображение, и по изображению якобы двигаются...

Canvas, поворот рисунка относительно позиции мыши
Здравствуйте, пытаюсь разобраться с графикой и возникли некоторые сложности. Хочу повернуть изображение относительно позиции мыши, не используя встроенные для этого инструменты, но что-то не так...

Поясните по canvas
Почему не получается изменить параметр через переменную в функции (извиняюсь заранее за все) а именно я хочу сделать что-бы линии вертикальные и горизонтальные двигались таким образом что-бы...

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

Клик по объекту внутри канваса [ fabricjs ] или как унать размер нарисованной линии на определённом отрезке ?
Всем привет. Использую fabric.js библиотеку, что бы легче было жить. Вот.. собственно вопрос: Как можно распознать клик по объектам внутри канваса ? в фабрике есть подобная функция, но она считает...

Как стилизовать Google Map?
Здравствуйте. Пытаюсь стилизовать Google map в таком варианте mapstylr.com/style/facebook-3/ , но не получается. Вот код моей Google Map: <script type="text/javascript"> function...

Сжатие JPEG средствами JavaScript
Доброго времени суток! Возникла потребность в написании приложения, которое работает с JPEG на JavaScript. Необходимо выполнить алгоритм сжатия JPEG. То есть, нужно представить изображение в виде...

Анимация Canvas
Только начал общаться с js - пишу дипломную с использованием канвы и js. Проблема возникла вот тут: $("#play").click(function(){ for (var i = 0; i<kol_sost; i++){ for (var...

Переписать код морского боя для работы с canvas
Нужно переписать обычный javascript в javascript, содержащий элемент <canvas> Можно ли это вообще сделать ? или нужно писать весь код заново ? Я просто в этом не разбираюсь и про сам <canvas> почти...

Изменяет размеры в Canvas
Пожалуйста подскажите что не так. Вот обычный пример <!doctype html> <html> <meta charset='utf-8'> <head> <title>imgExample</title> <style type="text/css"> canvas { ...

Вращение спрайта в след курсора
Есть на первый взгляд тривиальнейшая задача: вращать спрайт в зависимости от положения курсора. Пример по ссылке http://phaser.io/examples/v2/arcade-physics/angle-to-pointer И всё бы ничего, пока...

Считывание содержимого объекта Canvas
Имеется интернет-страница с отображаемой схемой мест и текущим наличием мест на ней. При этом объект имеет тип Canvas. Подскажите, пожалуйста, как можно программно в Js считать эту схему и считать...

Реализуйте таймер с сигналом и выставлением времени
Здравствуйте , помогите добавить окошко для выставления времени и звук по окончанию работы таймера ... <script type="text/javascript"> function startTimer() { var my_timer =...

Вращение треугольника по данному коду
Здравствуйте, нужна помощь. Не смог разобраться как сделать вращение треугольника по типу кода снизу. Помогите плиз. Вот код <!DOCTYPE html> <html> <body>

Вращение квадрата вокруг оси Z при перемещении мышки влево и вправо
Помогите, пожалуйста !!! Есть нарисован белый квадрат. Нужно при щелчке мыши, чтобы он вокруг оси Z вертелся. Ниже приведен сам листинг и результат. Очень нужно! Кому не трудно подскажите как это...

Обрезка текста в нескольких блоках
Нужно обрезать текст в идентичных блоках (любого количества). Получается реализовать только на первом блоке с применением document.getElementById. Пробую SelectQueryAll для всех div p, не работает....

Canvas mousemove пропуск пикселей
<canvas id="games"></canvas> <script> /*function changes() { sw = window.innerWidth; sh = window.innerHeight; canvas.width = sw; // задаём размеры холста canvas.height = sh;...

Анимация распространяется не на весь экран, а только на его часть, не могу понять где ошибка
У меня возникла такая проблема что анимация не распространяется на весь экран а только на ее часть не понимаю в чем проблем. Как сделать что бы эта анимация была на весь экран помогите ссылка на...

Сделать так, чтобы радиус врага и игрока при поглощении желтого кружка увеличивался на 1/10 радиуса поглощенного кружка.
Здравствуйте. Нужна помощь. Создала игру на JS, файл прикреплен. Еще нужно сделать так, чтобы радиус врага и игрока при поглощении желтого кружка увеличивался на 1/10 радиуса поглощенного кружка. Как...

Babylon JS Не отображается текстура skybox
Я только начал изучать Babylon JS, и столкнулся с проблемой. Изучая данный примерhttps://playground.babylonjs.com/#1SLLOJ#17 я заметил, что текстура применяемая к skybox не отображается. Я получаю...

Встроенные объекты Java Script. Объекты Array, Date
Создать массив, содержащий названия элементов, находящихся в системном блоке компьютера. Добавить к нему массив, содержащий названия периферийных устройств. Определить размер полученного массива и...

Создание объектов средствами языка Java Script
Задание. Создать объект с заданными свойствами и методами(чтобы всё вводилось в блокноте). Объект – цилиндр. Свойства: радиус основания, высота. Методы: а) нахождение объема цилиндра; б)...

Построение 48-ми угольника
Добрый день уважаемые. Вот задался вопросом нахождение координат правильного 48-х угольника, подскажите как реализовать алгоритм. Задача следующая Есть точка в центре экрана(холста) с координатами...

Таймер и окончание игры на сайте
Привет всем) Очень хотела попробовать сделать игру на память с цветами на сайте, но столкнулась с проблемами :gsorry: Подскажите пожалуйста как 1) Сделать проверку на окончание игры(что все...

Написать скрипт, который определяет по введенной дате рождения сколько было лет в период всей жизни
Написать скрипт, который определяет по введенной дате рождения сколько было лет в период всей жизни. Скрипт должен быть выполнен во всех циклах var day = prompt('Day: '); var month =...

Математический маятник
Здравствуйте, есть код математического маятника который реагирует на клики мышью, как сделать так чтобы он реагировал на прикосновения тач скрина? <html> <body> <style> * { margin: -100; }...

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

canvas - fill
Привет всем! Меня интересует, почему не работает данный код: ctx.beginPath() ctx.arc(75,75, 75, 2*Math.PI, Math.PI, true) ctx.moveTo(150,75) ctx.lineTo(75,150) ctx.fill() Последняя команда...

Создание конструктора
Помогите пожалуйста. Нужно создать что-то подобное этому https://print.caseshop.com.ua С версткой проблем нет,но вот js еще очень сырой и я не понимаю как здесь все сделано. Хотелось бы услышать...

Создание нескольких квадратов
Всем привет. Мне нужно создать 4 квадрата (40х40), 3 прямоугольника (40х80), 2 прямоугольника (40х120) и 1 прямоугольник (40х160). Я думаю вы уже догадались, что мне нужны "кораблики" для морского...

Таймер для игры змейки
Здравствуйте, помогите пожалуйста написать таймер для игры змейки. И в конце игры, чтобы с результатом выводился(таймер затраченного времени). Вот код: (function () { var FPS = 40; ...

Обход ImageData для попиксельного рисования на canvas
Здравствуйте, есть функция, которая закрашивает canvas в красный цвет. Для этого нужно обойти весь ImageData. Теперь вопросы: 1) почему "обход 2" красит как нужно, а "обход 1" - с полосками? 2)...

Код обхода препятствий?
Делаю карту. Сделал тайлы, - стены. И пока речь идет об 1 тайле и 1 коллизии - все нормально, то есть персонаж под углом подходит к стене, допустим и движется вдоль к щелчку мыши за стеной. Но 2...

Canvas рисует не то что нужно (график по точкам)
Халло! Нужно построить график в canvas, по заранее известным точкам, но что-то он делает не так (скорее всего потому что я что-то делаю не так). Что рисует он и что должен нарисовать в...

Single Page Application авторизация
Как сделать авторизацию в single page application, отдельный HTML с формой(POST запрос) или с помощью AJAX ? Если AJAX, то напишите пример, желательно на Javascript ECMA6.

Как правильно "вырезать" с канвы часть фигуры?
Привет, кто может подсказать, как правильно "вырезать" с канвы часть другой фигуры? На пример, есть полностью залитый черный квадрат(фон), есть круг, которой залит, скажем, градиентом, с центра...

Можете обьяснить оличия JavaScript от HTML5
Допустим хочу сделать простую игру браузерную и залить её в вк.Говорят лучше все делать на HTML5, но HTML5 это просто для того чтобы запустить в браузере игру? всё ровно же игра на JavaScript...

Не отображается canvas
Взял код из видео на ютубе. Год назад в списке файлов гитхаба three был three.min.js. Сейчас советуют брать three.module.js. С этим файлом ничего не рендерится кроме title. ...

Светофор на Canvas
Я новичок, начал делать светлофор, сделал как бы но забыл что нужно еще доделать кнопку чтобы которая всю эту шнягу запускает, буду признателен если поможете <html> <head> <style...

Как сделать гиену в игре тимон и пумба
Нужно создать врага гиену

JsPdf + Canvas
Здравствуйте! Мне нужно сохранить HTML страницу с SVG графикой в PDF корректно (в виде картинки). Нашел единственный пример https://habrahabr.ru/post/278047/ Я уже просмотрел сотню сайтов с...

Змейка на холсте
Решил себя испытать, и сделать змейку на js, но что-то не получилось, и приходится писать сюда #canvas{ border: 2px solid black; } <!DOCTYPE html> <html> <head> <title></title>...

Реализуйте одностраничное Web-приложение для построения графика функции одной переменной, заданной пользователем
В общем очень нужно решение для задачи, я просто вообще не могу понять как ее можно сделать. Условие таково: Реализуйте одностраничное Web-приложение для построения графика функции одной...

Эффект Fade-In для canvas
Добрый день! Имеется код: SIZE = 400; //Константа размера холста $(document).ready(function() { //int main() var drawingCanvas = $("canvas"); //Получаем объект холста if(drawingCanvas...

Как передать массив объектов другой функции?
Добрый вечер, столкнулся с проблемой. Не получается передать данные объекта shapeParams в функцию circle() . function getShapeParams() { var shapeParams = {}; shapeParams = { radius:...

Позиционирование мыши
Всем здрасте. Рисую на канвасе, столкнулся с проблемой в позиционировании мыши. Задача: определить находится ли курсор мыши в области прямоугольника с известными координатами. Это школьная формула,...

html2canvas, почему сдвигается вниз
Добрый вечер! Имеется следующий код по формированию pdf-документа, который берется из html - div, имеющий размер формата А4 и уменьшенный до 15 % Далее идет функция, приведенная ниже, которая...

Как сделать, чтобы змейка при столкновении со стеной двигалась вдоль неё?
Есть задание, сделать змейку, но когда я сделал, чтобы она не врезалась, змейка ушла далеко за пределы карты. Вопрос, как сделать, чтобы она при столкновении со стеной двигалась вдоль неё?

Масштабирование программы
Всем здравствуйте нужна помощь Ваша, дорогие коллеги. Имеется программа Бабочку Хофштадтера, при масштабирования она не изменяется по ширине и длине, не знаю как исправить это. Если посмотреть на...

Canvas передача между клиентом и сервером
Как передовать данные канвас между клиентом и сервером и отрисовывать в другом клиенте.

Отображение obj/stl объектов
Здравствуйте,пишу отображение obj/stl объектов на сайте,вот полный код var _loaders = {}, color = { material: 0xDC143C }, defaults = { path: { ...

Отрисовывать линии по изображению
Есть изображение, фон белый, на нем черные нарисованные линии. Задача стоит следующая, необходимо поменять цвет этих линий и выдать изображение. Цвет выбирает пользователь, через js необходимо...

Обрезка фото на JavaScript без библиотек
Всем привет! Есть программа с фильтрами на JavaScript, но хотелось бы добавить возможность обрезать фото, реализованную хоть как-нибудь (будь это перед размещением фотографии в Canvas или после, уже...

Canvas: Тень для прозрачного изображения
Можно ли с помощью Cavnvas`a создать тень для изображения, в которой находится, например, круг, а фон прозрачен. Если да то приведите пожалуйста пример. Тень именно для вставленного изображения, а...

Новостной слайдер для сайта
Нашел очень интересный слайдер http://pcvector.net/uploads/demo/scripts/slideshow_and_scroller/lofslidernews_jquery/index2.html Даже есть инструкция по его созданию со всеми кодами, но не хватает...

Получить цвет пикселя в объекте Image
Здравствуйте! Есть ли способ в скрипте определить цвет точки (RGBA) объекта Image, если Image загружен, но не отрисован на Canvas? По факту нужен только альфа-канал (прозрачный это пиксель или...

Вывод формул тегом <canvas>
Есть страница с тегом <canvas>. Есть ли готовый JavaScript для вывода в этот тег формулы?

как сделать чтобы камера следовала за героем в js
var terrain = document.getElementById('Terrain'); var colision = ; terrain.width = window.innerWidth; terrain.height = window.Height; terrain.width = 1920; terrain.height = 950; ...

Что использовать для карты SVG или Canvas?
Суть проблемы вот в чем... я до этого делал картографическое десктопное приложение, а сейчас хочу сделать такое же для веба, со всеми плюшками, вроде прокладки маршрута, подсказки при наведении и пр....

Как проверить,что должно быть введено в inpute?
Есть простенький сайт,с инпутом и кнопкой. При нажатии на кнопку проверяется,если в inpute значение = 5 то цвет меняется на зеленый. Так вот вопрос,как узнать что нужно ввести 5?

3D тегом <canvas>
Как без 3D контекста (так как его просто нет), а пользуясь только 2D контекстом отрисовать 3D сцену в теге <canvas> на странице? В сцене должны быть: море (с эффектом волн), острова, китов, корабли...

Анимация js+canvas работает в песочнице, но не на сервере
Есть скрипт на js+canvas, анимация куба. В песочнице он работает. Но при попытке поставить его на тестовом сервере, вместо дива остается пустое место. Познания в js у меня очень слабые), поэтому...

Отрисовка двух канвасов в один
Такая проблема, есть два canvas в котором должны отрисовывать совершено разные вещи, но они отрисовываются в одном canvas друг на друге слоями. Один canvas находится на странице, другой подгружается...

Как загрузить картинку с локального диска на сайт (с canvas)?
Здравствуйте! Как загрузить картинку с помощью canvas только на форму сайта? Т.е. не в папку сайта а, только в форму.

Черчение графика функции
Здравствуйте, у меня проблема. С Html и JavaScript не знаком от слова совсем. Надо что бы на страничке чертился график функции a*x*x. Переменная a определяется положением бегунка. Наверное можно...

Выход за пределы поля
есть код, все хорошо работает только фигуры выходят за пределы поля, как это исправить? <!DOCTYPE html> <html lang="en"> <head> <title>Conway's Life plus</title> <!-- --> <style...

Поставить игру на Phaser.js на паузу
Всем привет, есть курсач, написал на js по гайдам с Phaser.js (движок) столкнулся с проблемой, не понимаю как поставить исполнение моего кода на паузу после проигрыша, прошу помощи) И ещё, чтобы поле...

Неправильно закрашиваются фигуры
Здравствуйте, я делаю программу, которая строит сетку из шестиугольников, при нажатии на которые они закрашиваются в рандомный цвет. При этом если закрасить шестиугольник, который находится рядом с...

Фракталы и рекурсии. Нарисовать ковёр Серпинского
Нарисовать ковёр Серпинского

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

Chart.js: синхронные графики
Всем привет. Вопрос: Нужно получить график, разделённый по осям Y. На javascript не нашёл ни одной подходящей бибилиотеки(в hightcharts.js был один вариант, но он тоже не особо похож. Поэтому решил...

Игровая карта и проблема отображения на ней
Добрый, Есть игровая карта (5000х5000) Сделана как-то так: let canvas = document.createElement('canvas'); canvas.width = this.size;

canvas - заливка и контур одновременно
Есть ли такая функция в canvas, при которой бы сразу же происходили и заливка, и рисование контура? А то с тенью траблы выходят.

Не чистится canvas
Здравствуйте. Есть канва, на ней при mousemove рисуется линия, которая должна смотреть в сторону курсора. Все работает хорошо, но канва не чистится при каждом mousemove, в итоге получается много...

Canvas и события
Здравствуйте! Помогите, пожалуйста, разобраться в событиях канваса. Возьмем для примера два квадрата. У каждого есть своя область, на которой необходимо обработать такие события: 1. Наведение...

Изменение цвета при наведении
добрый день, есть код, но никак не могу понять куда вписать изменение background при наведении и нажатии на раздел в диаграмме. Код в приложении

Заголовок сайта с помощю canvas и javascript
у меня проблема. Я хочу сделать заголовок сайта с помощю canvas и javascript. Но ничего не получается. Что не так в моем коде? code: <!DOCTYPE HTML><link rel="stylesheet" href="style.css"...

Как изменить значение ячейки <td>?
<table id="vkapi_wrapper" style="width:auto; margin:10px auto 20px 0;" data-vkapi-notify="667" data-vkapi-url="http://washrepair.ru"> <tbody><tr> <td...

Текст на видео размещенное на странице
Доброго времени суток! Собственно вопрос в заголовке. Нужно разместить динамически изменяемый текст поверх видеоролика размещенного на странице если его смотреть в полноэкранном режиме. Хочу сделать...

Скрыть и показать элемент
Например есть такое содержимое: <a>Подробнее</a> При клике на эту кнопку снизу должно плавно выехать содержимое. Как это сделать?

three.js + GLTFLoader.js
Доброго времени суток! Подскажите анимация из Blender подключенная через three.js + GLTFLoader.js работает только на сервере?

Инверсия цвета. Что я делаю не так?
Здраствуйте! Подскажите пожалуйста, что я делаю не так. Изображение загрузил, но преобразование цвета пикселей не работает. Просто мне очень нужно разобраться, как работать с пикселями. Вроде всё по...

Установил particles.js, но отображается не совсем верно
Здравствуйте. Установил particles.js, анимация отображается как и положено, но только не при условии, если у меня стоит изображение в центре страницы. На странице имеется заголовок и картинка,...

Сброс Canvas
Здравствуйте! В общем то... с canvas раньше делов не имел, и код достался от предыдущего разработчика. Суть в чем. Есть 5 графиков, нарисованных на canvas. При загрузке страницы вызывается...

Пустая картинка canvas.toDataURL
День добрый! Нужна помощь. Есть canvas с которого картинка сохраняется на сервер. На компьютере все работает как надо. А вот если зайти и сохранить с мобильного телефона, то сохраняется пустая...

Зона клика по объекту (хитбокс)
Добрый день. Хочу сделать зону клика по объекту. У меня есть карточки. У них подрезаны края. Я сделал поверх одной из них хитбокс и по идее, при наведении на неё (на хитбокс) курсор должен переходить...

Canvas библиотека где скачать
зашел на сайт жейквери там порыскал но там всё на англ, а я ним плохо владею, я так понял есть плагин для отри совки графика в canvas кто може дать этот плагин? желательно с манулом?

Твердые тени в canvas
Подскажите статьи, или объясните как с помощью html5 и JS сделать твердые тени? Вот пример:

Не отображается объект в three.js
Сначала создал сферу, натянул на неё текстурку, все работало. Решил создать конструктор объектов, и что-то пошло не так. объект тупо не отображается, в консоли он вроде есть, но не рендерится вот...

Инвертирование фотографий ( Canvas )
Здравствуйте! Нужна ваша помощь , подскажите код для инвертирование фотографии (js отдельным файлом от html5). Нужно выбрать фотографию, она должна появится на холсте (это я сделал ), теперь нужно...

Чем рисовать? JS на канве или PHP (библиотека JD)
Требуется нарисовать всякую графику, расчтитываемую на стороне сервера. Есть 2 возможности. Что быстрее? Что более грамотно, более принято? Есть ли какие-то рекомендации на этот счет? У кого какой...

Движение canvas влево
Я хочу сделать, что бы у меня canvas двигался влево, но при этом как он был размером с весь экран так и оставался... Пример нашел только такой http://musiccanbefun.edankwan.com/ Подскажите как это...

Работа с html5 canvas посредством JS
интересует такая вещь, как можно проверить не пересекаются ли фигуры в canvase. С помощью JS создаю 2 фигуры и надо сделать проверку условия, если он пересекаются то пересоздать 2 фигуру. Как это...

Деформация объекта
Привет. Натолкните на идею как реализовать деформацию шара на canvas, например он прыгает и при ударении должен каким-то образом деформироваться(сплющиваться например). Заранее спасибо)

Нарисовать 3 облака на canvas и заставить их двигаться за курсором
Нужно нарисовать 3 облачка на canvas и заставить их двигаться за курсором. Помогите плиз.

Нарисовать фигуру
Добрый день. Прошу помощи, нужно нарисовать фигуру по буквой б) из прямых линий (под а) сделал). Но что то не получается, вот что получается (см. вложения). Это вот код полученного треугольника,...

Не решенные задачи
Если кто знает эти задания, знает сколько их всего. Я сделал около 30 задач, а вот с этими не справился. Если кому не сложно, то помогите пожалуйста. 1. Напишите программу, определяющую все делители...

Слайдер, эффекты
Всем привет, подскажите какую анимацию и как добавить вот к такому самописному слайдеру. хотелось бы чтобы при смене изображений. были эффекты. даже не знаю как их назвать. да хоть какие нибудь?...

Как сделать, чтоб появился второй шарик и они отскакивали друг от друга?
как код сделать так чтоб появился второй шарик и они отскакивали друг от друга? <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>ganzo</title> <style>* { padding:...

Как убрать хвостик после змейки?
Возникла проблема, размер змейки 1, но при движении появляется хвостик, не знаю с чем связано html <!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> ...

Исчезают линии в Canvas, после анимации
Всем привет, Нашел на codepen, классный canvas, то что мне нужно. Анимация гитарных струн, но дело в том, что после анимации струны (линии) исчезают на секунду и снова появляются. Мог бы кто...

График функции по точкам
y = √1 + 3 ^2 − | + 2|, ∈

Рисование на canvas
Здравствуйте! Необходимо создать интерактивную страницу для демонстрации дискретизации звуковой информации. На канве рисуются линии, координаты которых зависят от заданных значений (частоты и...

Как обновить капчу (или canvas) без ajax
Всем добрый день! Сделал капчу на JS, но не знаю как ее обновлять. Возможно ли это сделать без ajax? При обновлении капчи не хочу его применять, т.к. обработка самой формы будет происходить с...

Пишу игру-арканоид на канвасе js. Когда мячик сбил все кирпичи, надо вывести сообщение "YOU WON!'
Алерт срабатывает раньше времени, когда bricks.length = 1. Но если заключить его в setTimeout, всё работает корректно. Почему так происходит? Заранее спасибо if (! bricks.length) { ...

Высокая загрузка GPU и CPU на примерах по WebGL 2
Привет всем! Просматриваю книжку Real-Time 3D Graphics with WebGL 2 (Farhad Ghayour, Diego Cantor) к ней доступны примеры https://github.com/PacktPublishing/Real-Time-3D-Graphics-with-WebGL-2...

Создать прелоадер в виде сварки
Приветствую всех, в js практически полный 0. Нашел на codepen.io нужный мне прелоадер в виде сварки. При копировании к себе на сайт он не работет(. В общем необходимо сделать его работоспособным и...

Three.js Программа движения шариков. Помогите добавить вращение.
Есть программа движения шариков. Но проблема в том, что они не вращаются, а скользят.Помогите добавить вращение...

Не работает игра
Здравствуйте. Я пробую создать игру по примеру с видео: 1ieQD20Cs0o Но проблема в том, что игра не корректно отображается. Помогите, пожалуйста <!DOCTYPE html> <html> <head>

Изменение размеров объекта
Есть код который рисует домик, окна и дверь и позунок. Требуется добавлять этажи(ряд окон) в зависимость от значения ползунка. Вопрос в том как увеличивать и уменьшать домик. <!DOCTYPE html> <html...

Drawimage не выводит картинку
Делаю по примеру с хабра анимацию, если адрес загруженной картинки присвоить к <img id="myImage"> то картинка отображается. Но с помощью drawimage когда вывожу, ничего не происходит. Подскажите,...

Текст с клавиатуры в canvas
Может кто подсказать как в canvas писать текст с клавиатуры? Просто есть задание написать что то типо заметок где пользователь может и писать и рисовать на одной области. С рисованием все просто а...

Построение динамограммы
Здравствуйте! Нужен совет по построению динамограммы, с помощью какой библиотеки можно это сделать? Примерно такая динамограмма координаты берется по вычислению. Помогите пожалуйста, кто...

Запретить обработку клика при обработке её движения
Добрый день, Мне необходимо по разному обрабатывать простой клик по канвасу и клик-перемещение-отпуск мыши. Пробовал таким образом отменить обработчик на click - при mousemove, но mouseClick...

Добавление тэга select на canvas
Как добавить тэг select на canvas, разумеется с пунктами option и чтобы их можно было выбирать и при выборе срабатывало действия как при событии mousedown?

Как создать CANVAS = графическая копия страницы
Добрый вечер! Подскажите, пожалуйста, каким образом я могу получить графическую копию страницы, чтобы далее сохранить ее ? Подходит ли для этого canvas (т.е. создать этот объект и связать его с...

Как узнать, сколько одинаковых объектов в массиве JS?
Всем привет! Имею следующий массив: Как мне узнать, сколько раз повторяются объекты в данном массиве? Буду очень рад вашей помощи!

Не выводится второе изображение (canvas)
Всем доброго времени суток! Начал изучать HTML5 и JS, столкнулся с такой проблемой. Делаю два canvas, один с фоном, другой со спрайтом. Создаю прототип, и если в drawImage задавать цифры напрямую -...

Не работает анимация setInterval
Запускаю в гугл хром. Js включён<!DOCTYPE html> <html> <head> <title>Simple animation</title> <script>src="OSC.js"</script> <style> #box { position: absolute; background: orange;

Маятник Canvas
И так у нас есть математический маятник Помогите реализовать, что бы маятник ударялся об шар и шар катился <canvas id="canvas"></canvas> <canvas id="canvas2" style="background:...

Узнать количество повторений объектов в массиве json
Всем привет! Имею массив: Как узнать, сколько раз повторяются объекты в нём? Конечно же, на JS. Буду рад вашей помощи!

Вывод PDF документов
камрады, приветствую! есть вот такой код, выводящий в хтмл страницу пдф документ: <!DOCTYPE html> <html> <head> <meta http-equiv=""Content-Type"" content=""text/html;...

Рисование в canvas
Здравствуйте. Есть задание в котором нужно нарисовать красный квадрат с закругленными краями и в этом квадрате должен быть нарисован белый вопросительный знак c черным контуром. У меня получилось...

Графики через canvas
Здравствуйте, всем привет. Такое задание было: добавить стрелочки осям, подписать график и ввести числовое обозначение на осях (...,-1,0,1,2,...). Пытаюсь разобрать уже часов 15, просмотрел...

Создание объектов используя ООП
Здравствуйте, уважаемые форумчане! Столкнулся со следующей проблемой: создал два объекта, - один статичный, красного цвета, другой - синий, должен передвигаться (событие mousemove). Проблема в том,...

Arbor.js скрыть и показать вершины
Добрый день! Использую arbor.js Есть необходимость скрывать и показывать вершины графа. Пример присутствует на сайте http://arborjs.org/. посмотрел в исходниках (site.js), но не смог разобраться...

Как быстро объединить много png картинок в один jpg файл?
Привет всем. Пытаюсь реализовать такую штуку уже 2 день, но чтот не выходит. Подскажите как решить эту задачу. Есть 2 папки с картинками. Папка "Правые" и папка "Левые". В этих папках лежат по...

Canvas перекрывает ссылки
Добрый день! Хочу что бы на сайте поверх происходила какая-нибудь анимация, типа пчелка летает по экрану, для этого использую канвас на весь экран, и вроде все хорошо, но он ссылки перекрывает...

Ошибка в коде JS
Здравствуйте! Имеется JS скрипт который в конце имеет вот такие строки! window.addEvent('load',function() { equalHeight(); jaAddFirstItemToTopmenu(); jaRemoveLastContentSeparator();...

Пиксельная манипуляция с холстом
Всем привет, мне необходимо запрограммировать экранный фильтр с переменным размером экрана. Этот переменный размер экрана должен регулировать с помощью ползунка (range). Что я сделал не так?...

Игра-арканоид в канвасе на React. Почему скорость мяча меняется в зависимости от состояния платформы?
Если платформа неподвижна, мячик двигается медленно (со скоростью, меньшей скорости платформы). Если платформа двигается, скорость мяча возрастает и становится равной скорости платформы. По...

Самое длинное слово
Здравствуйте. По заданию надо вы вести количество слов и самое длинное. Вот весь код: <html> <head> <title>10</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/...

Как установить свой шаг в Chart.js?
Есть столбчатая диаграмма где разрыв между 0 и 100 точно такой же как между 100 и 500. Как это реализовать на Chart.js и вообще возможно ли это там сделать? var myChart = new Chart(ctx, { type:...

Как сделать угловой градиент?
Нужно сделать градиент как показано на картинке. С помощью SVG как я понял такое не сделать. С помощью canvas кажется тоже нельзя, но не уверен. На андроид есть что-то типо SweepGradient(), который...

Вычислительная геометрия
Есть задачка Задан квадрат со стороной R и некоторое число N. На сторонах этого квадрата создаем 4N точек. По одной точке размещаем в вер- шинах квадрата, остальные равномерно распределяем по...

Найти ошибку в JavaScript
Буду очень благодарен тем кто поможет найти ошибку в моем скрипте. Ну никак не могу найти или я что-то не так сдела. <!DOCTYPE html> <html> <head> <meta charset="UTF-8">...

Пиксельные искажения
Всем привет! Задали реализовать в HTML5 на Canvas генерацию капчи (ну и проверку на ввод) на JS и добавить пиксельные искажения. С самой капчей я справился, а от с пиксельными искажениями никак не...

Вызов drawImage() в отдельной функции
Доброго всем дня, в ходе изучения javascript, столкнулся с несколькими проблемами, а именно с отрисовкой изображения. Суть вопроса такова: возможно ли вызвать drawImage() не в onload? Собственно,...

Анимация
Всем привет, хочу сделать шарик, который просто будет перемещаться по canvas'у. Написал вот такой код: <canvas id = "canvas" width="200" height="200"></canvas> var canvas =...

Canvas и fillText
Здравствуйте, Подскажите как решить проблему .Суть вопроса - есть строка записанная в массив letter и при попытки вывода ,при помощи filltext(letter,x,y), строка выводиться через запятую (т.е. после...

массив
как элементу массива присвоить значение переменной и случайного числа. 1) поменять местами первый и последний элемент var j; item = j; item = item; item = j; 2) создать массив из 15 элементов,...

Как заставить двигаться влево rectangle1?
посмотрел видео 8uIt9a2XBrw решил дополнить; нужно чтоб rectangle1(массив) двигался влево и если я врежусь в него то был рестарт страницы. но как это сделать не знаю, стало...

Анимация бесконечного дождя
У меня получилось создать, но капли только идут вниз, таким образом, дождь проходит, т.к. их ограниченное количество. Как сделать, чтоб дождь шёл бесконечно?

Рисование в canvascontext
Всем добрый день. учусь рисовать в canvas context и никак не могу отрисовать круг и несколько дуг рядом. В каком месте расчета начальной точки дуги ошибка? const arcCount = 4; ...

Пиксельные манипуляции с холстом - не работают примеры из MDN
Примеры из MDN не работают. Запускала в Chrome, FireFox, IE, Edge. Срабатывает только последний пример. Возможны ли вообще пиксельные манипуляции с изображением, загруженным на холст?

Код кнопки, ведущей на веб-страницу
Добрый день! Делаю рекламный баннер, но модерация Яндекс.Дисплея не пропускает, так как переход на целевую веб-страницу с баннера осуществляется всеми кнопками мыши когда нужно только левой. ...

Написать скрипт, составляющий анаграммы
И снова всем хай :) Такова задача: Два массива. В одном анаграммы, в другом нормальные слова. Изначально распределить по массивам. Если пользователь хочет ввести новое слово - скрипт должен сам...

Не рисуются линии
Пожалуйста, помогите разобраться. В канве не отрисовываются линии. ctx.fillStyle = "black"; ctx.lineWidth = 3; ctx.beginPath(); ctx.moveTo(50, 40); ctx.lineTo(150, 100); ...

Как построить график по осих цены, по оси у -месяца
Нужен пример учебного рабочего кода

Three.js - обработка повторного события на объекте
Добрый день. Нужна помощь. В коде реализовано перемещение камеры по событию click, когда указатель мышки над полом. Медленное движение реализовано при помощи цикла for, функции function(i), и...

Blender4web какой метод вызывается каждый кадр?
Доброго времени суток! Не могу разобраться с blender4web, кто может пояснить 1й фаил) здесь все понятно, подключили библиотеку движка, скрипт, канвас на котором будем рисовать и css фаил...

Библиотека fabric.js: Не работает свойство "selectionDashArray"
По какой причине не работает свойство selectionDashArray (fabric.js)? Данное свойство, вроде как, должно изменять тип линии области выделения: прямую на пунктирную. На данном ресурсе есть...

С использованием тега canvas вывести:
помогите, пожалуйста, создать html страницу и с помощью тега canvas вывести:

При работе с датами год 1970
Здравствуйте!Столкнулся с довольно не приятной мелочью: рассчитываю дни при помощи javascript, а исходные данные беру из HTML, и день и месяц-считает отлично, а год-беда:1970. Только Мозила выдает...

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

Редактирование холста canvas несколькими людьми
У меня имеется свой маленький графический редактор на canvas + js там все простенько, обычная мазня карандашиком. Можно ли как то сделать так что бы холст могли сразу редактировать несколько человек,...

Вывести текст на canvas не используя системные шрифты.
Доброго времени суток. Задача вывести текст на canvas не использую системные шрифты. К странице подключен шрифт. @font-face { font-family: 'PTSansitalic'; src:...

Расшифровка кода для WEBGL
Приветствую! Сам программирую в Pascal. Но очень нужно расшифровать и описать код... В нем описана математическая функция расчета и прорисовки NURBS, что очень нужно мне в моей программе. Помогите...

Диаграммы и Canvas
Добрый день! При использовании библиотеки flotr2 для создания диаграмм и библиотеки html2canvas в отдельное изображение сохраняется только сама диаграмма, а не всё содержимое из body. В чём может...

Canvas и стек
Для объектно-ориентированной программной модели стека разработать пользовательский графический интерфейс.

DrawImage canvas - почему изображение плохого качества
Почему, когда использую drawImage для отображения изображения на холсте - отображается картинка очень плохого качества, хотя исходное изображение имеет хорошее качество. Добавлено через 18 минут...

Создание оператора Собеля
Здравствуйте, подскажите пожалуйста, как я должен изменить данный код, чтобы получить оператора Собеля ? (Ниже код оператора Робертса). function handleRoberts() { var inImageData =...

Не работает код с видео урока. Как сделать скрин DIV-а канвасом?
https://jsfiddle.net/699j050r/5/ ссылка на рабочий код из урока какого то америкашки. Я вообще поражаюсь, на русском мало инфы, примеров этого канваса. Короче вопрос такой, почему на этом сайте...

Игра с использованием canvas
С помощью canvas нужно нарисовать тетрис(как в примере). Именно нарисовать, только визуальная часть. Не понимаю, как создать фигуру из нескольких блоков, чтобы было как можно меньше кода. Помогите. ...

Фрактал Серпинского
Нужно построить фрактал Серпинского с помощью рекурсии,помогите пожалуйста

Вывод текста в тег <canvas>
Мне наджо на картинке подписать текст как здесь, только сформировать её скриптом в теге <canvas>. Возможно ли это? Как сделать? Добавлено через 5 часов 54 минуты Вроде нашёл, как. Но получилось...

Canvas: при загрузке страницы в течении нескольких секунд плавно отрисовать с нуля до целого круга
Всем привет, у меня есть круг сделанный с помощью Canvas и сейчас он статичный.Хочу сделать некое подобие круговой загрузки из него, т.е чтобы при загрузки страницы он в течении нескольких секунд...

Webgl plane
существует ли возможность создать в webgl плоскость, на которой можно размещать любые html элементы. но чтобы это была именно плоскость с возможностью текстурирования и перемещения в трехмерном...

Объект не передвигается при нажатии клавиш
Здравствуйте! Не могу понять, почему объект не передвигается при нажатии клавиш... Буду благодарна за подсказку:) window.onload = function() { var canvas = document.getElementById("myCanvas"); var...

Html5 не видит JavaScript
Всем добрый день! Буквально недавно начал разрабатывать приложение на андроид. Как среду разработки использую android studio. Приложение пока простенькое и состоит из двух виджетов: Кнопка и...

Почему не работает событие loadeddata на audio под iOS?
Разрабатываю игры на HTML5. Требуется делать их порт по iOS (айфоны, айпады). Добавляю динамически теги audio. Под десктопами событие loadeddata отрабатывает корректно, а под iOS - нет. В чём может...

не могу найти в чем ошибка
<!DOCTYPE html> <html lang="en"> <head> <link rel="stylesheet" href="css.css"> <meta charset="UTF-8"> <title>Document</title> </head> <body> <canvas id="canvas" width="200"...

Разработка игры точки Java Script на Canvas
Игра точки на Java Script, вопрос как реализовать закраску поля, если вокруг выделены все точки одного цвета. Заранее спасибо, код прилагается. <!doctype html> <html> <head> <meta...

Как создать график квадратичного уравнения на JS с уже высчитанными координатами
Требуется помощь в создании скрипта, который сможет нарисовать график по координатам определенным. Есть скрипт, который рисует пораболу, но как рисовать их по координатам вообще не понятно: var...

Изометрическая сетка из div-ов
Все привет! Прощу помощи у бывалых! Нужна изометрическая сетка именно из div-ов, которая прорисовывается с помощью JS скрипта. хоть какая нибудь, размером 50х50. желательно с возможным изменением...

как получить fps
https://webglsamples.org/electricflower/electricflower.html есть симпатичный эффект на javascript, код полностью доступен, достаточно сохранить страничку. кто нибудь знает как можно получить...

Создать слоями анимированное изображение движения шариков
var $box = $("#box"), $field = $("#field"), rotation = 0, rotationX = 0, rotationY = 0, wanderTween, ignoreRollovers; TweenLite.set($field, {perspective: 500});...

Поворот снаряда вместе с пушкой при выстреле
Как сделать поворот снаряда вместе с пушкой при выстреле. Пример вы можете видеть на картинке. На flash у меня получилось сделать а на HTML 5 никак. Я пытался сделать вот так: for(var i = 0; i...

Простой слайдер html5 и javascript
Кто может показать код вывода самого простого способа создания слайдера? Хотелось бы его встроить в свою пустую index.html страницу. Наверно там html5 и javascript. Дальше слайдер будет двигать...

Отрисовка графики на Canvas по таймеру
Здравствуйте, нашёл интересный js-код визуальных эффектов на html5 canvas, который создаёт фейерверк. У меня слабоватые познания в JS, но довольно хорошие в С++, поэтому в коде не плаваю и понимаю, а...

SVG , Canvas , Js или css animation
Какая анимация будет лучше работать на устройствах ?Нужно минимально нагружать систему и делать максимально плавную анимацию

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

Canvas и localstorage
Всем привет. Не могу разобратся. Рисую на канве сохраняю. Выхожу со страницы. Захожу обратно - канва не восстанавливается. Перезагружаю страницу в ручную - отображается. Может кто нибудь показать как...

Подключение js
Подскажите, пожалуйста! У меня есть документы 1.html, 2.html и a.js. В первом документе 1.html я выполняю скрипт a.js, и мне нужно, чтобы значение переменной из a.js выводилось в 2.html. Как такое...

Как закрасить грань трехмерного куба?
У меня есть код с 3d объектами которые перемещаются в пространстве, с помощью TweenMax, мне нужно сделать заливку поверхностей, но не получается. Я убрала часть граней и оставила только квадрат...

На Canvas добавил картинку которая двигается . Напишите пример кода чтобы при нажатии на картинку выполнялись действия
Java Script

Различие клиентского и серверного JS
В книге по джава скрипт(автор-девид флениган) есть разделы:базовый джава скрипт,клиентский и серверный джава скрипт. Если мне нужно просто придать интерактивность веб странице то какой вид джавы...

Создание уменьшенной копии элемента страницы в canvas
Доброго времени суток, уважаемые пользователи! Передо мной предстала задача отобразить элемент страницы по нажатию кнопки в уменьшенном виде в canvas. Подскажите, пожалуйста, каким способом можно...

Круговой выбор категорий
Нужно сделать вот такую штуку, на кссе как я понял это не реально, может кто посоветует с чего начать ? потому что ничего не делал такого.

PixiJS. Предзагрузка изображений. Blob
Есть небольшое приложение. В режиме простоя меняется пару изображений. Тикает таймер. Когда таймер доходит до нуля запускается анимация (более 100 изображений по очереди появляются, что дает эфект...

Нарисовать 2 градиента на одном холсте
Здравствуйте, у меня 2 прямоугольника залиты разными градиентами (линейный - синий и радиальный - красным), но браузер рисует только последним красным градиентом оба прямоугольника, причем оба...

Как считать элемент canvas поместить его в div ?
Здравствуйте. В HTML странице есть элементы: <span id = "canvas_main_one" style="display: none;"> <canvas class="chart_0"></canvas> </span> <span id = "canvas_main_two" style="display:...

Градиент из изображения
Всем доброго времени суток, нужно создавать градиент на основе картинки(повторить функционал color.adobe, но без возможности выбора точек). Самое очевидное решение - грузить картинку в canvas, брать...

Canvas JS столкновения, Как придать твёрдость объекту на HTML5 Canvas
Всем привет! Недавно начал изучать HTML5 Canvas, столкнулся с проблемой... Мне надо сделать функцию "makeSolid", чтобы игрок не мог заходить на определённую территорию. Вот моя функция...

Генерация кругов
Всем привет. Хочу сделать генерацию кругов, которые бы произвольно направленно двигались. С одним работает, начал переделывать на большее количество, ничего не выходит. Посмотрите код. Поле канваса у...

Filter blur и CANVAS
Всем привет. Ребят подскажите, есть вот такой код <canvas id="canvas_particles"></canvas> *{ margin: 0; padding: 0; }

Не вызывается ф-ия (canvas)
Не работает такой код: <head> <title>canvas</title> <script type="text/javascript"> function init(){ var ctx, w, h, canvas; var flag = 0; canvas=document.getElementById('canvas')...

Рисованием текста своим шрифтом
У меня есть специфический фонт, его знаки совсем не похожи на обычные буквы, и рисовать нужно именно им. @font-face { font-family: ATM3; src: url("atm3.ttf"); } <canvas id='cv' width='400'...

Доброго времени суток, профессионалы! Просьба посмотреть как создать программу фоторобот из слайдера и карусели (ниже)
Есть коды слайдер и карусель. Как сделать из них фоторобот на javascript? <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Travel</title> <style> #maindiv { /*position:...

Ввести с клавиатуры значение переменной и вывести ее тип
Доброго времени суток. Есть задание "Написать скрипт, позволяющий ввести с клавиатуры значение переменной и вывести ее тип.". Написал скрипт <html> <head> <title>2</title> </head> ...

Работа с датами chart.js
Хочу расположить вдоль на оси x несколько дат в качестве labels с интервалом в один день. Знаю начальную и конечную дату. Можно ли это сделать не прописывая все даты массивом в labels(их может быть...

Как сделать здоровье персонажу в JS
var terrain = document.getElementById('Terrain'); var colision = ; terrain.width = window.innerWidth; terrain.height = window.innerHeight; var square = terrain.getContext('2d'), squareSpeed...

Почему не отображается изображение canvas?
Добрый вечер! Подскажите пожалуйста, что нужно canvas, чтобы начать рисовать изображение? Загрузил CDN ссылки: <script type="text/javascript"...

Canvas определить цвет и/или картинку
Доброго времени суток. Строю лабиринт - 0, одна картинка. 1 - другая. По лабиринту ходит 3-ий элемент - тоже картинка. Как отследить находится ли на координатах по которым идет следующий шаг -...

Chartjs-2 линия которая идет вверх
Добрый день. Я не особо разбираюсь в графиках, поэтому прошу помощи. Мне нужно построить график который будет идти от 1 до 2, а потом просто идет вверх как на картинках. то есть он должен...

Где взять пример GL_ARB_point_sprite?
Может кто написать сетку точек через point_sprite?

Шаблон картинок на JS (canvas)
Здравствуйте. Скажите, как сделать кнопки переключения заготовок? Цель такая, чтобы при нажатии на одну из кнопок формировалась заготовка: картинка + текст + цвет текста + размер шрифта + стиль...

Перенести надпись вертикальной линий вниз
Есть построенный график на chartjs, и через prototype.draw нарисована вертикальная линия. Как перенести надпись вертикальной линий вниз, если она выходит за область canvas и не отображается? ...

Не удаётся выбрать фрейм в Phaser
У меня есть небольшой код для загрузки и размещения спрайта, мне нужно выбрать фрейм, но функция setFrame не работает, если эту функцию добавить картинка исчезает, если её убрать, то картинка опять...

Не получается отрисовывать один объект несколько раз! HTML 5 CANVAS
Здравствуйте! Я хочу, чтобы при клике на canvas добавлялся один объект в виде эллипса с координатами клика мыши. Этих объектов может быть много. У каждого созданного объекта есть время жизни....

Рандомные колебания кривой
У меня есть задание нарисовать кривую и ее анимировать. Но волны сделать нужно рандомных высот ( все разные ). Все что получилось это вот. Прошу вашей помощи var canvas =...

Canvas и тени
Здравствуйте, уважаемые программисты. Есть следующий код: <style> *{margin:0;padding:0;} </style> <canvas id="canv">Не поддерживается</canvas> <script type="text/javascript"> var...

Клонирование объекта с новыми параметрами
Доброго времени суток. Клонирую объект с новыми параметрами. Как это правильно записать? // В обычной записи выглядит так // obj.name = ctx.createImageData(5*obj.size, 8*obj.size); for (var...

Буфер трафарета
Добрый день! Подскажите, пожалуйста, как использовать буфер трафарета для каждой стороны тетраэдра? Вырезать планирую примерно вот так: ссылка Код программы: <html>

Вставка панорам на сайт
Итак, возникла некоторая проблема со вставкой панорам на сайт. Дело в том, что условие поставлено так: 1. Страница(ы) должны работать только в оффлайн режиме 2. Страница(ы) должны работать...

Audio Visualizer
Всем привет. Интегрировал Audio Visualizer на своём сайте Всем, кому интересно, могу рассказать, как это сделано.

Создание интерактивных интерфейсов
Здравствуйте! Подскажите, какие средства используют для создания веб среды, например, для рисования графов, интеллектуальных карт и тд. То есть среда, в которой пользователь имеет динамический веб...

Не рисует картинку в canvas. В чем ошибка не понятно
Собственно весь код. Если меняешь в ctx.drawImage(ph1, 0, 0); координаты меняется цвет канваса. var canvas = document.getElementById("canvas"); var ctx = canvas.getContext("2d"); var timer =...

Как отрисовать круг в canvas?
Создал игру "Змейка", но не отрисовывается круг, который она должна съесть чтобы вырасти в размерах. Интересует, почему выдает ошибку ReferenceError: circle is not defined в 66 строке. ...

Почему canvas остался белым?
<html> <title>Test</title> <body> <iframe src="page.php" width=100% height=90%> </iframe> </body> <script type="text/javascript"> function proc() { frames.document.location.reload();

Размеры canvas
Доброе утро, ребят! Нужна ваша помощь! Снова вопрос по канве. Для кого-то это будет просто, но я не могу понять. У меня есть пейджа на html, на ней есть канва. Мне нужно чтобы канва всегда...

Линия которая будет двигаться вслед за курсором
Привет, как можно сделать такую анимацию, как на этом сайте? Мне надо что бы после курсора мыши оставался точно такой же след, и расширялся точно так же как на этом вебсайте. То есть точно такая...

Ресайз канваса
Столкнулся с такой проблемой: Загружаю в канвас изображение; Теперь, если задавать ширину/высоту канваса через свойства тега width и height, то всё нормально. А если задавать размеры через css, то...

Эффект отрисовывания линии в canvas
Добрый день уважаемые. Подскажите, пожалуйста как в канвасе можно реализовать эффект постепенного отрисовывания линии. (прямые и дуги) В SVG данный эффект можно задать через анимацию параметров...

Анимация отрисовки треугольников CANVAS
Всем доброго времени суток:) Идея анимации в том, что появляются равносторонние треугольники, у каждого следующего одной стороной является одна из сторон предыдущего. Проблема в том, что первый...

Добавление нескольких fillRect на поле - рекурсия
Пытаюсь сделать, так чтобы с помощью рекурсии закрашивался одна колонка поля (зеленными квадратами fillRect) при щелчке. Для проверки закрашенного поля есть массив, где проверяется если поле...

Бассейны Ньютона
Помогите, пожалуйста, найти хороший псевдокод по этой теме, чтобы можно было реализовать на javascript. Ах да, надо использовать три цвета...

Скрипт для анимации не работает, почему?
function StartCircleAnimation() { var servicesIllustration = document.getElementById("services-infographic"); if(servicesIllustration.getContext) { var context =...

Canvas-drawImage "Большой метод"
В общем: that.context.drawImage( that.image, frameIndex * that.width / numberOfFrames, 0, that.width / numberOfFrames, that.height, 0, ...

Не могу изменить переменную ХР при нажатие на кнопку "ydar"
Не могу изменить переменную ХР, при нажатие на кнопку "ydar". Объявлена вне функции.

3D анимация в браузере
Доброе время суток. Наткнулся на этот сайт https://butfirstchillout.com/ и теперь пытаюсь понять как сделали так что эта баночка крутится. Полез в инспектор кода и обнаружил что все делается как то...

Html5 webcam
Есть ли возможность установить вебкамеру на html5 и работал оно вез флаш. и как коннектировать онлайн веб камеру для общение. где взять такой скрипт? спасибо за внимание

fabric js Как изменять цвет текста в элементе fabric.Text
Похоже это не реализовано в fabric. Необходимо иметь возможность изменять цвет текста в одном элементе fabric.Text Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor...

Как в JavaScript Canvas нарисовать различные графики на разных участках числовой оси Х в Декартовой системе координат ?
Как в JawaScript Canvas нарисовать различные графики на разных участках числовой оси Х в Декартовой системе координат ?

JavaScript, Canvas рисование текста в пиксели?
вот код, в формате javascript : this.shape_68 = new cjs.Shape(); ...

Кривые рисуются с шероховатостью на IPhone
Кривые рисуются с шероховатостью. То есть кривая не идеально гладкая линия. В общем-то тоже касается и окружностей. Особенно заметно на IPhone Почему ? Как с этим бороться ?

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

Хитромудрый код прикосновения объектов
Добрый день форумчане, нужна ваша помощь. Пишу простенькую игру на js. Осталась финальная точка, написать if где будет сказано, что при соприкосновении объектов будет уходить hp, только тут...

Неверные цвета пикселей в canvas
Перечитал кучу примеров "как узнать цвет пикселя в canvas". Но то ли я дурак (что скорее всего), то ли... В коде я сначала заливаю весь canvas синим, потом рисую на нем картинку. При нажатие на...

Клиентский сценарий «Механические часы»
Доброго времени суток. Нужна помощь в задании. Задание: Написать клиентский сценарий «Механические часы». Часы должны отображать текущее время, то есть работать как обычные механические часы. ...

Рисование квадратами
Мне нужно реализовать рисование квдратами. Я не понимаю как построить код, чтоб рисовать начинало каждый раз через 100 пикселей. То есть ширину очередного квадрата mousedown(obj) { ...

Линии в Canvas
Доброго времени суток! У контекста канваса есть метод lineTo(x,y), который сохраняет в какой-то список или массив точки. Кто-нибудь знает, куда именно они сохраняются и как очистить этот список?...

Движение квадрата по окружности
Нужен готовый код на Js, где квадрат будет двигаться по окружности и не оставлять за собой след(как будто машина едет по круговой дороге).

Как сделать отрисовку в функции ShowBallsDelay
Может быть кому то уже приходилось писать функции для анимации шариков ???? 1. Нужно написать функцию появления шарика с анимацией, аналог функции StartDeleteAnimate, только наоборот - анимация...

Вывести массив уникальных случайных чисел в окно
Всем хай. Нужна помощь ибо я тупой. 1) Создать массив, который будет заполняться случайными числами (с каждым обновлением страницы новые числа). Max = 100 2) Прикрутить к этому массиву выборку...

fabric.js Градиенты и анимация
Требуется залить замкнутый path таким градиентом. Должно получится то что ниже new fabric.Gradient({ type: 'linear', gradientUnits: 'pixels', ...

Работа с canvas
Создать html страницу и с помощью тега canvas вывести:

Разработка динамического дерева(графа)
Здравствуйте, я занимаюсь созданием динамического графа ( по данным полученным из MySQL). Нашел почти подходящую библиотеку - ECOTREE.js. Почти... потому что: Во-первых ,в данной библиотеке не...

Анимация bezer curve с двумя аргументами
Когда отдельно вставлю переменную "rng" и "rng1"(координат X и Y) в строке 36 отдельно,- функция function draw(rng) (стр.23)работает, а когда обе вместе "rng" и "rng1" то функция function...

Нарисовать хвост павлина путем комбинаций точек, зависящих от тригонометрических функций.
Нарисовать хвост павлина путем комбинаций точек, зависящих от тригонометрических функций.

Отображение цилиндра между двумя точками three.js
Всем привет! Нужно отобразить цилиндр между двумя конкретными точками в трехмерном пространстве. Высоту цилиндра понятно как находить ((x2-x1)2+(y2-y1)2+(z2-z1)2)1/2 , а вот как его правильно...

Активные элементы на канве
Еще раз добрый день! Вопрос такой, возможно ли нарисовать на канве такой элемент, который будет как бы интерактивный? То есть, например, рисуем прямоугольник, треугольник и.т.д. и по клику на них...

Криво работает анимация canvas
Доброго времени суток! 1. Подскажите пожалуйста, что нужно подправить или дописать в файле script.js (http://akis-style.dp.ua/new1/js/script.js), что бы анимация работала под объектами (текстами,...

2d canvas поворот проекции от определенной точки на экране, с сохранением положения
Всем здравствуйте. В заранее извините, если пишу не в том разделе. Есть некий объект/объекты на плоскости, проекцию которой я, вращаю относительно точки нажатой на экране. Используя функцию...

Создание кнопки при нажатии на другую кнопку.
как сделать чтобы при нажатие на кнопку посмотреть она вызывает функцию qt создавалась новая кнопка и при нажатие на неё выводилось alert("100"); при нажатие на кнопку закрыть эта кнопка новая...

Копировать canvas в другой canvas
Никак не могу понять, что не так. У меня есть один canvas id='canvas_crop' он может быть любых размеров, и есть canvas id='myCanvas' с размерами 250х322 px я пытаюсь скопировать один canvas в...

Переменные
Здравствуйте форумчане! Начал изучать "JavaScript" сразу затык произошёл var name; var b; var va1, va2, va3; name = 10; b = 'variable';

Построить линию по полученным данным
из базы получаю данные json = {,} как мне построить линию по этим данным? const canvas = document.getElementById('crash-canvas'); const ctx = canvas.getContext('2d'); ctx.clearRect(0, 0,...

как изменить функцию что бы при удалении шариков добавлялось следующее сообщение: “Удалено x шариков”
Подскажите как изменить функцию что бы при удалении шариков добавлялось следующее сообщение: “Удалено x шариков”, где x - число удаляемых шариков. export function SetBall(x, y, ColorOfBall) { ...

Координаты в Three.js рендер
Всем привет У меня стоит задача разместить в трёхмерной сцене: 1. Параллелепипед с именем floorBox размером (200, 200, 10) и материалом MeshPhongMaterial. Обратите внимание: по умолчанию все...

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

Исчезновение клеточки в игре
Как сделать, чтобы когда на черную клеточку нажимаешь, то она исчезает? <html lang="en"> <head> <meta charset="UTF-8" /> <link rel="stylesheet" href="life.css" /> ...

Открытие страниц по времени
доброго времени суток.помогите с кодом начинающему.суть такова,есть страница на ней ссылки которые должны по очереди открыватся каждый день в определённое время либо через 24 часа.как это можно...

Проблема рисования курсором
Поставлена была промежуточная задача рисовать прямые линии нажатием и опусканием курсора. Я нашёл хорошую базу рисования ломанных линий на canvas. Алгоритм элементарный. var canvas; var context;...

Подскажите как лучше сделать
Вообщем суть такая есть 3 файла которые рисуют куб -сферу(с разными гранями) // Получить случайный цвет function getRandomColor() { var letters = '0123456789ABCDEF'.split(''); var color =...

Ошибка с canvas
Помогите разобраться Ошибки: 1) this.context = canvas.getContext("2d"); - Uncaught ReferenceError: canvas is not defined 2) createjs.Ticker.addEventListener("tick", handleTick); ...

Остановка построения графика
Здравствуйте, помогите пожалуйста. У меня есть html страница. На эту страницу вводятся данные. В html подключается java script,который по данным html строит график и таблицу на отдельных...

увеличение canvas
canvas находится в левом верхнем углу и при его увеличении - выходит за границу браузера. Что посоветуете, чтобы он не вылезал?? Или может помимо увеличения можно что-то сделать, чтоб 1 пиксель...

Не получается применить шум Перлина к двум блокам одновременно
Здравствуйте! Ситуация у меня сложилась следующего характера: есть два блока canvas, к которым нужно применить шум Перлина. но если получать доступ к элементу по имени класса, то вообще ничего не...

Создать двухуровневое меню на основе слоев и изображений
var $box = $("#box"), $field = $("#field"), rotation = 0, rotationX = 0, rotationY = 0, wanderTween, ignoreRollovers; TweenLite.set($field, {perspective: 500});...

Двойное/тройное открытие ссылки в html5 баннере с цикличной анимацией
Помогите новичку . Сделал html5 canvas баннер в adobe animate cc , кнопка на весь баннер , при нажатии открывается ссылка в новом окне , через некоторое время при нажатии открывается две ссылки ,...

Сохранение картинки из canvas
Есть скрипт, который сохраняет содержимое CANVAS в PNG. Вот он: /* * Canvas2Image v0.1 * Copyright (c) 2008 Jacob Seidelin, jseidelin@nihilogic.dk * MIT License...

Построить график
Здравствуйте. Помогите, пожалуйста. Следующий код строит график (рисунок 1). https://jsfiddle.net/ <canvas id="myCanvas" width="600" height="600"> function fun(x) { var z; z = x < -1 ? x : (...

Фигуры со случайными кординатами
Добавить фигуру со случайными координатами (от 4-х точек), поверх нее расположить ту же полупрозрачную фигуру

Заливка на canvas
Здравствуйте, подайте идею, как организовать заливку ограниченной области(линиями, кривыми) на канвасе.

Не сохраняется холст в картинку. Почему?
Привет всем. На холст загружаю одну картинку и сохранение работает. Потом в этот же холст загружаю еще одну картинку поверх первой и после этого сохранение не работает. Как решить проблему?...

Динамическое заполнение массива с клавиатуры введенными данными
Приветствую всех! Помогите разобраться с заданием "Написать скрипт, позволяющий, осуществлять динамическое заполнение массива с клавиатуры введенными данными (фамилии студентов группы). Затем...

Добавление текста к картинке-шаблону и сохранение результата
Здравствуйте. Нуждаюсь в помощи создания такого скрипта: есть страничка, на ней несколько примеров изображений. Выбираем одно из них. Далее пишем текст нажимаем отрпавить и в итоге готовая jpg с...

Игра на J, прототип флеппи берд
Здравствуйте! Не могу сдать лабораторную с игрой... прототип переделала под себя, но не могу добавить следующие условия! может кто знает как сделать? Можно обговорить условия... Игровое поле...

RequestAnimationFrame вращение вокруг собственного центра
Есть код построения 2 треугольников которые образуют квадрат. Нужно сделать вращение вокруг собственного центра с помощью RequestAnimationFrame. В чем может быть ошибка? <!DOCTYPE html> <html>...

Диффузия
Мне надо доделать диффузию. У меня слева есть шары зеленого цвета, мне надо чтобы справа было так же но другого цвета и по середине была линия <!DOCTYPE html> <html> <head> <meta...

Динамично перерисовывать круг
$(document).ready(function() { var canvas = document.getElementById("myCanvas"); var container = document.getElementById("container"); var ctx =...

Использование Canvas в IE8
На днях открыл тему канваса, на простеньком уровне разобрался, нарисовал несложную маску-контур для изображения. Все работает отлично... пока речь не заходит об ИЕ8. Нашел библиотеку...

Не получается задать цвет фона и текста через формы
Друзья здравствуйте. Есть проблема. <html> <head> <style> h1 {color:black;text-align:center;} body {background-color:burlywood; font-weight:bold;} input {font-weight:bold;}

Как я могу имплементировать логику реакции Canvas на сторонние картинки с использованием drag and drop
Мне нужно создать игру, большую часть я уже сделал, но мне осталось доделать логику реакции канваса на перетаскивание картинок извне на поверхность канваса. Вся суть игры в том, что канвас (улицы...

Описание кода
Помогите пожалйста с описание строк кода. function calc() { var type_op1 = document.getElementById("type_op1"); var type_op2 = document.getElementById("type_op2"); //Result var result =...

Круги рандом на равных дистанциях
Доброго времени суток. Как можно получить такое через HTML & JS? Круги это DIVы, данный которых приходят с бекенда. Пробовал через канвас, читый HTML, но не то. Нашел более менее удобный ресурс:...

Графика.Основные графические примитивы
Нарисовать рожок мороженого: конус из линий и шарик.

canvas стирает фон прописанный в body
У меня имеется функция, которая рисует анимацию, которую я прописал в canvas, и при ее выполнении часть фона моей html странички стирается — после выполнения анимации canvas стирает так же часть...

Flappy Bird. Почему при подгрузке изображения оно не отображается в браузере?
Всем привет, подскажите плз, почему при подгрузке изображения оно не отображается в браузере? Путь указал правильно и название картинок тоже. Вот мой HTML: <DOCTYPE html> <html lang="en"> <head>...

как дублировать анимированную кнопку
Народ подскажите вот сделал кнопку в adobe animate cc, опубликовал как html5\canvas и разместил на странице Вопрос как разместить несколько таких кнопок на одной странице желательно не...

Слишком быстро двигаются молекулы
Всем здравствуйте! Пытаюсь воссоздать метод молекулярной динамики на javascipt, не могу понять почему сейчас мои молекулы двигаются так быстро. Связано ли это с принципом анимации на js или я...

Интернет-ресурс с примерами JavaScript: HTML5 Canvas
Добрый день, форумчане. Подскажите интернет-ресурс с примерами JavaScript: HTML5 Canvas

Построение фигур из массива точек
Изобразить вишню: плоды – восьмиугольники, листья – параллелограммы, ветка – линии. Помогите, пжлста

Примитивные крестики-нолики
Нужно разработать скрипт, который позволяет ввести 9 символов «Х» или «О», а затем выводит окно, в котором эти символы разделены на 3 строки по 3 символа в каждой, и присутствует сообщение...

Почему canvas выводит изображение без формата?
Простенький скрипт, можете скопировать/вставить. Помогите поправить? Всё работает, но сохраняет изображение без формата! <!DOCTYPE html> <head> <meta http-equiv="content-type"...

Как работает этот код?
Я не знаю, куда точно это надо писать, думаю, сюда всё же правильнее. Я 3 недели только как учу веб-программирование, и учу я его на сайте w3schools.com. Всё идет хорошо, но вот сейчас прохожу HTML...

Как предотвратить остановку вкладки с игрой на HTML5
Привет. У меня есть игра на html5 в браузере и когда я переключаюсь на другую вкладку, она приостанавливается(suspend). Как я могу это предотвратить? Почему так происходит? Спасибо.

Canvas заслоняется другими блоками
Здравствуйте! Подскажите, как сделать так, чтобы canvas стал фоном <body> или хотя бы одного <div>. Данный <div> имеет такие параметры в классе mainbd: background-color: rgba(28, 26, 26, 0.7);...

Как узнать положение изображения на канве?
Привет, еще раз, ребят! Есть хтмл страница, на ней канва и в канву загружен имейдж jpeg. Код: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>Тег IMG</title> </head>

Класс с использованием canvas
function getRandom(min, max) { return Math.floor(min + Math.random() * (max + 1 - min)); } var canvas = document.getElementById("canvas"); var ctx = canvas.getContext("2d"); canvas.width...

svg или canvas?
Что вы предпочитаете - svg или canvas?

Не получается задать движение второму кругу
не получается задать передвижение второму кругу <canvas id="canvas" width="400" height="300"></canvas> var Point = function (x, y) { this.x = x; this.y = y; return...

Как для canvas задать границы?
Можно ли как-то задать стили для canvas, чтобы было как с права? ${border}px ${lineBorder} #22222280; let border = 5, lineBorder = 'solid'; const saveImage = () => { const...

Как обновить линию на холсте js
Есть поле input в него вводится некая цифра, при отпускании клавиши рисуется линия длинной 50+цифра из input но если удалить прежнее значение из текстового поля и ввести новое, то рисуется линия...

Создание таблицы данных
Добрый вечер! Пожалуйста, помогите выполнить задание: В четырех списках панели находятся фамилии, имена и отчества сотрудников и номера их телефонов. Для выбора всех данных сотрудника достаточно...

JS в HTML [Изменение данных в окне]
Здравствуйте. Помогите пожалуйста с заданием,сейчас постараюсь подробно описать. Допустим есть какой-то массив в котором написано ,например: Автомобиль BMW. И при открытии html страницы появлялось...

Webgl, гиперболоид вращения
Помогите довести до ума, я только начал заниматься этим, поверхность ужасно отображается, подскажите что не так, заранее всем спасибо. <DOCTYPE html> <html> <head> <title>1</title> <meta...

Как нарисовать линии, чтобы цвета не смешивались?
Задача нарисовать график, хочу сделать сетку белой, а линии синими, но при прорисовке, сетка смешивается с синим цветом, как это исправить? Вот код: var canv = document.getElementById("canvas"); ...

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

Изменение цвета фона в JS
Есть вот этот JS код. Мне нужно изменить цвет фона, сейчас там какой-то тёмно-синий, а мне вообще нужен прозрачный фон. Подскажите где тут меняется цвет фона <script type="text/javascript"> ...

Canvas: нарисовать залитый квадрат
Помогите пожалуйста дополнить код Нужно нарисовать залитый квадрат, куда вставляется дополнительная строка ctx.fillRect(80, 80, 50, 50)??? <head> <title>Практическая №4</title> <script...

GetElementById возвращает null
Не получается вставить div в DOM. Вот код: catalog.php <!doctype html> <html> <head> <meta charset="utf-8"> <title>Аренда(прокат) инструментов СПБ</title> <link rel="shortcut icon"...

Поменять координаты часов
<!DOCTYPE html> <html> <head> <meta content="text/html; charset=utf-8" http-equiv="Content-Type"> <title>Untitled 1</title> <style> </style> </head> <body onload="ad()">

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

Не работает анимация threejs
я скопировал весь код с https://codepen.io/ko-yelie/pen/LqXWWx , но у меня не работает, как это можно исправить?

Что быстрее - рисование div или на канвас ?
Добрый вечер! Имеется небольшая браузерная игра, в которой двигаются блоки (танки) - каждый нарисован div'ом. Внутри каждого 5-8 div'ов (снаряды). Т.е. всего на экране двигаются порядка 50-60...

Обтекание трехмерных фигур
Необходимо реализовать обтекание трехмерной фигуры(конус, цилиндр, сфера) идеальной жидкостью с помощью JavaScript. Есть ли какие-то идеи или предложения?

Долгая загрузка объекта в браузере через three.js
суть вопроса: есть 5 моделей, которые стоят уже на сайте и хостинге, загружал их через three.js. Проблема в том, что некоторые из них загружаются ну уж очень долго, порядка 10 секунд. Сцена...

При нажатии на кнопку все сожержимое Canvas переместилось в новое окно
Помогите решить проблему надо чтоб при нажатии на кнопку все сожержимое Canvas переместилось в новое окно... в содержимое входит - рисунки (то есть грубо говоря сделать скрин-шот содержимого...

Canvas не очищается.
Canvas Не очищаеться, я знаю из-за чего это но не могу понять ка это устранить. function picker() { let red = document.querySelector('.red').value, ...

Подмена запроса функции по параметрам, создание статического уникального значения
Есть задача: как лучше подменить запрос функции по этим параметрам создать статическое уникальное значение: client.getBrowserData().ua; client.isFont(font); client.getFonts(); ...

Подскажите с canvas. Вынести лебл за пределы диаграммы
Здравствуйте. Как ни печально, но с canvas не знаком. Дали простое задание: Вынести лейбл элемента диаграммы за пределы графика. То есть, чтобы метка отображалась не внутри круга, а снаружи. Так как...

Есть два времени, нужно сделать так, чтобы на циферблате отрисовался заданный промежуток в функции(начала и конца)?
2.Тот самый циферблат. <body> Черновик по JavaScript. Работа с холстом: <br> <div id='clock'>Тут будет текущее время</div> <br> <canvas height='480' width='480' id='myCanvas'></canvas> ...

Проблема с изображениями в canvas
Привет всем, есть кто разбирается в canvas? пытаюсь сделать игру(учусь пока), и возникала такая проблема, что при использовании rect всё нормально: <div id="lightcontainer"> <canvas...

Почему не видит класс библиотеки chart.js?
Доброго времени суток, возникла проблема, не могу понять почему не видит класс у библиотеки, подключаю cdn но выдает ошибки - ReferenceError: Can't find variable: Chart, SyntaxError: Unexpected...

Карта на canvas (пределы холста)
Всем привет. Делаю небольшую карту, используя canvas. В БД хранятся координаты домов. Для вывода домов на экран использую moveTo и lineTo. Столкнулся с проблемой. Как отрисовать дом, который...

ТИП наложения линий
Всем здоровья! Вопрос такой, есть необходимость при наложении линий делать полностью непрозрачное наложение, но прозрачность почему то сохраняется. Как сохранить непрозрачность? <!doctype html>...

Как задать число и радиус с клавиатуры
Помогите, пожалуйста. Нарисовала виноград, а как задать число рядов ягод и радиус не понимаю. Помогите пожалуйста. Может надо как-то упростить код? <!DOCTYPE HTML> <html> <head> ...

WebGL JS фон объекта (фигуры)
Добрый день форумчане, целый день бьюсь над решением задачи. В canvas создается сцена, на сцене крутятся монетки,монетка в png с альфаканалом помогите изменить либо фигуру на круг, либо как то...

Стролл - перемещение по координате х
Делаю перемещение по координате х по длине хх. Смысл - если персонаж по координате х, слева менее 200 и справа более 500 возможно перемещение (смещение задника) через скорость speed, но только на...

Svg+css to canvas
Добрый день. Строю графики с помощью c3js, они выводятся в svg. Цель - сохранить получившийся график. Пытаюсь конвертировать svg в canvas, но при конвертировании не подхватываются css. Используя...

Как поменять <img src="https:// .jpg"> чтобы вместо картинки по ссылке отображался текст?
Как сделать чтобы по ссылке отображался текст, или пост, или блок с текстом не нажимая на ссылку? <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>Тег IMG</title> </head> ...

Круглый chart gradient
Добрый день господа! Возник такой вопрос, возможно ли застилизовать chart подобным образом?

Нарисовать кривую
Решил попробовать нарисовать кривую, но почему-то вторая кривая не рисуется, первая нарисовалась без проблем. Хочу сделать такую же кривую как слева, только справа.. Вот код: <!DOCTYPE html>...

Можно ли использовать canvas как простой элемент страницы?
Например сделать всплывающую подсказку. Навел например на div и сформировался canvas поверх всех элементов с подсказкой. Возможно такое?

Построить графики функции по 2 экземпляра на полотне CANVAS
Нужно делать на полотне CANVAS. Построит графики функции по 2 экземпляра. Сделать : коэфициент по х, у(kx, ky) , разноцветность графиков, подпись графиков, систему координат, и тд. Графики...

Градиент текста. Текст выводится, но буквы пустые с окантовкой, не залиты градиентом.
Другой эксперимент и вопрос касаемо градиента. Решил попробовать градиент текста.. Вроде текст выводит, но буквы пустые с окантовкой, не залиты градиентом. Как их залить градиентом чтобы внутри...

Как в коде Sarik, как сделать три шарика слева неподвижными?
Http://rapprogtrain.com/editor/index.php#&togetherjs=tj3syxzw7K

Как сделать деформацию картинок?
Доброй ночи. Ищу способ реализовать деформацию картинок. К примеру, задается 4 точки ( трапеция, параллелограмм и т.д.) и нужно чтобы внутри была растянута картинка, ну и потом чтобы это объект можно...

Должны появляться новые шарики при нажатии на кнопку
Как сделать так, чтобы при нажатии на кнопку появлялись новые шарики, а предыдущие не пропадали и не лагали ? <canvas id="myCanvas" width="1525" height="700"></canvas> <div...

Движение по заданной траектории (кривая Безье из 3-х точек)
Здравствуйте, уважаемые форумчане! Собрал движение по траектории с помощью кривой Безье (можно расставлять шарики как угодно и нажимать GO). Хотел спросить, может быть есть способы как проще задавать...

Canvas стирает нарисованное
Здравствуйте, написал небольшую программу для рисования на canvas - она рисует фигуры. В конце, после того, как всё нарисовано - почему-то программа сама всё удаляет. Я зашёл в отладчик -...

Неправильно передвижение графика на стрелки
При движении графика на стрелки влево или вверх, идет ускорение, а потом появляется тот же график, только клонированный. При движении вправо или вниз, идет замедление, и нельзя посмотреть нижние или...

Прочитать цвет пикселя на canvas
Есть canvas, работающий в режиме WebGL. (Доступа к скрипту, создающему canvas и вызывающему getContext() у меня нет.) Нужно узнать цвет определенного пикселя на этом canvas`е. Мой код: let...

Анимация выелзающего блока
Добрый день, подскажите как сделать такую анимацию http://jsfiddle.net/7b7hedes/1/ вот с такой библиотекой http://raphaeljs.com/. спасибо !

Раскрашивание градиентом секторов
Каждое нажатие на верхний выступ зонта раскрашивает каждый его сектор градиентом разного случайного цвета. Прошу помочь мне в написании такого кода

расстояние между кругами
скажите по какой формуле рассчитать расстояние между кругами, допустим радиус кругов начинаются: а) x=10, y=15; б) х = 25, y 25;

Анимация отрисовки треугольников CANVAS продолжение
Собственно с отрисовкой по правильным углам решил проблему. https://codepen.io/mikhalich/pen/WNNyxJz Теперь стоит задача, как отрисовывать их в рандомном порядке и чтобы они не появлялись на менсте...

Налезают квадраты друг на друга
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible"...

Как реализовать карту из множества гексагонов?
делаю сайт для себя,не понимаю как сделать этот блок с картой состоящий из множества гексагонов.

Как на канве fabric js сделать непересекаемые области?
вот тут есть пример http://sochnofoto.com/printing/mugs/22407/template-234529/editor?state=tfbe2f870ba8140d294de26f34a33258a http://sw.webalan.ru/403a7-clip-185kb.jpg как сделать чтобы эти...

HTML5 графики
Подскажите пожалуйста инструментарий который позволит отрисовывать и скажем каждую секунду обновять графики.

Не идентифицируется переменная
Вот есть такой код: function d_b(x1,y1){ for(w;w < 1;w++){ var t = 0; // сдесь нормально } //тут уже он не видит переменную я незнаю почему как решить эту проблему? как бы же var и let это...

Как сделать канвас с картинкой, которая будет обрезаться к центру с сохранением пропорций?
Как сделать канваз с картинкой, которая будет обрезаться к центру с сохранением пропорций на разных разрешениях? То есть канваз, внутри него картинка размером 1416х797. Канваз на всю ширину...

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

Как узнать ширину фрейма?
Требуется узнать ширину фрейма. Если для окна html, то проблем нет, делается примерно так: <p><button onclick="alert(document.documentElement.clientHeight)">Ширина</button></p> А вот как для...

Нарисовать линию соединяющую две кнопки в таблице
Я не программист. Но мне это надо. Имею таблицу из трёх колонок. В первой элементы (button) и в третей тоже. Посетитель выбирает щелчком по одной из каждой. Координаты запоминаются глобально....

Деление координат мыши
Здравствуйте, я столкнулся с проблемой - деление координат мыши на зоны. Представим : у нас есть поле на холсте canvas. С помощью канваса я нарисовал квадраты 10 на 10. Поле 1000х1000 пикселей. Я...

Построение графиков
Подскажите библиотеку на которой можно начертить подобные графики

Получение видео потока с my.mail.ru/video
Здравствуйте, уважаемые форумчане. У меня есть задача: мне необходимо захватить видео поток с my.mail.ru/video и обработать его покадрово с использованием three.js. Весь код обработки написан, для...

WebGL, gl_Position. Четвёртая координата
Что значит четвёртая координата в выходной переменной gl_Position, в вершинном шейдере WebGL? Пример, gl_Position=vec4(1.0,0.4,0.5,1.0) gl_Position=vec4(x,y,z,?)

Как сделать таймер который будет запускаться по нажатию кнопки мыши?
Таймер будет запускаться при нажатии кнопки мыши. При этом есть переменная running, она будет принимать значение true пока таймер работает. Сделала тестовый пример на 10 секунд. При первом нажатии...

Блок с кнопкой через Canvas
Всем привет! Как сделать также, как на изображении, чтоб через canvas можно было выводить такие же блоки, не используя html с css?

Как случайные ходы в шахматной игре заменить ходами по порядку?
var delay = 1/99999999999999999999, //задержка между ходами в миллисекундах mainPause = 5, //задержка между партиями в секундах board, game = new Chess (), pgnEl = $('#pgn'), fenEl =...

Как сделать перемещения объектов используя функцию ослабления?
Делаю перемещение несколько объектов которые должны двигаться с эффектом волн. Я уже разместила несколько объектов и чтобы они двигались с эффектом волн я сделала интервал между каждым rectangle в 10...

Вращение камеры и скрытие background
Всем привет. Подскажите пожалуйста, как сделать вращение камеры мышкой здесь? https://codesandbox.io/s/multi-side-refraction-step-2-3-forked-4n1fm?file=/src/index.js:2987-3014 import...

Декартова система координат привести в исходное положение с использованием function
В приложенном JS имеются элементы кода Декартовой системы координат с применением function.Так как. мне как начинающему сложно понять, каким образом работает данный код, необходимо очистить код таким...

Логическая бомба непонимания или суперсложный массив
Здравствуйте, есть проблема оптимизации. Я делаю мультиплеерную игру на ноде+сокет. И столкнулся с проблемой, я делаю двумерный массив 80х80, состоящий из объектов, которые имеют несколько свойств,...

Как залить фигуру по формуле?
Добрый день! Как при заливке фигуры перейти за рамку? есть код var ClickMode = { Paint: 0, Fill: 1 }; var mouseDown = false; var currentMode = ClickMode.Paint;

Не получается загрузить картинку
Друзья, пытаюсь создать возможность в canvas загрузить картинку ПОЛЬЗОВАТЕЛЕМ сайта. Сюда он должен ввести урл <input type="url" id="setPreview-bad"> Вот событие, которое присваивает урл атрибуту...

Где храняться скрипты на страницах?
Здравствуйте. Я не знаю javascript и не писал сайтов, подскажите где могут храниться скрипты которые выполнятются настранице. Конкрентнее страница авторизации ВК, такой код: <div...

Работа с canvas
Доброго времени суток. Прошу подсказать какую-то рабочую и многофункциональную библиотеку для работы с таким элементом как canvas. Нужно: просто рисование фигур, забивание их в объекты, движение оных...

Three js, откуда взялась переменная length?
Вот собственно и весь вопрос. Необъявленная переменная length, да еще и передается как параметр на переменную move. Я начинающий в Three JS, пытаюсь разобраться в коде. Java бы давно начала ругаться...

Простенький javascript для сайта, нужно доработать!
Всем привет! Впервые пишу пост не серчайте если что, в js ничего не понимаю. К делу. Есть javascript код или jquery <script type="text/javascript"> $(function(){ $("").mousemove(function...

Пример с книги не работает
первый же пример с книги по вебгл не работает <!DOCTYPE html> <html lang=“en"> <head> <meta charset="utf-8" /> <title>Draw a blue rectangle (canvas version)</title> </head> <body...

Круговой таймер в canvas
Здравствуйте! Нужно сделать круговой таймер на 3 секунды, но я в канве ничего не понимаю... Если будут еще задачи тогда начну учить как это делать а пока просто нужно сделать) Нашел пример но не...

Как изменить толщину вектора (Libcanvas)
Здравствуйте, канву почти не знаю, так что приходиться задавать такой глупый вопрос. Есть вот такой код (рисует прямоугольник и кружочки на его углах для возможности изменения его размеров),...

Проблема с анимацией
Доброго времени суток. Столкнулся с проблемой установки анимации canvas: в определённую область нужно поставить анимацию с фоном, но как я ни пытался, так, как нужно не получалось, всё криво и криво...

В чем и как дебаг кода внутри html?
Ставил кучу плагинов VS code и ничего. Как дебажат код в лапках? var vertexShaderSource = `код`; его игнорят все IDE с плагинами из за этих ` спец символов.Может по другому...

Тени от объекта
Привет всем! Столкнулся с такой проблемой, что при загрузке модели из блендера (.obj), не получается отбросить тень. function loadModel() { MTL_LOADER.setTexturePath('../models/');...

Улучшить качество файла pdf
Здравствуйте! Я вывожу один блок со страницы сайта в pdf следующим образом (используются библиотеки jQuery, html2canvas и jsPDF): async function generatePDF(arg) { ...

Сочетание animation и async/await
Задача в целом простая, нужен цикл: 1. Нарисовать нечто на канве 2. Сделать fade in - fade out 3. К п.1 Все операции должны быть сделаны через async/await. Во-первых, это учебный проект, так...

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

Алгоритм звездного неба
Подскажите алгоритм заполнения canvas прямоуголной области точками звезд Я попробовал свой написать. Получилось диагональными дорожками. И почему-то соседи приблизительно одинакового размера. ...

Как убрать персонажа из игры?
делаю игру по образцу https://alfilatov.com/posts/pishiem-ighru-na-html5-slash-js/ объявляю персонаж. var player = { pos: , sprite: new Sprite('img/20.png', , , 0, )}; Далее его нужно...

Как танком не давать возможность проходить сквозь друг-друга?
init(); function init() { audio = new Audio("audio/audio.mp3"); // audio.play(); tank = new Tank(100, 100, 60, 85, "img/killer.svg"); enemyTank = new Tank(60, 60, 85, 75,...

Перемещение по канвасу
Помогите настроить правильное перемещение картинки по канвасу с зажатой кнопкой мыши. http://codepen.io/eviiil/pen/VmjPjp В данный момент при нажатии как вы можете видеть картинка сдвигается в...

CanvasJS.Chart с введением X и Y
Всем привет. Я вот что затеял: ввожу я значит в текстовые поля по два числа, нажимаю на кнопку, и на странице согласно координатам отрисовывается линейный чарт (Line Chart). Я пытался сделать так,...

Веб-страница с холстом - задание по учебе. Html, Css, Js
Доброго времени суток. Нужна помощь с решением такой задачи. Код из данной задачи можно просто текстом прислать Создать веб-страницу c холстом 1000х800 пикселей, позиционированным по умолчанию....

Общая электронная доска
Доброе время суток. Стоит задача реализовать совместный доступ к рисовалке. Грубо говоря, 2 человека зашли в виртуальную комнату. Перед ними белый лист. Один человек рисует, второй видит...

Прелоадер сцены three.js
Как реализовать прелоадер для всей сцены? 3д моделей достаточно тяжелая ( ~100мб ) , загружается везде за разное время. Делаю в редакторе на оф. сайте. При загрузке просто висит черный экран... Если...

Отобразить изображение на холсте
Подскажите пожалуйста, как добавить эту функцию в код, чтобы картинка превратилась в canvas? Вот функция function convertImageToCanvas(image) { var cnvs = document.createElement("canvas"); ...

Drag and Drop, пересечение полигонов
Здравствуйте, учу js, на данный момент изучаю работу с DOM. Реализовываю Drag and Drop с полигонами, при пересечении полигонов, необходимо чтобы пересекаемые полигоны становились красными, не могу...

Почему интервал не запускается повторно (пытаюсь запустить внизу, там где "restart.addEventListener('click', function()
let getY = -40; let score = 0; let xRand = Math.floor(Math.random()*500); let goDown = 0; let goDown1 = 0; let goDownHiger = 0; let canvas = document.getElementById("canvas"); let ctx =...

Как сделать так, чтобы круги не залезали друг на друга
Здравствуйте, собрав информацию по всему интернету - получил что-то вот такое: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>wf</title> <style> </style>

Аналог MapArea в JavaScrip, ссылка на изображении
Добрый день, подскажите пожалуйста, как сделать активные области как ссылки на изображении, которое вызывается в js файле, и все это дело происходит в канвасе. Есть страница с анимашками при...

Как увеличить размер выделенной области графика с использованием Chart.js
Здравствуйте! Есть код: смотрите вложение. Работает зум, можно даже его подвигать - но почему-то только вправо. Как сделать так, чтобы можно было выделить мышью часть кривой графика и чтобы...

Рандомное заполнение кораблей
друзья, всем доброго времени суток в ходе написания морского боя появилась одна проблема: не могу рандомно раскидать корабли пример отрисовки поля и двухпалубника ниже var canvas =...

Как сделать движение под углом?
Делаю стрельбу как в шариках. Понятно, что надо отследить координаты клика по отношению к заданной точки. А дальше как сделать чтобы запустить под этим углом шарик? как просто без угла я делал, но...

Не получается нарисовать график
Всем привет. Появилась необходимость нарисовать график. Решил воспользоваться библиотекой flot.js Получается следующее: var all_data = ,,,,]}, ]; var plot_conf = { series: { ...

Raphael js сделать закгругленные углы и градиент под линией
Здрасти, делаю анимированный график с рафаель джс. Хочется что бы под линией был градиент до низа и закруглить уголки линии, можно ли это реализовать ? https://jsfiddle.net/1560baw4/...

Отрисовка прототипа объекта внутри объекта
/* ### КАРТА рисуем карту ### */ var dHexagon = function(x, y, w, h, color, /* line, */ koordX, koordY, map){ //прототип гексагональной фигуры this.x = x; this.y = y; this.w = w; ...

Разработать скрипт для построения графика по точкам, отмечаемым щелчком мыши на элементе canvas
Разработать скрипт для построения графика по точкам, отмечаемым щелчком мыши на элементе canvas Добавлено через 1 час 36 минут Сложно написать код, чтобы отмечать точки кликом мышки

Изображения с вводом параметров и выводом текста
Нарисовать цветок, лепестками которого будут служить прямые линии. Размер лепестков и их количество ввести с клавиатуры

Сохранение cookies с динамичного HTML
День добрый всем! Помоги пожалуйста! У меня есть готовый HTML файл со скриптом счётчика, как сделать чтоб после закрытия файла сохранялись итоговые данные (куки), чтоб при новом открытии счетчик шел...

Альтернатива getContext в HTML4
Знаю что тема звучит некорректно, но в общем использую библиотеку Chart.js для рисования круговой диаграммы. Вывожу не в браузерах, а в спец.элементе WebBrowserControl (как в c#) в СЭД DIRECTUM, и...

Как вывести каналы отдельно?
Здравствуйте. Нужно для загруженного изображения в холст, для системы координат YCbCr отдельно вывести каналы Y, Cb и Cr.

Скрытые картинки
Здравствуйте. Подскажите пожалуйста, как просмотреть что скрыто за Скретч-слоем на сайте? Говорят что это делается с помощью Java script. Программированием владею на уровне: Вроде знаю, но не знаю....

Изменение положения камеры
Привет всем! Я вывожу 3д модель на страницу. Мне необходимо реализовать свободное перемещение камеры. Имеется библиотека (orbitcontrols.js). Что нужно изменить в ней, чтобы была возможность...

нужно разобрать что написано
Я JS не знаю, но этот кусок очень заинтересовал, можете написать комментарии? var tm39197 = '7'; document.writeln('Текст'+ ' - AntiPsori - Kashtan Buy - Gel From Varices'+ ''); function...

Конвертация <div> в картинку, создание баннера
Доброго времени суток. Решил создать небольшой баннер с динамическими текстовыми данными, возможно ли реализовать конвертацию в картинку без подключения сторонних модулей с помощью canvas? Код...

Canvas в движении
Как реализовать такое: Например начальные координаты линии (0;0), как сделать, чтобы линия двигалась, как бы рисовалась в движении, типа как за курсором рисуется.

Нужно исправить код!
Привет всем! Я дизайнер и в jawascript разбираюсь слабо. Возникла проблема из-за чертова Гугла, который закрыл использование Swiffy. Проблема в следующем: есть HTML5-баннер сделанный в Adobe Animate,...

Canvas javascript
О боги javascript'а нужна ваша помощь У меня есть канва на которой рисуется линия при помощи мыши(с нажатой левой клавишей) Возможно ли копировать рисование и отображать в другой канве? Если можно,...

Задача на khanacademy.org
Здравствуйте! Не получается справиться с задачей при изучении JS. Делаю анимацию, как облака расходятся от солнца. Нужно левое облако на 1 пиксель сместить влево, правое облако на 1 пиксель вправо...

Отрисовка происходит после всех задержек, как исправить?
Такая задача - надо отрисовать на канвасе несколько фигур(кругов) с заданной задержкой. Задержка работает, в лог пишет с правильной задержкой, но отрисовка происходит только после всех задержек, как...

Как сделать чтобы весь игровой цикл начинался после клика по кнопке или картинке например ?
let getY = -40; let score = 0; let xRand = Math.floor(Math.random()*500); let goDown = 0; let goDownHiger = 0; let canvas = document.getElementById("canvas"); let ctx = canvas.getContext("2d");...

"Попадая в диапазон вызов один раз" многократно
В процессе написания тетрис гоночки столкнулся с такой проблемой.. После установки ускорения передвижения перестал попадать в условие где создается следующий объект car //условие на пополнене...

Всегда разный результат
Доброго времени суток, недавно начал знакомство с canvas и javascript, сразу решил сделать попробовать сделать арканоид и сразу столкнулся с проблемой, при реализации функции заполнения поля блоков,...

Построить график
Здравствуйте. Есть необходимость построить график через canvas. Имеются 3 значения(физическое,интеллектуальное,эмоциональное). Как это можно сделать через canvas? <!DOCTYPE HTML PUBLIC...

Блокировка содержания
Есть всплывающее окно на сайте( div -блок) , как сделать чтобы при его появлении затемнялся фон , и при этом нельзя было вызывать скрипты, которые выполняются при нажатии на другие...

Тег <canvas>
Этот: var skipdata; var logtext = document.getElementById("logtext"); var s=""; var minx; var maxx; var maxy; window.onload = Start(); function Start() {

Пропадаю кнопки и вёрстка
Всем привет! Пишу задачку на Js, задачка простая: рисую график, по нажатию на кнопку. Возникла проблема: нажимаю на кнопку - кнопка и вёрстка пропадает, появляется сам график. Что бы вернуть...

Почему нет окраса, сетка точек
Так рисует var fragmentShaderSource = `void main() { // float x = gl_FragCoord.x; // float r =...

Canvas svg.js цикл
Здравствуйте, нужна помощь! var w = window.innerWidth; var h = window.innerHeight; var draw = SVG('canvas').size(w, h) var rect = draw.rect(100,100)

Каким образом лучше реализовать карту на canvas?
Есть разные локации, для каждой локации есть своя картинка в jpg размерами от 3440*1440 (есть и в 10 раз большего размера картинки), на каждой картинке есть свои области для взаимодействия (можно...

Картинка и анимация по Canvas
Всем привет! Планирую изменять картинку при клике по кнопке непосредственно в canvas. Код следующий - подгружаю первую картинку. Чтобы менять её, я так понимаю по клику просто подставляю в ctx.src...

Построение эллиптического тренажера ("orbitrek") с помощью WebGL
Доброго времени суток! Нужна помощь( Задача: построить эллиптический тренажер («orbitrek») с помощью WebGl (или это может быть любой язык программирования, поддерживающий OpenGL). Я не знаю, как...

Сдвиг при заполнении
Здравствуйте! Рисую линию через интервал и нужно когда ширина заполнения была больше 75% чтоб сдвигало в лева Попробовал просто двигать в лева canvas и увеличивать ширину. Если увеличить атрибут...

Id объекта по клику
Приветствую. Несколько лет назад сидел на AS3 и все было хорошо, пока флеш не начал умирать) приходиться переползать на что то новое. Подскажите, плс. Мне нужно создать холст, загрузить спрайт,...

WARNING: Too many active WebGL contexts. Oldest context will be lost
Использую библиотеку Globe.gl https://globe.gl/ На каждой странице вставляю 3Д объект, далее всё начинает тормозить и вылезает предупреждение. Как избавиться от тормозов?

Отрисовка прямоугольников
Всем привет. Добавила отрисовку прямоугольников, но почему то в браузере показывает обрезанное document.addEventListener('DOMContentLoaded', () => { let canvas =...

Как запретить дописывание тегов в свойстве innerHTML ?
В этом коде умышленно созданы ошибки: не закрыт тег <p>; написан неверный тег <fg> <div style="position: fixed; top: 130px; left: 0; margin-left: 30%; display: block; " > <form...

Использовать аналог var = document
В js я не понимаю, моя задача на делфи найти переменную h , автоматическое решение ругается на слово document , пишет мол неизвестная переменная. Суть скрипта очень проста, помогите сделать...

Вывод предупреждения,при выходе за границы канваса
Суть такая,пользователь рисует прямоугольники и если они заходят за границу канваса,то должны появляться алерт,предупреждающий о выходе за границы. Вот код,в котором алерт не пашет( function...

Вывести на холст термин и связанные с ним слова
Доброго времени суток. Задача такая - необходимо, используя JS, вывести на холст термин и связанные с ним слова. От термина к каждому слову должна рисоваться линия. Если кликнуть на любое слово,...

Есть обьект, который двигаеться клавишами в холсте(канвасе), нужно сделать границы, чтобы он не выходил из канваса
var tank; function init() { audio = new Audio("audio/audio.mp3"); audio.play(); myGame = new Game(); tank2 = new Tank (100, 100, 20, 20, "red"); tank = new Tank(100, 100,...

Как правильно называть некоторые термины?
Читаю статьи на разных сайтах по HTML 5 и не много запуталась. Например на Хабре font - называют переменной, а fillText называют функцией. На другом сайте те же самые переменные font - называют...

three js 3D text
Нужна помощь, не могу понять как правильно сделать через dat.gui чтобы у меня размер текста менялся через интерфейс. Пробовал выносить размер и высоту как глобальные перемены, если в dat.gui он...

Отрисовка canvas
подскажите, как отрисовать такую https://cdn.wink.org/#/platform/dice-dice стрелку в разделе Moon через canvas? пока набросал вот это, а дальше затуп полный ...

Как считать Текущее время в input datetime-local - HTML5
<input id="age" type="datetime-local" value="2016-02-26T01:01"><br> <input id="a4" type="text" name="h"/><br> <input type="button" value="Расчитать" onclick="checkFordate(this)"/> 1)теперь нам...

Оптимизация кода
Помогите хотя бы начать оптимизировать Суть проста, есть код игры "морской бой" js - canvas, его надо оптимизировать по примеру написанной другой игры мой код: Battle.js function...

Проект жрет память
Создал небольшой проект на JS с canvas, но он чет жрет память (за 5мин + 6Мб). Основые обьекты инициализуются в начале, остальные на замену предыдущим. Тоесть по идее прироста не должно быть, или...

Не отображается результат в canvas
Есть два одинаковых скрипта, которые содержаться в php коде. Они должны отображаться в разных canvas (canvas, canvas2), но почему то отображается только один. Если убрать код одного - отображается...

Three.js привязка события к элементу
Есть ли возможность привязать или отследить клик в three.js ?К премеру - действие при клике на стену куба - изменить ее цвет? А также есть ли возможность привязать все объекты к одному, чтобы при...

Перерисовка drawImage
после как загрузил картинку через drawImage, хочу ее поменять, как сделать перерисовку drawImage?

DRAG AND DROP Circle
Здравствуйте. Не могу понять, как сделать перетаскивание кругов. По экрану. Круги рисуются по щелчку мыши и выводятся их координаты. Хочу сделать еще DRAG AND DROP кругов, и что бы менялись...

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

Не могу избавиться от границ Canvas на странице
Здравствуйте! Пишу прогу на JS, хочу добиться полноэкранного режима для рисования. В полноэкранный режим перехожу по F11. Кстати, нет варианта запускать полный экран автоматически? Тестирую в...

Объясните разницу в коде на примере поиска простых чисел (почему вар.1 рабочий, а вар.2 нет)
Решил написать програмку для поиска простых чисел и столкнулся с проблемкой. Есть два варианта кода: Вар.1 (рабочий) System.out.print("1 2 "); for(int i=3; i<=200; i++){ ...

Плохо работают стрелки управления баннера
Флеш уже давно устарел и использовать его не рекомендуется. Поэтому я написала баннер на html5, вот ссылка https://vagon-igr.ru/ (баннер находится в правом меню под случайными картинками) когда я...

Разница в отрисовке при использовании i или иной переменной
Добрый день! Можете подсказать, почему отрисовка по циклу при использовании i отличается от того же цикла, но заменой ее на другую переменную? setTimeout (()=> { let x...

Как подставить изображение которое бы растягивалось на весь экран вместо фона
Добрый день. Как подставить изображение которое бы растягивалось на весь экран вместо зеленого фона.

бот для World Pocker Club
дайте пожалуйста ссыль на статейку по которой можно создать простой кликер-бот для игры. Мне нужен простой бот, который будет кликать 1 раз в 3 сек по одной кнопке. И та игра, для которой нужно...

Canvas html
Доброе время суток всем! Подскажите пожалуйста,как сделать 2 кнопки(сохранить/загрузить) на этом приложении,чтобы после создания сетки можно было сохранить полученный результат и после...

Проблемы с Image
Всех с наступающим!!! Возникли проблемы с объектом Image(я так думаю что с ним) Функция Draw() работает(проверял методом alert), но при запуске ошибки не выдаются, а изображение не выводится. Как...

анимация
помогите, пожалуйста, ошибок нет. Но мячик почему-то не двигается var speed=120; var ugol=4; var x=35; var y=35; var intervalId=0; window.onload = function() { var canvas =...

Веб сокет и Canvas
Как передать состояние холста Canvas в бинарном формате по веб-сокету? Либо через Blob или ArrayBuffer, вот так почему-то не получается(( var img = context.getImageData(0, 0, canvas.width,...

Checkbox
Не уверен сюда ли надо писать,но все же помогите кто чем может! <td width="120"><input type="checkbox" name="readAccessSecondTable" value="0" maxlength="1" size="1" /></td> <td...

Нестандартная работа canvas c элементами "relative"
Всем привет. Помогите пожалуйста советом или источником, где найти информацию по проблеме, а проблема состоит в следующем: Есть задача создать скрипт для шахматной доски. Все довольно-таки просто,...

Работа с zoom и pan. Посчитать абсолютное поз. DOM елемента поверх канваса , когда использую зум и pan
Я использую pan/zoom канваса, референс брал вот отсюда https://codesandbox.io/s/react-typescript-zoom-pan-html-canvas-p3itj?from-embed=&file=/src/Canvas.tsx Немного изменил функцию zoom и убрал зум...

Кто может подсказать формулы для сжатия-разжатия объекта?
Нужны формулы для реализации сжатия-разжатия объекта. Есть шар я задаю скорость и тип поверхности о которое оно ударится, нужно с помощью формул реализовать реальное поведение(деформацию...

Отрисованные объекты и слушатель событий
Решил заморочиться изучением html технологий, rip flash. Просмотрел пару примеров для начинающих, и практически сразу встал в тупик. Мне нужно взаимодействие с отрисованной на канвасе картинкой....

Скрипт не отрабатывает в мобильной версиии
Здравствуйте! Есть скрипт анимации снега для сайта. Почему он не отрабатывает в мобильной версии? Сам скрипт прикрепил.

Движение с плавной остановкой
День добрый, что-то туплю на элементарном. Есть объект, двигаем его по горизонтальной оси. Все пока, до безобразия просто: speed = 1; function go() { ...

Адаптивная верстка: на какое минимальное разрешение стоит ориентироваться?
Просто я сам ни разу не открывал сайты с мобильных устройств (и не собираюсь). Но, на сайт идет 25% трафика - с мобильных устройств. Люди мучаются, пытаются найти мобильную версию. Исследовать, кто с...

Дана строка, найти наибольшее количество цифр, которые идут в нем подряд
Дана строка, найти наибольшее количество цифр, которые идут в нем подряд.БУДУ очень благодапрен ,если вs мне поможете ) Добавлено через 46 минут вот я что-то делал так ли єто но она не работает...

Как в конструктор date занести дату и время с поля text заполняемою пользователем?
<!DOCTYPE html> <html"> <head> <title>Функции. Дата и время</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style> #b{ width:175px; box-sizing:...

Защита .stl файла от скачивание
Суть проблемы нужна показать пользевателю stl файла, но так чтоб он не мог его загрузить. Существует ли такой способ, если нет, то как его лучше обойти - много картинок (snapshot), видео (как их...

Работа с canvas
Уважаемые товарищи, у меня возникла проблема, с которой я очень долго просидел, но так и не понял в чем дело. Вот этот код почему-то работает неверно, когда я стили задаю через css: <!DOCTYPE html>...

How to make the tank not go out of the canvas?
// 1. initialize (square) tank-image // 2. move by key (square) tank-image // 3. rotate tank-image // 4. audio var tank; function init() { audio = new Audio("audio/audio.mp3"); ...

Как зафиксировать выпадающий спискок
Привет! Подскажите, как зафиксировать выпадающий список в раскрытом состоянии, чтобы можно было выбрать в нем нужную вкладку и дальше уже перейти по ссылке? Сейчас, в стандартном варианте, при клике...

Быстрое рисование треугольников
Всем доброго времени суток. Вопрос наивен, но возможно ли быстрое рисование большого количества фигур (в частности треугольников, желательно 105+), при частоте 60 гц с помощью canvas и методов...

Загрузка изображения при загрузке страницы
Здравствуйте, мне нужна html страница для дальнейшей интеграции, в поле img будет передаваться ссылка на фотку и при загрузке страницы нужно сразу же ее скачать. Подскажите, пожалуйста, что в коде не...

Canvas выкусывает середину из больших картинок
когда я загружаю картинку в 2-3 мегабайта - она отображается нормально, но когда я ее приближаю или отдаляю - от нее откусывается часть по центру, а оставшиеся половинки склеиваются что я делаю не...

Запуск функции(метода) без вмешательства
Дано: У меня есть сторонний сайт site.com На нем есть метод onclick="rabotat();" Вопрос: Что я могу сделать, чтобы на стороннем сайте site.com метод rabotat(); задействовался без моего...

Переключение между кистями
Мне нужно сделать переключение между формой кисти (кругом и квадратом). Как мне это сделать? <!DOCTYPE html> <html> <head> <title>Fingerpainting</title> </head> <body style="margin: 0px;">...

Three.js. Нужно приклеить Mesh к камере, в меше служебная информация меню приложения и т.д
Задача, повесить на весь канвас что то типа прозрачного банера с элементами меша в нужной точке экрана в 2Д формате. Немного по гуглив нашел вот такую конструкцию, camera.add(mesh2); //...

Некоректно работает requestAnimationFrame, впервые столкнулся
Сделал по уроку но у меня не удаляются предидущие изображение, получается змейка var cvs = document.getElementById('canvas'); var ctx = cvs.getContext('2d'); var cubeY = new Image(); //...

Three.js двойной щелчок по объекту сцены
Всем привет. Подскажите как реализовать двойной щелчок. Или ссылочку чтоб посмотреть. Заранее спасибо

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

Как сделать фон из canvas?
В общем решил сделать падающий снег на сайте с помощью canvas. Правда снег падает не на фоне, а под сайтом... Как решить эту проблему? Код примерно такой: <body> <div id="page"></div> //за...

ToFixed к значению celsius
function TemperatureConverter($scope) { $scope.edited = null; $scope.okEdited = function(which) { $scope.edited = which; }; $scope.$watch('fahrenheit', function(value) { ...

Изменение цвета объектов для анимации "пузырьков"
Изучаю Canvas и программирование в целом чуть меньше недели. По уроку одного из курсов сделал нехитрую анимацию кружков. Захотел от себя добавить свойство, благодаря которому бы каждый из 100...

WebGL, но не в браузере
Здравствуйте, товарищи! Есть сайт https://chrismckenzie.com/ с милым кубиком, который весело следит за курсором, и в панике ищет его, если курсор убрать. я бы хотел целиком и полностью скопировать...

Класификация элементов в JavaScript расплывчатая
В книге Девида Флеймaна,написано, что свойства и методы могут иметь только обьекты,но потом в разделе-работа со строками,сообщается что строки имеют свойства и методы.Вобщем путаница возникает. ...

Почему не выполняется метод "click" ?
let getY = -40; let xRand = Math.floor(Math.random()*500); let goDown = 0; let canvas = document.getElementById("canvas"); let ctx = canvas.getContext("2d"); canvas.width = 500; canvas.height =...

стол и объекты
Доброго времени суток! Нужна помощь в создании стола и объектов на грани стола (пользователей). Нужно нарисовать стол, прикрепить пользователей и написать функцию движения этих объектов(...

Как можно эмулировать нажатие кнопки
Как эмулировать нажатие кнопки на вот этом вот сайте. Пытался найти в коде функцию, которая отвечает за нажатие той или инной кнопки, но это бесполезно. Может кто подскажет? Добавлено через 7...

Посоветуйте библиотеки чартов
В общем такая задача, есть фирма, департаменты, руководители департаментов, сотрудники, нужно сделать кликабельную структуру фирмы типа Ген директор стрелка вниз Финансовый директор ...

Решение задач с факториалом, ошибка в коде
Нужно решить вот это вот: 1+ 1/1! + 1/2! + 1/3! + 1/4! + 1/5! +.... + 1/n!. Так как руки кривоваты на столько на сколько это вообще возможно, то что получилось естественно не работает, не подскажите...

Spritejs угол
Использую вот этот фреймворк. https://github.com/jlongster/canvas-game-bootstrap Как для каждого спрайта сохранить свой угол?

Требуется, чтобы были кнопки "Позитив" и "Негатив"
Смена картинок - горизонтально с прокруткой на 3-х уровнях: 1(верх волос и лоб), 2(брови, глаза нос), 3(губы, подбородок). Кто может, посмотрите пожалуйста!

Js + php + mysql
Добрый день , есть код игры if(pipe.x == -500) { score++; } Этот кусок кода отвечает за начисление очков в игре , я хочу эти очки перенести в переменную php и записать в mysql для каждого...

Эзотерика в Canvas
Тaк как в этом году Befunge отмечает 25 летний юбилей, решил написать нечто подобное в графике. Язык очень прост (CodePen/jsFiddle): Цветными пикселями/линиями строятся маршруты и набираются цепочки...

Как добавить в код ПИД ругулятор
При помощи элементов управления (окна, слайдеры) обеспечить задание параметров ПИД-регулятора и задающего значения (уставки) по углу отклонения маятника. Простая программная реализация регулятора...

Можно ли сделать так, что разные части canvas имели свои события?
если на канве делать кнопки , то надо обрабатывать событие onClick() объекта canvas, смотреть в каких координатах произошло событие и если попадает в область кнопки, совершать определенное действие....

Проблемы с javascript кодом в адаптивном баннере
Добрый день! Сделала html5 баннер, адаптивный (минимальная ширина 300 px), в Adobe Animate (html5 canvas). Всего там два объекта по бокам и текст вверху над ними (фон не в счёт). В чём загвоздка:...

Реализация tilemap canvas
Помогите мне пожалуйста реализовать тайловую карту на канвас.

Как добавить канвасу скролл?
надо , чтобы при увеличении масштаба появлялся скролл и содержимое можно было прокручивать.

поле видимости canvas
Есть-ли свойство для вывода изображения из поля видимости квадрата в base64 ( скрин ) где светлее, это вывод этого изображения, где темнее это то что обрежется

Скачивание канвас со своего сайта
Доброго времени суток. Очень стало интересно каким образом можно подкачать канвас со СВОЕГО ЛИЧНОГО ТЕСТОВОГО сайта! Довольно СИЛЬНО интересует данный вопрос!!! Может есть какие-то решения?

Как рисовать четырёхугольники с Canvas'a внутри цикла for
Использовал такой код. <html> <head> <link rel="stylesheet" href="style.css"> <script type="text/javascript"> function labelCalc(){ var labelW = document.getElementById('labelW').value;

Объяснить работу кода для canvas
function ellipse(context, cx, cy, rx, ry){ context.save(); // save state context.beginPath(); context.translate(cx-rx, cy-ry); context.scale(rx, ry); ...

Сделать зарисовку холста квадратами ,справа налево
Помогите сделать задание.Сделать зарисовку холста квадратами ,справа налево. const canvas = document.querySelector('canvas'); const ctx = canvas.getContext('2d'); canvas.width = 800; ...

Слайдшоу видео и изображения
Как сделать чтобы на странице во весь экран был слайдер который воспроизводит слайдшов состоящий из картинок и видео. длительность показа картинки 10 секунд, а видео его продолжительность

Перезход на ссылку при проходе картинки в определенном месте
Есть скрипт сладейра, карусель, 3D, Нужно сделать так, чтобы когда одна из картинок проходит через определнную область (по середине), начинался переход на другую страницу, далее на той странице...

Извлечение части картинки из canvas при клике
Здравствуйте! Есть canvas, рисующийся обрезчиком: подопытный по нажатию кнопки. Обрезается квадратное изображение, мне нужно, чтобы оно делилось на 9 равных квадратов и при клике на любой из...

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

Карту под спойлером изменяет масштабы
Запихивая карту под спойлер, изменяется масштаб. Юзаю leafletsjs Собсна весь код: Бери, вставляй, проверяй <link rel="stylesheet"...

Я новичок, не работает скрипт!
<!doctype html> <html> <head> <meta charset ="utf-8"> </head> <body> <script> for(var i = 0; i<=10;i++){ var rd = Math.random(3); switch (rd) {

Организовать специфическую анимацию текста
На codecademy есть возможность создать свое имя и оно будет состоять из шаров которые двигаются при наведении на них мыши https://www.codecademy.com/courses/animate-your-name/0/1 я открыл индекс и...

Лишний stroke вокруг элементов canvas
Добрый день, ситуация следующая: Сделал баннер через google web designer, баннер состоит из разных canvas элементов. Если цвет заливки светлый то вроде всё нормально, но если элементы тёмные то...

Одна пара равных соседних элементов
Написать программу на HTML и JavaScript для следующего задания: На экране в форме вводятся 10 вещественных чисел. Определите: содержит ли последовательность хотя бы одну пару равных соседних...

Нужно модернизировать игру
Добрый вечер, нужна помощь, есть игра пятнашки, есть поле 3 на 3. Нужно сделать 4 на 4, все никак не получается. все 16 картинок там готовы. Только подкорректировать логику, просто, c canvas работал...

Пытаюсь научиться программированию на JavaScript, подскажите, пожалуйста, с этими задачами?
1. Введите двумерный массив с клавиатуры и выведите его на экран. 2. Дан массив. Составить программу расчета среднего арифметического двух любых элементов массива. 3. Определить: произведение всех...

Как в canvas вывести символ без указания координат, а правее последнего выведенного?
Здравствуйте. Мне известно, что при выводе текста в canvas нужно указывать координаты вывода. Я хотел бы организовать цикл из вывода единичных символов, но чтобы каждый раз новый символ выводился...

THREE.js
Всем привет! Нужна помощь специалистов по three.js :) В общем, нашел я 3d-модель в интернете, кое-как разобрался с Blender-ом настолько, чтобы конвертировать ее в .obj, но файл получается огромный,...

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

Как правильно в <menu> сделать hidden
Очень нужно сделать так, чтобы в горизонтальном меню из двух кнопок, при нажатии на первую появлялась информация, но кнопки не исчезали. Затем нажимаешь на вторую кнопку - информация исчезает и...

Работа со списком
Прошу помогите пожалуйста с задачей. Заранее благодарю!)) Задача состоит в том что нужно добавить слова на список и обратное действие выбрать слово из списка и удалить. Не понимаю как написать...

При повороте объект разворачивается в противоположное направление?
Здравствуйте, такая проблема когда перемещаю мышку объект плавно поворачивается за ней и через некоторое время турель разворачивается в противоположное направление. Чтобы понять в чем проблема я...

Canvas - рекурсивная функция
На сайте learn.code.org встретился простой пример рисования дерева через рекурсивную функцию http://img-fotki.yandex.ru/get/5304/289408.308/0_8bd99_9b12bf53_M Там и код прилагается :)...

Получение данных изображения по URL
Привет. Передо мной поставлена задача - написать на JS инструмент для сравнения похожести изображений. Ранее писал такой на PHP (его я знаю лучше, чем JS). Нашел хороший код, который идеально...

Создание карт в html-документах. Активные изображения
Создайте простейшую web-страницу в блокноте, на которой в качестве гиперссылок используются изображения, причем в качестве активной области выступает: 1) прямоугольник; 2) окружность; 3)...

Рисования 3д обьектов на Javascripte без стороних библеотек
Я думал как это сделать в интернете только библеотеки но я сделал следущие function d_b_2d(x1,y1){ } ctx.moveTo(x1+x200,y1+200) ctx.lineTo(x1+x270,y1+110); ctx.lineTo(x1+x270,y1-x30);...

Не работает обработчик события
Есть форма <form class="form"> <label><input type="text" onclick="isValid()" name="name" autocomplete="on" placeholder="Ваше имя" required> </label> ...

Подправить канвас элемент
Ребят,очень прошу поправить прелоадер на canvas . Сейчас он автоматически анимируется от 0 до 100, а нужно следующее: - необходимо дать возможность передавать значение. За 100 % будет число 100 (к...

Часы на произвольном фоне (html)
<canvas height="600" width="600" style="width:300px;height:300px;margin:0 auto;position:relative;display: block;" id="example"> У вашего браузера нет поддержки canvas </canvas> var i = 0; var...

Как передать значения со слайдера на маятник?
<!DOCTYPE html> <html> <meta charset="UTF-8"> <title>Mayatnik</title> <h1 style = 'text-align: center'> <mark> <mark class = "red"> Маятник </mark> </h1>

Создание фигуры, управление обзором через TrackballControls
Дан пример геометрической фигуры (куб). Сделать свою геометрическую фигуру (шар, пирамида, ромб и тд). Управление обзором сцены с помощью TrackballControls.

рисования с очертанием обьекта
Я хочу нарисовать модель обьекта с очертанием допустем куб в three.js но как это сделать? three делает мне сплошной цвет

Как добавить исключение в comebacker ?
Есть скрипт, который срабатывает при переходе на другую страницу, при этом при попытке оформить заказ на сайте он тоже вылазит и мешает это сделать. Как можно добавить в исключение переход на...

Перестал рисоваться canvas элемент
Онлайн калькулятор, рисует на канвас в онлайн. Суть проблемы: 1) В корне сайта по адресу: site.ru/calc/index.php работает без проблем, все рисует. 2) Создал шаблон страницы на opencart, вставил в...

Как идентифицировать QR-код?
Т.е. я получаю в canvas изображение QR-кода с камеры. А дальше что делать, какие алгоритмы применять для анализа изображения? Ведь камера может быть наклонена в ту или другую сторону относительно...

Возможность изменения рассматриваемого диапазона на графике
Я создал график функции, подскажите как добавить возможность изменения рассматриваемого диапазона (начальная и конечная точки) и шаг ? <html> <head> <meta charset="utf-8"> ...

Возможно ли оспроизведение множественных звуков на HTML5 под iOS?
Разрабатываю игры на HTML5. Требуется делать их порт по iOS (айфоны, айпады). Столкнулся с тем, что одновременно можно проигрывать только один звук и то только в ответ на действие пользователя. Можно...

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

Масштабирование канваса со скроллами
import { TransformWrapper, TransformComponent } from "react-zoom-pan-pinch" <div ref={canvasContRef} style={{width: `952px`, maxWidth: `952px`, height:`892px`, maxHeight:`892px`, overflow:...