Форум Flasher.ru
Ближайшие курсы в Школе RealTime
Список интенсивных курсов: [см.]  
  
Специальные предложения: [см.]  
  
 
Блоги Правила Справка Пользователи Календарь Сообщения за день
 

Вернуться   Форум Flasher.ru > Flash > ActionScript 3.0

Версия для печати  Отправить по электронной почте    « Предыдущая тема | Следующая тема »  
Опции темы Опции просмотра
 
Создать новую тему Ответ
Старый 14.10.2011, 18:58
Parez вне форума Посмотреть профиль Отправить личное сообщение для Parez Найти все сообщения от Parez
  № 1  
Ответить с цитированием
Parez

Регистрация: Nov 2010
Адрес: Ярославль
Сообщений: 249
Question Как получить градиент выбора цвета?

Пытаюсь сделать ColorPicker типа фотошоповского. Требуется каким-либо образом получить градиент как на картинке, а затем изменять его с помощью ColorMatrix. Пробовал в лоб нарисовать его во Flash, получал что-то похожее, но не то. Есть какие-нибудь идеи?
http://www.imagepost.ru/?v=color_7.jpg

Старый 14.10.2011, 19:12
Genzo вне форума Посмотреть профиль Отправить личное сообщение для Genzo Посетить домашнюю страницу Genzo Найти все сообщения от Genzo
  № 2  
Ответить с цитированием
Genzo
 
Аватар для Genzo

блогер
Регистрация: Feb 2010
Адрес: MSK
Сообщений: 859
Записей в блоге: 3
Отправить сообщение для Genzo с помощью ICQ Отправить сообщение для Genzo с помощью Skype™
http://help.adobe.com/ru_RU/FlashPla...ientFill%28%29
потом отлавливайте клик по картинке и смотрите позицию , потом getPixel32 и будет вам ваш цвет
__________________
Gamedev != Gaming (http://twitter.com/#!/GenzoDev). Don't forget to [+] if it works.

Старый 14.10.2011, 19:14
Parez вне форума Посмотреть профиль Отправить личное сообщение для Parez Найти все сообщения от Parez
  № 3  
Ответить с цитированием
Parez

Регистрация: Nov 2010
Адрес: Ярославль
Сообщений: 249
Genzo, я умею делать обычный ColorPicker. Вы читали вопрос? Я спрашивал, как мне получить градиент как на картинке. Обычным gradientFill такого не сделаешь.

Старый 14.10.2011, 19:45
t4arty вне форума Посмотреть профиль Отправить личное сообщение для t4arty Найти все сообщения от t4arty
  № 4  
Ответить с цитированием
t4arty

Регистрация: May 2010
Адрес: пространство в положении
Сообщений: 219
вариант: используются три графиента, один перекрывает другой и т.д, отсюда и "копируйте".

Старый 14.10.2011, 19:45
goodguy вне форума Посмотреть профиль Найти все сообщения от goodguy
  № 5  
Ответить с цитированием
goodguy
Banned
[+1 05.11.11]
[+1 09.08.11]

Регистрация: Jan 2010
Адрес: РФ. Кемеровская область
Сообщений: 3,243
Это цветовой спектр.
Можно глянуть пример кода тут
Есть урок на активтутс
Да и вообще полно других примеров в нете.

Старый 14.10.2011, 20:26
Parez вне форума Посмотреть профиль Отправить личное сообщение для Parez Найти все сообщения от Parez
  № 6  
Ответить с цитированием
Parez

Регистрация: Nov 2010
Адрес: Ярославль
Сообщений: 249
Спасибо за ссылки)
t4arty, я сейчас именно так и решил сделать) Но скорее всего потом переделаю.

Старый 14.10.2011, 23:02
Wolsh вне форума Посмотреть профиль Отправить личное сообщение для Wolsh Найти все сообщения от Wolsh
  № 7  
Ответить с цитированием
Wolsh
Нуб нубам
 
Аватар для Wolsh

модератор форума
Регистрация: Jan 2006
Адрес: Бердск, НСО
Сообщений: 6,445
Цитата:
используются три графиента
Вообщето два градиента, белый и черный от непрозрачного к прозрачному, поверх квадрата, залитого базовым цветом. Но если "третий" градиент имеется в виду движок базового цвета, то все верно, три.
Вот как-то делал на ас2 еще, не весть что конечно, но для примера как это будет выглядеть. Сразу оговорюсь, что это только ПОХОЖЕ на "фотошопный", при сравнении разницу сразу видно.
Вложения
Тип файла: zip pipetka6.zip (9.7 Кб, 132 просмотров)
__________________
Reality.getBounds(this);

Старый 15.10.2011, 15:51
Parez вне форума Посмотреть профиль Отправить личное сообщение для Parez Найти все сообщения от Parez
  № 8  
Ответить с цитированием
Parez

Регистрация: Nov 2010
Адрес: Ярославль
Сообщений: 249
Wolsh, я уже сделал через 3 градиента. Получилось примерно то же, что и у вас. Только с полоской hue разобраться не получается. У вас случайно нет алгоритма рисовании этой полосы?

Старый 15.10.2011, 20:05
Wolsh вне форума Посмотреть профиль Отправить личное сообщение для Wolsh Найти все сообщения от Wolsh
  № 9  
Ответить с цитированием
Wolsh
Нуб нубам
 
Аватар для Wolsh

модератор форума
Регистрация: Jan 2006
Адрес: Бердск, НСО
Сообщений: 6,445
Алгоритм? Я делал простой спектр. Так или иначе здесь нет и не нужно какой-то математической точности.
Ну если нужно, то я пас)) У того же Флэш ИДЕ полоска спектра в режиме HSB точно такая же.
Код AS3:
var matrix:Matrix = new Matrix();
matrix.createGradientBox(256, 30);
var colorRuler:Shape = new Shape();
colorRuler.graphics.beginGradientFill
(
	GradientType.LINEAR, 
	[0xFF0000, 0xFFFF00, 0x00FF00, 0x00FFFF, 0x0000FF, 0xFF00FF, 0xFF0000],
	[1, 1, 1, 1, 1, 1, 1],
	[2, 44, 86, 128, 170, 212, 254],
	matrix
);
colorRuler.graphics.drawRect(0, 0, 256, 30);
addChild(colorRuler);
colorRuler.x = colorRuler.y = 100;
__________________
Reality.getBounds(this);

Старый 16.10.2011, 00:45
Parez вне форума Посмотреть профиль Отправить личное сообщение для Parez Найти все сообщения от Parez
  № 10  
Ответить с цитированием
Parez

Регистрация: Nov 2010
Адрес: Ярославль
Сообщений: 249
Цитата:
[2, 44, 86, 128, 170, 212, 254]
А откуда такие значения? Почему от 2 до 254, а не от 0 до 255?


Последний раз редактировалось Parez; 16.10.2011 в 00:49.
Создать новую тему Ответ Часовой пояс GMT +4, время: 20:46.
Быстрый переход
  « Предыдущая тема | Следующая тема »  

Теги
color , ColorMatrix , ColorPicker

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.


 


Часовой пояс GMT +4, время: 20:46.


Copyright © 1999-2008 Flasher.ru. All rights reserved.
Работает на vBulletin®. Copyright ©2000 - 2026, Jelsoft Enterprises Ltd. Перевод: zCarot
Администрация сайта не несёт ответственности за любую предоставленную посетителями информацию. Подробнее см. Правила.