The Browser is the Canvas: The Internet is the Medium - Sarah Sole (Ferguson)
This course is designed for all artists interested in using the Internet for conceptual and creative production. Artists interested in web-based projects involving animation, interactivity, and generative art, will learn how to render their content and deploy it full-screen and responsive on any device (phone, tablet, laptop). They will also learn how to publish and integrate their work into an existing webpage. The engine behind all of this is WebGL, the new standard for rendering rich graphics and multimedia on the web using HTML5.
In this course we will develop basic proficiency in three libraries: Pixi.js, GSAP and P5.js.
Pixi.js is the fastest 2D graphics renderer for WebGL. It’s API is designed to simplify the process of loading resources, converting to textures, arranging the stage and adding rules for interactivity. Artists are able to dynamically create paths and masks, layer content and apply blend modes and adjustment filters, as is done in Photoshop. Indeed, artists can create compositions within Photoshop, import those layers into Pixi.js to be arranged and animated for the most performant animation possible. This makes Pixi.js a powerful alternative for publishing animated works. In other words, instead of exporting a large file (gif, mp4) one can upload an HTML file, with a linked JS file, to the root directory of a web page and run the animation in the browser using the GPU of the graphics card, instead of the CPU of the computer.
I will be using Chrome as my testing browser. I recommend using Chrome or Firefox.
“Visual Studio Code” https://tinyurl.com/ycovjc67
Chrome - https://www.google.com/chrome/
Once “Visual Studio Code” is installed, the extension called “Live Server” will also need to be installed. This can be done within “Visual Studio Code” under the menu item View —> Extensions. Search “Live Server” and follow the instructions to install.
4 applications needed
program is supported by funds of the
European Social Fund (ESF)
These subsidies are the basis for low participation fees and for the lecturers’ fees.
Therefore, prior to the event each participant must provide
some personal information, confirmed with a signature.
A multiple-choice test is an integral part for the ESF-evaluation purposes.
All your data are subject to data protection and passed on depersonalised to the
responsible ESF administration in order to fulfil the evaluation and reporting obligations.