{"id":564,"date":"2022-07-24T05:28:41","date_gmt":"2022-07-24T05:28:41","guid":{"rendered":"http:\/\/cursos.misblogs.site\/?p=564"},"modified":"2023-06-25T06:40:45","modified_gmt":"2023-06-25T06:40:45","slug":"creative-coding-2-0-in-js-animation-sound-color","status":"publish","type":"post","link":"https:\/\/cursos.misblogs.site\/index.php\/creative-coding-2-0-in-js-animation-sound-color\/","title":{"rendered":"Creative Coding 2.0 in JS: Animation, Sound, &#038; Color"},"content":{"rendered":"\n<div class=\"wp-block-buttons is-horizontal is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-499968f5 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-width wp-block-button__width-25\"><a class=\"wp-block-button__link has-vivid-purple-background-color has-background\" href=\"https:\/\/domestika.sjv.io\/oqXVY9\" target=\"_blank\" rel=\"noreferrer noopener\">Click here<\/a><\/div>\n<\/div>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-vimeo wp-block-embed-vimeo wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<div class='embed-container'><iframe loading=\"lazy\" title=\"Creative Coding 2.0 in JS: Animation, Sound, &amp; Color - A course by Bruno Imbrizi\" src=\"https:\/\/player.vimeo.com\/video\/708198055?dnt=1&amp;app_id=122963\" width=\"1920\" height=\"1080\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture\"><\/iframe><\/div>\n<\/div><\/figure>\n\n\n\n<div class=\"wp-block-buttons is-horizontal is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-499968f5 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-width wp-block-button__width-25\"><a class=\"wp-block-button__link has-vivid-purple-background-color has-background\" href=\"https:\/\/domestika.sjv.io\/oqXVY9\" target=\"_blank\" rel=\"noreferrer noopener\">Click here<\/a><\/div>\n<\/div>\n\n\n\n<p>Coding is like solving puzzles; it&#8217;s a constant cycle of learning, mistakes, and iteration that can be used to create something beautiful. Bruno Imbrizi is an award-winning graphic designer who has devoted the past 10 years of his career to mastering&nbsp;<strong>the art of creative coding<\/strong>.<\/p>\n\n\n\n<p>He uses JavaScript to produce animations, prints, interactive pieces, and more which have seen him collaborate with brands including Google, Spotify, and Nike, and win awards including the Adobe Cutting Edge Award and FITC Best Digital Installation..<\/p>\n\n\n\n<p>This is Bruno\u2019s second Domestika course. In his first,&nbsp;Creative Coding: Making Visuals with JavaScript, he teaches you the essentials of programming and drawing with code from scratch.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">What do you get from this course?<\/h4>\n\n\n\n<p><em>\u00abI\u2019ll teach you several techniques to&nbsp;<strong>produce exciting visuals with JavaScript<\/strong>.\u00bb<\/em>Learn to code an immersive visualization enhanced with sound<br>Develop coding compositions filled with color<br>Animate your visuals and incorporate cursor interaction<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/assets9.domestika.org\/course-images\/000\/040\/339\/40339-big.gif\" alt=\"\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">What will you learn in this online course?<\/h3>\n\n\n\n<p>Begin with a recap of&nbsp;<strong>JavaScript\u2019s fundamental tools<\/strong>. Then set up an environment for running the code and creating your sketches.<\/p>\n\n\n\n<p>Discover how to&nbsp;<strong>draw basic shapes entirely in code<\/strong>, add color, and&nbsp;<strong>stretch or skew your designs<\/strong>.<\/p>\n\n\n\n<p>Create curves for different iterations, from design elements to graphs, adding multiple points along a segment, animating them, and learning how to make a cursor interact with imagery.<\/p>\n\n\n\n<p><strong>Produce an audio visualization<\/strong>&nbsp;by playing sound files, reading their data, and using frequencies to create an animation.<\/p>\n\n\n\n<p>Experiment with particles and learn to dictate how they behave by applying different forces and disturbances, as well as modifying their size and color.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">What is this course&#8217;s project?<\/h3>\n\n\n\n<p>Develop a series of coding compositions using color and sound that will run on a web browser.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/assets7.domestika.org\/course-images\/000\/040\/337\/40337-big.gif\" alt=\"\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Who is this online course for?<\/h3>\n\n\n\n<p>This course is for anyone with an interest in taking their knowledge of coding further to create unique animated compositions.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Requirements and materials<\/h3>\n\n\n\n<p>Previous knowledge of coding is required for this course.<\/p>\n\n\n\n<p>In terms of equipment, you will need access to a device with JavaScript.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/assets6.domestika.org\/course-images\/000\/040\/336\/40336-big.png\" alt=\"\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Explore advanced coding techniques to produce unique visuals that combine color, movement, and sound in JavaScript<\/p>\n","protected":false},"author":1,"featured_media":565,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[31,96,109,4,113],"tags":[35,72,5,23],"class_list":["post-564","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-cursos_en_ingles","category-domestika","category-javascript","category-programacion","category-web","tag-curso-en-ingles","tag-javascript","tag-programacion","tag-web"],"_links":{"self":[{"href":"https:\/\/cursos.misblogs.site\/index.php\/wp-json\/wp\/v2\/posts\/564","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cursos.misblogs.site\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cursos.misblogs.site\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cursos.misblogs.site\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cursos.misblogs.site\/index.php\/wp-json\/wp\/v2\/comments?post=564"}],"version-history":[{"count":2,"href":"https:\/\/cursos.misblogs.site\/index.php\/wp-json\/wp\/v2\/posts\/564\/revisions"}],"predecessor-version":[{"id":736,"href":"https:\/\/cursos.misblogs.site\/index.php\/wp-json\/wp\/v2\/posts\/564\/revisions\/736"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cursos.misblogs.site\/index.php\/wp-json\/wp\/v2\/media\/565"}],"wp:attachment":[{"href":"https:\/\/cursos.misblogs.site\/index.php\/wp-json\/wp\/v2\/media?parent=564"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cursos.misblogs.site\/index.php\/wp-json\/wp\/v2\/categories?post=564"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cursos.misblogs.site\/index.php\/wp-json\/wp\/v2\/tags?post=564"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}