Материалы из категории - Новые материалы

Виджет выбора цвета (цветовое кольцо, модель hsv)

  • масштабируемый
  • html5
  • оптимизирован для работы с мобильными устройствами
  • не требует дополнительных библиотек
Пример использования

 1. Подключаем скрипт 

Код html:

<script src="html5kellycolorpicker.min.js"></script>
 

 2. Добавляем поле ввода с которым будет взаимодействовать виджет и поле для вывода виджета (тег canvas) 

Код html:


<canvas id="picker"></canvas>

<input id="color" type="text" />
 

 3. Создаем объект для которого указываем в массиве входных параметров соответствующие полю ввода и полю вывода виджета идентификаторы 

Код javascript:

new KellyColorPicker({place : 'picker', input : 'color', size : 150});
 
Возможно также вместо идентификаторов использовать класс поля ввода, тогда нет необходимости указывать куда выводить виджет, он будет отображаться во всплывающем окне при клике на поле ввода
 

Код javascript:

var colorpickers = KellyColorPicker.attachToInputByClass('colorpicker', {alpha_slider : true, size : 200});

 

Где colorpicker - класс поля ввода для которого необходимо добавить возможность выбора цвета. Так в примере ниже, виджет выведен подобным образом. Для более тонкой настройки см. подробную документацию.

  

 

Актуальная версия расширения, примеры и тесты работы доступны на GitHub'e. 

Скачать с GitHub  Документация

Картинки Рисунок №1 by notaRobot, HTML5 Color Picker, #javascript #web, Рисунок №2 by notaRobot, HTML5 Color Picker, #javascript #web

Аудио экспортер для игр DIRT 3 и GRID

Экспортирует звуковые файлы (музыка, звуковые эффекты) из архивов этих игр. Работает с файлами *.dic (содержат всю игровую музыку и эффекты), *.raw (озвучка, файлы локализации)

Расположение файлов

*.dic

[папка с игрой]/audio/dictionaries/[any subdirectory] (Dirt 3)
[папка с игрой]/audio/ (Race Driver : Grid)

*.raw 

[папка с игрой]/audio/speech/[папка локализации]/... (Race Driver : Grid)

by notaRobot, EEnot-Audio-extractor, #grid #dirt_3 #race_driver_grid #codemasters #игры #delphi

GitHub   Скачать

Картинки Рисунок №1 by notaRobot, EEnot-Audio-extractor, #grid #dirt_3 #race_driver_grid #codemasters #игры #delphi

Библиотека для генерации тайловой сетки на осонове изображения.

Требует библиотеку GD для работы с изображениями. (проверить можно методом extension_loaded('gd'))

Поддерживает формат TMS (Tile Map Service) где вывод тайлов идет снизу вверх (для него координата 0,0 находится снизу). Сгенерированный набор тайлов можно использовать в большинстве JS библиотек интерактивных карт (Leaflet, Yandex.Карты, Google Карты) либо в любых других системах где используется схожий формат.

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

GitHub

Пример разбитого на тайловую сетку изображения с отображением в Leaflet