БлогNot. Блог ПерСа

Помощь дата->рейтинг Поиск Почта RSS канал Статистика nickolay.info Домой

javascript числа графика цвет алгоритм c++ памятка studio математика образование шахматы форум сервер html безопасность учебное список программирование игра english деградация общество вселенная статистика сервис браузеры css картинка поиск цензура мошенничество ретро google word патч искусство православие дата excel эзотерика люди php random фантастика тоталитаризм россия firefox кино книги маразм все теги все комментарии


[1-15] [16-30] [31-45] ... [1786-1800] [1801-1807]


Идея скрипта: расставь слова по позициям :)

В предыдущей заметке мне пришла в голову идея:

Картинку - фоном, накидать div'ов на гроссов и вперёд

Чтобы не откладывать кота в долгий ящик, реализуем её непосредственно в следующей заметке блога :)

На самом деле, это и шаблон для любой игры в стиле "разместить объекты по позициям", написанной практически без кода и на чистом HTML5/CSS.

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

Каждая позиция, куда (и откуда) можно будет перетаскивать, описывается схожим образом:

#div1 {
 top:  30px;
 left: 40px;
}

- в стиле (для простоты размеры всех div'ов в документе одинаковы) и Страница статьидалее...
29.09.2017, 21:22 [270]


Кто есть кто на картинке?

Обожал в детстве рассматривать такие вещи, особенно если много было нарисовано людей или объектов, а тут ещё и гроссмейстеры :)

дружеский шарж на участников финала чемпионата СССР 1973 года
дружеский шарж на участников финала чемпионата СССР 1973 года

Вот только узнать всех не могу - ну, слева лицом к нам Петросян, в пижонском клетчатом костюме стоит, видимо, Спасский, правее него легко угадывается "безумный вид" Таля, а остальные?

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

Попытался прояснить ситуацию при помощи прочитанной в сети фразы:

То ли в "64", то ли в "Шахматы в СССР" предлагалось сделать подпись под дружеским шаржем

В "64" не нашёл, а в "Шахматах в СССР" вот тут в номере 12 и нашёл: Страница статьидалее...
29.09.2017, 14:30 [346]


Javascript: конвертеры одной строчкой кода или перевод температур

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

Если оставить в стороне вопросы разработки интерфейса, написать "универсальный" конвертер на том же Яваскрипте - вопрос нескольких операторов.

Продемонстрируем это для единиц измерения температуры, учтя градусы Цельсия, Кельвина, Фаренгейта и Ранкина, показываемые гуглевским виджетом.

Всю работу выполнят несколько переменных и маленькие функции для вывода результатов в документ:

Исходник этого приложения, выполняемый как обычный файл .html: Страница статьидалее...
28.09.2017, 16:30 [177]


C++: СЛАУ методом Гаусса :)

Старая добрая проблема о решении СЛАУ методом Гаусса, всплыла в аспекте "а есть ли что-то на Си" и т.п.

Есть, прилагаю консольное решение C/C++ отдельной заметкой.

Данные берутся из файла текущей папки с именем gauss.dat. Его формат следующий:

Например для СЛАУ 4 на 4 может получиться файл:

My System
4
0 35 17.3 2
2 0 1 -1.5
3 17 12.1 14
-9 77.3 122.11 23
1
2
3
4

Сам код мне кажется довольно очевидным, просто приведу его. В конcоли Studio 2015 и т.п. работает.

Интересное в решении - как на C/C++ нумеровать элементы массивов с единицы, а не с нуля :) Страница статьидалее...
28.09.2017, 15:44 [210]


Office 2007 и выше: почему диаграмма теперь из Excel?

хочу вставить диаграмму в Word, а запускается Excel :) ; из серии "офисных памяток"

Люди, привыкшие к удобным классическим диаграммам Microsoft Graph из офиса XP/2003 до сих пор нередко спрашивают "почему теперь при вставке графика в Word запускается Excel?"

