Necesito un algoritmo para pintar nubes o formas similares a nubes. Obviamente, no quisiera que todos sean similares.
¿Qué debo usar para generar las series relevantes de coordenadas X, Y para pintar las nubes?
Voy a implementar esto ya sea en SVG o Canvas¿Cómo pinto las nubes?
Respuesta
Puede usar la primitiva de filtro SVG feTurbulence para generar ruido Perlin, que se puede usar para crear texturas similares a nubes.
poco de ayuda y ejemplos:
- http://www.w3.org/Graphics/SVG/IG/resources/svgprimer.html#feTurbulence
- http://commons.oreilly.com/wiki/index.php/SVG_Essentials/Filters
- http://pilatinfo.org/english/filters/index.htm
El editor de gráficos Inkscape vector también tiene una gran colección de filtros SVG predefinidos, consulte here para una example usando solo algunos de ellos en algún texto. El "relleno de ruido" está usando feTurbulence, y probablemente sea bastante fácil de ajustar. Inkscape también tiene una GUI para ajustar los parámetros de cada filtro, seleccionar cualquier forma, luego seleccionar "Filtro> Editor de filtros ..." en los menús.
Depende exactamente de qué tipo de nubes vayas. Puedes probar Perlin noise, que es bastante popular entre los desarrolladores de juegos.
Necesito implementarlo en SVG –
¿Cómo le digo cuándo comenzar a cerrar la forma? ¿Tengo que hacerlo manualmente, o hay una ecuación para eso también? –
aquí es un ejemplo de ruido Perlin hecho con Silverlight: http://kodierer.blogspot.com/2009/05/oscar-algorithm-silverlight-real-time.html
es probable que sea algo que se puede usar y/o adaptar.
Si la implementación en lienzo y desea que la forma de la nube hinchada no es el tipo de ruido, diría dibujar un rectángulo de cierta longitud al azar a continuación, añadir los círculos de diferentes tamaños primero en los lados y luego a la parte superior para conseguir el efecto de la nube. Tendría que hacer algunos cálculos para asegurarse de que las nubes no se muestran debajo del rectángulo y que la parte superior del rectángulo no tiene secciones rectas. Pero no debería ser difícil de implementar en el lienzo.
o simplemente fusionando muchos círculos, para que no tenga problemas con las secciones rectas –
true. Estaba basando el mío en el que Mark señaló. – qw3n
Para darles a tus amigos árboles, pinta muchos pequeños accidentes felices.
recomiendo lienzo - usted puede conseguir loco con el cepillo!
me gustaría desearle feliz de la pintura, y Dios bendiga a mi amigo.
este código hace un montón de círculos en una variedad de colores tal vez le ayudará con las nubes
for (var i = 0; i < 12; i++)
{
for (var j = 0; j < 12; j++)
{
var ctx = document.getElementById('c1').getContext('2d');
ctx.strokeStyle = 'rgb(0,' + Math.floor(255 - 42.5 * i) + ',' +
Math.floor(255 - 42.5 * j) + ')';
ctx.beginPath();
ctx.arc(40 + j * 25, 40 + i * 25, 10, 0, Math.PI * 2, true);
ctx.stroke();
}
}
Generar un racimo de burbujas (círculos o elipses horizontales) y tomar la unión de las formas de cada nube
- 1. ¿Cómo pinto con QPainter?
- 2. Control de versiones "en las nubes"
- 3. Cómo pinto el fondo de TStringGrid
- 4. ¿cómo se puede aumentar el tamaño de las nubes de palabra del área graficada en R
- 5. En una fotografía digital, ¿cómo puedo detectar si una montaña está oscurecida por las nubes?
- 6. Generador de nubes de palabras para Rails
- 7. pitón SciPy Delaunay trazado de nubes de puntos
- 8. Representación de vóxel disperso de datos de nubes de puntos
- 9. Mallado de nubes de puntos desde un escáner 3Dlaser
- 10. eliminados UIDocument reaparece a menudo a partir de nubes
- 11. Arquitectura de datos óptima para etiquetado, nubes y búsqueda (como StackOverflow)?
- 12. ¿Ha implementado aplicaciones informáticas .NET en nubes fuera de Windows Azure?
- 13. ¿Existe un buen método para dibujar nubes dinámicamente con HTML5 canvas y javascript sin usar imágenes?
- 14. ¿Se pueden usar credenciales temporales de rol de IAM en plantillas de formación de nubes?
- 15. ¿Alguna buena biblioteca C o C++ para lidiar con nubes de puntos grandes?
- 16. Escalado automático utilizando la formación de nubes de acuerdo con el recuento de solicitud
- 17. ¿Cómo lidian las HashTables con las colisiones?
- 18. Cómo evitar las etiquetas de las entradas
- 19. ¿Cómo superponer imágenes en javascript?
- 20. ¿Cómo funcionan las cookies?
- 21. Cómo probar las API
- 22. ¿Cómo implementar las continuaciones?
- 23. ¿Cómo añado las tuberías?
- 24. Cómo reemplazar las comillas (")
- 25. ¿Cómo cambiar las rutas globalmente?
- 26. MATLAB - ¿Cómo acercar las subtramas?
- 27. ¿Cómo dominar las expresiones regulares?
- 28. ¿Cómo hace JQuery las animaciones?
- 29. Java: cómo funcionan las matrices
- 30. ¿Cómo funcionan las claves externas?
@Mitch Wheat - puede ser que no estoy usando las palabras correctas. Las primeras páginas en google donde están en la computación en la nube y en Amazon y resultados de búsqueda similares. –
¿Qué pasa con este lugar? ¿Cómo ha estado esta pregunta durante una hora y nadie ha hecho una referencia de Bob Ross? –
@Brahma Ghosh, fijo: http://stackoverflow.com/questions/3177121/how-do-i-paint-clouds/3177352#3177352 – Dolph