|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/aprende-p5js/
课程评论：没有评论
**课程名称：Aprende P5js** **课程概述：** 本课程专为艺术家、设计师、教师和编程初学者设计，重点介绍p5.js这一强大的JavaScript库。p5.js基于流行的Processing语言，并充分利用了JavaScript在Web上的灵活性，能够轻松实现创意设计和网页动画。 **课程目标：** * **掌握p5.js基础：** 学习p5.js的基本用法，包括事件处理（如鼠标和键盘事件）以及基本的绘图形状（如方形、圆形、矩形、椭圆形、弧形、线条和多边形）。 * **创建复杂图形：** 学习创建多边形、贝塞尔曲线、连续贝塞尔曲线，以及使用这些技术绘制星星和花朵等复杂图形。 * **交互式编程：** 掌握鼠标移动、鼠标按钮点击、滚轮滑动以及键盘按键（按下与释放）等事件的处理。 * **文本处理与动画：** 学习在p5.js中处理、修改和动画化文本，包括调整字体大小、在贝塞尔曲线上显示文本以及加载外部字体。 * **HTML/DOM元素集成：** 学习创建和控制HTML DOM元素，如按钮、输入框、复选框、滑块、单选按钮、颜色选择器以及音频/视频播放器。 * **变换与坐标系统：** 掌握在p5.js中使用旋转、平移、缩放以及push()和pop()函数来管理图形变换。 * **Web GL与3D渲染：** 学习使用Web GL模式创建3D图形，包括立方体、球体、椭球体、圆环体和平面，并掌握材质、环境光和反射的应用，以及灯光控制。 * **图像处理与像素操作：** 学习创建、加载和显示外部图像，应用滤镜和透明度，以及进行像素级别的读取和操作。 **目标学员：** 本课程面向希望在Web浏览器中创建交互式动画的网页设计师和开发者。 **先修知识：** 需要具备JavaScript和HTML的基础知识。 **其他说明：** 课程最后一部分需要本地服务器或Web服务器来加载外部资源。每节课程均提供课程文件和笔记。
La librería p5js es una poderosa herramienta orientada a artistas, diseñadores, profesores y principiantes de programación que nos permitirá hacer tareas creativas y de animación que se ejecuta perfectamente en las páginas web. Esta basada en el popular lenguaje Processing con la enorme flexibilidad de JavaScript. Los objetivos de este curso son:Aprender las bases de p5js , manejo de los eventos básicos y las formas de dibujo básicos, como cuadrados, círculos, rectángulos, elipses, arcos , líneas y cuadriláteros.Crear polígonos, curvas bezier, curvas, funciones para las curvas, concatenar curvas bezier cúbicas, polígonos con cuadráticas, crear una estrella con los polígonos y una flor con curvas.Utilizar los eventos del movimiento del ratón, detectar el botón sostenido, detectar la rueda del ratón, eventos del teclado, el pulsar y soltar una tecla.Aprender a manejar, cambiar y animar texto en p5js, cambiar el tamaño de la letra, desplegar el texto en una curva bezier y cargar fuentes externas.Aprender a hacer elementos HTML o DOM como: botones, cajas de entrada, cajas de verificación. deslizadores, botones de radio, selectores de colores, reproductores de audio y video.Aprender a utilizar la rotación, la translación, la escala, la función pop() y push().Utilizar el modo WebGL para crear figuras 3D como cubos, esferas, elipsoides, toroides y planos, utilizará los materiales naturales, ambientales y reflejantes, así como el manejo de luces.Crear una imagen, cargará una imagen externa, deplegarla en el canvas, aplicará una tinta o un filtro, manejo de transparencia, lectura y manipulación de pixeles.Este curso esta dirigido a diseñadores y desarrolladores web que deseen crear animaciones interactivas visibles en navegadores web. Necesitas tener conocimientos previos de JavaScript y de HTML. En el capítulo final necesitarás un servidor local o un servidor web para poder cargar recursos externos a nuestras páginas. En todo momento contarás con los archivos del curso y los apuntes de cada sección.