Действительно, начиная с версии офиса 2007, диаграммой по умолчанию стала "Диаграмма Microsoft Excel" и если, как логично делали раньше, выделить табличные данные и щёлкнуть по командам "Вставка" - "Диаграмма", мы получим окно Excel с "данными по умолчанию" вместо выделенных.

Это неудобно, хотя можно, конечно, скопировать табличные данные из Word и настроить в Excel "синий уголок".

Старую добрую диаграмму Microsoft Graph во всех новых офисах можно вставить по-прежнему, просто обратитесь к команде "Вставка" - "Объект" - "Объект" и выберите из списка "Диаграмма Microsoft Graph": Страница статьидалее...
19.09.2017, 22:28 [275]


Почему Николай II?

Тупая противная суета вокруг "Матильды" достала уже до печёнок.

"Хороши" все стороны - блеющий и стучащий в гебню "прогрессивный режиссёр", снимающий на наши деньги то, что хочет он, а не мы, условные "православные экстремисты", набранные в дурдомах, до тошноты осторожные иерархи РПЦ, больше всего опасающиеся, как бы какой их очередной "оффшорчик" не всплыл под шумок... Один Кадыров, кажется, высказался понятно и заработал на ситуации очередные политические очки.

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

Поэтому художественных произведений, не оскорбительных для какой-либо "социальной группы", не существует в принципе. Даже "Маша и Медведь" оскорбительна для родителей, претендующих на детское послушание :) Даже кино про клоуна, как выяснилось.

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

Но почему именно Николай II? В чём особенность этой фигуры? Страница статьидалее...
16.09.2017, 13:31 [331]


С днём рождения, гроссмейстер :)

Самые удачные для рождения шахматного гроссмейстера месяцы - май и январь, вот, взгляните сами:

дни рождения всех гроссмейстеров мира по месяцам
дни рождения всех гроссмейстеров мира по месяцам

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

Состояние базы - сентябрь 2017, объём - порядка 1750 записей, будет ли пополняться - не знаю, а вот англоязычная страничка "Вики" точно будет.

Столбцы таблицы следующие: имя и фамилия в латинской транскрипции, день, месяц и год рождения отдельными столбцами (так удобней для сортировки, сейчас отсортировано "календарно", то есть месяц - день - год, можно листать по дням "1 июня" или "16 сентября"), аналогично, столбцы с днём, месяцем и годом смерти, у большинства, слава Богу, не заполненные, год присвоения звания, последняя страна/шахфедерация (СССР только для умерших там).

Так что всегда будет повод посмотреть "А у какого гроссмейстера сегодня день рождения?" и соответствующим образом отметить :)

Кроме того, с помощью удобных фильтров и сортировок Excel можно подвести ещё какую-нибудь нужную статистику. Страница статьидалее...
16.09.2017, 12:05 [337]


Javascript: выделяем нужные слова на загруженной в браузер странице

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

В принципе, это та же тема, что в "добром браузере правды", только здесь мы не будем обходить рекурсивно всё дерево узлов документа, а просто получим содержимое нужного раздела или всего тега <body> через свойство innerHTML.

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

В качестве примера приведу функцию, выделяющую Имя Вождя жирным шрифтом, как и положено в странах, имеющих вождей. В других странах такая функция может пригодиться, например, для вставки мантры "террористическая организация, запрещённая в РФ" после упоминания какого-нибудь ИГИЛа, ведь логику string.replace нетрудно поменять (см. второй пример и его вывод).

Кроме того, показанную ниже функцию можно вызывать её не для всего документа, а только для нужного раздела. Страница статьидалее...
15.09.2017, 14:04 [285]


Четыре уровня игры в шахматы

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

Попробуем описать эти самые "касты" шахматистов.

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

Первый уровень, "вайшья" - это основной шахматный класс, его пролетариат и крестьянство, составленный из широкой публики от безразрядников до к.м.с. или слабых мастеров. Основное отличие - человек начинает играть осознанно, от появляющихся навыков позиционной оценки на нижних ступенях уровня до элементов стратегического мышления на ступенях повыше. Приобретается видение доски и планов, а партии гроссов перестают казаться бессмысленным передвижением фигур :) В принципе, этого уровня упорными тренировками может достигнуть любой нормальный человек, дорастя примерно до ЭЛО 2200-2400. Ну а начинается уровень примерно с 1500-1700. Страница статьидалее...
15.09.2017, 11:14 [276]


