Cambio de tamaño del colorwheel

[V-P]

Hola, vi el tema que habla de una paleta de colores http://www.forosdelweb.com/f13/palet...or-hex-330198/, y me sirvió de mucho excelente trabajo, pero quería hacer una modificación, necesito agrandar el tamaño del colorwheel, trate de hacerlo por mi cuenta pero me genera muchos errores por eso decidí pedir ayuda, que parametros tengo que modificar para hacer eso

Espero que me ayuden gracias

[V-P]

Porfa que alguien me ayude, solo quiero una guía nada mas, espero su ayuda

[furoya]

Hola V-P.

No creo que pueda ayudarte, ni sé si todavía necesitas la ayuda, porque ya pasó bastante tiempo. Pero voy a contarte una historia sobre cómo vine a caer en tu tema.

Estoy suscripto al post que linkeaste más arriba, y una cosa que me incomoda es eso de los "mensajes fantasma". Justo allí apareció uno donde pedías esa modificación de tamaño, y el foro me envió una copia por email. Sinceramente creí que alguien te contestaría, así que ni lo abrí; pero el tema me siguió dando vueltas en la cabeza, porque quedé aún más convencido de que el mensaje que puse ahí hace años, no se había entendido; y me dispuse a desarrollar un poco la idea.

Escribí un mensaje sólo para aclarar el punto y cuando lo fuí a publicar ... me encontré con que el tuyo estaba borrado. No sé si lo borraste tú, o te lo borraron; el asunto era que el texto escrito ya no me servía, porque contenía alusiones a la duda que ya no estaba.

Ahora que la pregunta había desaparecido, tenía 2 opciones : o me metía el texto que escribí —como varios otros— en lo más profundo del bolsillo; o le agregaba una explicación al comienzo y lo mandaba lo mismo.
Por supuesto, elegí esto último.

Una vez editado dije : —¡Ahora sí!; y volví para postear ... en un tema cerrado

Seguramente ya lo estaba la última vez que lo abrí, pero yo no me dí cuenta. Soy muy despistado; y muy cabeza dura. Ya había escrito el mensaje dos veces, y ahora no me iba a echar atrás.

Sospeché que podías haber posteado la duda en otro lado, y me puse a buscar en tus temas algo parecido. Y al fin encontré éste.

Así que edité de nuevo, y espero que ahora la suerte me dé la oportunidad que me negó las veces anteriores. Insisto, no es la respuesta que estás buscando, es solamente un agregado al mensaje #23 que está en el tema de hieloverde. Pero quizá te sirva. Al menos eso espero, es lo mínimo que te mereces si me estás dejando usar tu post para aclarar otro de hace 3.5 años .

(Recomiendo, si alguien va a seguir leyendo, que antes le den una mirada al mensaje de mi enlace anterior, para entender de qué estoy hablando.)

El problema era —justamente— el tamaño.

No voy a repetir aquí la comparación de paletas, sino que voy directamente a la más usada en diseño web que es la de rgb(255, 255, 255). Como ya se mencionó, el mensaje de hieloverde era sobre un selector para todos los colores; que en este caso serían 256 por cada componente de color, lo que da un total de

256 · 256 · 256 = 16777216 colores

Para simplificar las cosas, supongamos que no son más de dieciseis millones de combinaciones.

Ahora bien, un muestrario completo no puede ser menor a 1px² por color, sería fisicamente imposible, y para mostrar los 16 millones vamos a tener que usar un cuadro de 4000px por 4000px.
Pero para meterlos en un selector hay que darles una superficie clickeable, digamos que de 2px² como mínimo; lo que nos da un selector de 8000px de lado.
Aunque para identificar el lugar que ocupa cada muestra habría que ponerle algún borde, ya que la idea original no es "elegir uno que más o menos me guste" sino ubicarlos por su composición, lo que agrega un pixel más a cada cuadrito, más uno al final de las filas y las columnas.

En total nos da un cuadro de más de 12000px de lado para ver el selector completo.

Inusable.

Aquí iba un generador de tabla en JS que mostraba no sólo el tamaño desmesurado sino el esfuerzo que debe hacer la máquina para mostrarla. Aunque ahora son más potentes que en la fecha en que se publicó el tema original. Recuerdo que la primera vez no pude ver el colorwheel y creí que no funcionaba, pero no : el micro tardaba tanto en mostrarlo que al final yo lo cerré creyendo que no andaba.

No voy a poner ya ese código porque no vale la pena. Pero sí voy a aclarar algo para que nadie piense que estoy despreciando el trabajo que han hecho Mickel, tunait, hieloverde y Karlos135. Es excelente para desarmar, estudiar y aprender siempre un poco más de javascript. Mi única y molesta objeción es que no cubre todos los colores de todas las paletas y que no es práctico de usar; pero sin duda es un código didáctico y muy útil para los que estén aprendiendo.

Si vamos a meter algo así en una página, conviene usar botones deslizables y prompt para ingresar o leer los valores. O aprovechar el que trae algún sistema operativo muy integrado a cierto navegador. Sé que hay un tema específico sobre dialog helper, pero no me acuerdo dónde está. Hace poco usé uno en un efecto, puede servir ahora como ejemplo.

Barra de desplazamiento personalizada...

Y también uno sobre "botones deslizantes"

slidebar / trackbar en html ...


Seguí pensando en un cuadro de coordenadas para elegir un color, y se me ocurrió que cuando haya un monitor 3D va a ser más fácil de hacer. Porque podríamos usar el eje "x" como rojo, el eje "y" como verde y el eje "z" como azul. De esta forma tendríamos un cubo de 800px de arista que mostraría pequeños 'cubitos' de color a medida que nos desplacemos por las coordenadas.
El problema es que para ese entonces, ya va estar difundido el formato rgba(), y entonces vamos a necesitar un hipercubo para movernos por la cuarta dimensión.




















OK. Ya me voy.