|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/graficos-svg-javascript-2022/
课程评论：没有评论
**课程名称：SVG 图形 + JavaScript** **课程概述：** 本课程深入探讨了可缩放矢量图形（SVG）的强大功能及其与 JavaScript 的结合应用。SVG 是一种矢量图形格式，能够实现无损缩放，即使放大到极致也能保持图像的清晰度。与 PNG 等位图格式相比，SVG 文件体积更小，质量更高。 **SVG 与 PNG 的对比：** * **PNG：** 适用于需要写实风格、艺术化创作（如游戏概念图、AAA 游戏封面）或 2D 游戏中的写实纹理。PNG 支持透明度，且在颜色表现上更接近传统绘画。 * **SVG：** 广泛应用于网页游戏、应用程序、数字交互书籍、虚拟赌场等领域。SVG 文件体积小，常用于简洁、扁平化色彩风格的插画，但它同样支持渐变和阴影等复杂技巧，可以实现复杂的图形设计。 **课程亮点：** * **面向对象：** 本课程特别适合希望将 SVG 图形集成到网页开发中的程序员和网页设计师。 * **交互性：** 通过 JavaScript，你可以实现对 SVG 图形的动态控制，例如： * 在 HTML 中直接嵌入 SVG 设计。 * 通过 JavaScript 改变图形颜色。 * 实现图形的移动和动画效果。 * 创建用户交互事件（如按键触发图形变化）。 * **实用技能：** 课程将为你提供实现这些交互的必备工具和技术。 **先修要求：** * 熟悉 HTML 标记语言。 * 对通过编程实现图形交互感兴趣的任何人。 **福利：** * 第一主题提供免费视频，详细介绍课程内容。
Que són los gráficos SVG?: Sus siglas Scalable Vector Graphics nos definen lo que són. Es un formato gráfico , que nos permite escalar o lo que es lo mismo aumentar el tamaño de la imagen a gran escala y no pierde nitidez. Si comparamos una imagen png de buena calidad podremos ver como su peso fácilmente supera los 500Kb de tamaño , sin embargo una imágen SVG equivalente solo ocuparia unos 30Kb , y no solo eso , su calidad gráfica seria perfecta , cosa que si un png se escala a su mismo tamaño seria un desastre. ¿Cuando debemos usar un formato y cuando usar otro? PNG En imágenes donde queremos realismo o imágenes artísticas , como en los concept arts y portadas para videojuegos AAA se usa png , porque este formato además de trabajar con transparencias tiene una plasticidad muy parecida a la pintura tradicional realista , cosa que podemos conseguir con photoshop. También se usa en juegos 2D legacy donde aunque no es un estilo realista , necesitamos texturas que si lo sean. SVG En juegos web , aplicaciones , libros digitales interactivos , casinos virtuales etc. Se suele usar SVG por que su peso es mucho menor y se consigue el tipo de ilustración más simple y con colores más planos. Esto no quiere decir que no se pueda conseguir una ilustración compleja con svg , ya que maneja degradados también y distintas técnicas de sombreado própias de este estilo gráfico. Desde mi punto de vista como diseñador de personajes además de programador , este curso es perfecto para programadores o diseñadores web que quieran incorporar este tipo de gráficos en sus trabajos y poder interactuar con ellos. Podrás incluir tus diseños hechos en illustrator , incorporar tú código en el html y poder hacerlo interactivo grácias al lenguaje de programación Javascript , cambiar los colores de esos gráficos por medio de programación , moverlos , crear eventos para que el usuario de una web por ejemplo pulse una tecla y se mueva algo de ese diseño. Este curso te da las herramientas para que puedas hacer eso. ¿Para quién es este curso? -Tendrás que conocer el lenguaje de marcado Html. -Cualquier persona que quiera aprender las disciplinas que se detallan. -Si quieres más información en el tema 1 tienes el video que es gratuito para todo el mundo y te indica el contenido.