CSS3: фон страницы из неба с бегущими облаками

Просто копируем прилагаемый стиль, делаем раздел с id="clouds", а в нём облака CSS-классов cloud x1, ..., cloud x5, можно, конечно, ещё дорисовать стилей.

Потом куда-нибудь внутрь встраиваем свою разметку. Получаем страничку на фоне неба с бегущими облаками.

В IE11 облака не двигаются, в текущем Firefox - да, а в Вашем браузере?

Ниже прикреплён исходник и ссылка на него онлайн. Страница статьидалее...
14.09.2017, 17:18 [210]


Оценивание арифметических выражений "на лету" - как реализовать максимально просто?

Без приоритета, но зато рекурсивно, в этом блоге арифметические выражения уже как-то считались на C++ :)

Но "нормальную" оценивалку выражений, наверное, удобнее всего написать на интерпретируемом языке, можно на том же Javascript.

При этом, реализуем наш разбор выражения прямо в процессе ввода (по событию onkeyup яваскрипта) и заставим его быть "толерантным", то есть, всё, что он не смог проинтерпретировать, он просто "вывалит" в поле ответа.

Функция evalExp получает единственный аргумент - строку с выражением, которое нужно оценить, и устроена как замыкание, то есть, пригодна к встраиванию в любой другой проект. При этом разбор довольно короток за счёт использования регулярных выражений, без которых современное программирование трудно себе представить :) Деление на ноль и переполнение яваскрипту тоже не страшны, он просто вернёт своё любимое Infinity или NaN.

В качестве теста, выражение 1 -- 2 * (3 + (4 * 5 + (6 * 7) * 8) - 9) * 10 дало результат 7001, я проверил в Excel :) Ниже показан скрипт в работе и его полный код. Страница статьидалее...
14.09.2017, 12:29 [260]


Бегущая строка на Javascript и CSS3

Был когда-то, а точней, и сейчас есть нестандартный, но широко применяемый тег <marquee>, создающий эффект бегущей строки: Привет, мир!

<marquee>Привет, мир!</marquee>

Намного ли сложнее сделать то же самое средствами Javascript, дабы избежать невалидного HTML? Если мы согласны не гонять строчку по всей ширине экрана, то ненамного, приведу работающий пример и его код: Страница статьидалее...
13.09.2017, 15:04 [266]


Мини-гонки на Javascript

Из коллекции canvas-примеров, раз не публиковалось, пусть будет :)

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

А сколько Вы набрали очков? :) Исходник прикреплён ниже, он короткий и, вроде бы, понятный, так что нетрудно модифицировать игру под свои нужды.

No canvas support in your broswer:(
0
Страница статьидалее...
13.09.2017, 12:46 [226]


HTML: одинаковые по ширине ячейки таблицы и обрамление только вокруг таблицы

То есть, если хотим сделать вот так и не писать ячейкам лишних атрибутов вроде width="25%"

1 02 333 4444
5 5 5 5 6 777 88

Достаточно совсем простого стиля для решения задачи: Страница статьидалее...
13.09.2017, 10:57 [212]


Javascript: циклическое движение картинки по канве

Tag canvas not supported in your browser!

Как организовать такое же или горзадо более красивое движение картинки на Javascript? Отличные материалы есть на сайте corehtml5canvas.com, в частности, функция requestNextAnimationFrame, позволяющая сделать смену фреймов в теге <canvas>.

Всё остальное - дело техники. Канва в теге <canvas> должна быть того же размера, что и рисунок. Ниже приведён полный код этого примера, только путь к рисунку sky.src, конечно, нужно будет поменять. Страница статьидалее...
09.09.2017, 12:09 [238]


[1-15] [16-30] [31-45] ... [1786-1800] [1801-1807]

  в началопоиск по блогунаписать авторустатистика

Наверх Яндекс.Метрика
© PerS
вход