Programming is not something that readily comes into mind when thinking about art, but many applications of programming allow for artistic expression. There is even a field of programming called where the goal is not to create something functional but rather expressive. creative coding Even though programming for art has been a thing for a while, it used to be fairly inaccessible as it required deep knowledge in the field. Take for example. Demoscene is a that has been around since the 1980s. It involves creating audiovisual presentations, called , that are not only artistic creations but also technical achievements. Demoscene , computer art subculture demos It can be challenging, even for a programmer, to understand how a demo is implemented. That is not to say other fields of art are devoid of technicalities. But, I can hope to create something that resembles a painting given a brush and a paint but creating a programmatic art given a computer and a programming environment can remain a monumental challenge for a non-expert. Nowadays, we have modern, and that make programming a lot more accessible. Tasks like creating a website, building a game, or creating programmatic art have become a lot easier high-level programming languages libraries If you are not too familiar with programming, there are two concepts to unpack there. and . High-level programming languages programming libraries High-Level Programming Languages According to Wikipedia, a is a programming language with . Essentially, high-level refers to the . A high-level abstraction means a concept is presented in a way that is stripped away from the underlying details. Think of using a phone. At a , to use a phone, you would need to turn it on and press the buttons on the screen. At a , the battery in the phone needs to power the processor of the phone, and the touch screen needs to register the pressure, etc. Honestly, I don't even know how a phone works at a low level to give accurate examples here. The good thing is that I don't need to. I am still able to use a phone without knowing how it works. That is made possible by abstracting away the low-level details. high-level programming language strong abstraction from the details of the computer level of abstraction high level low level A high-level programming language provides similar flexibility. It allows you to program the computer without having to worry about low, machine-level details. This is one of the factors that makes programming so much easier than it used to be. With a low-level programming language, you need to worry about how the memory is in your program, how it is , etc... Essentially, we would need to tackle concerns that don't directly relate to the task at hand. High-level programming languages abstract away those details so you can focus on the primary goal and ignore the complex peripheral issues. allocated garbage collected Another thing that makes programming easier is . programming libraries Programming Libraries A programming library (or package) is a bundle of code that is previously written for a specific purpose that is packaged and shared for reusability. Imagine trying to build a first-person shooter game. If we had to write every piece of functionality we need by ourselves, we would have to write a lot of code to handle the 3D graphics. That means a lot of complex mathematical operations would need to be implemented in code. We would have to spend weeks or even months developing the foundational pieces before doing anything unique to our game. Luckily, creating and displaying 3D graphics on the computer is a solved problem. Many other smart people out there had to work on similar issues, and some of them choose to share their solutions to these problems in the form of . programming libraries That is why getting started with programming is so much easier nowadays than it was before. You can simply install a library that would do the most complex tasks for you to focus on building things that will be unique to your application. There are libraries out there that would allow you to build 3D graphics, data visualizations, e-commerce solutions, and even artificial intelligence applications. Nowadays, building a software application is mostly about figuring out how to use these libraries and bringing them together in ways that are unique to what you are trying to build. A high-level programming language and programming language libraries can help you focus on creating art using programming instead of wrestling with technicalities. One of the most suitable programming languages for this task is . JavaScript is a , and programming language with vast popularity and a huge ecosystem. It has a lot of programming libraries that would help you to create all kinds of artistic works. One example of those libraries is . p5.js is a library that makes it easy to create visuals and animations. Here is an editable example below for a visual created by p5.js. JavaScript modern dynamic, expressive p5.js creative coding Programming Libraries for Art It is hard to prescribe any programming libraries for programming art since what you choose to use is only limited by your creativity. Nevertheless, here are some programming libraries in JavaScript that can help you in programming artistic works. Three.js is a JavaScript library that allows you to create 3D visuals in the web browser. It has been around for a long time and is used to deliver a lot of impressive projects. If you want to create , , or experiences on the web, then Three.js is the tool for the job. We could already create 3D graphics in the browser by using an called but Three.js abstracts away the complexity of this API to make working with 3D much easier. Three.js 3D Virtual Reality Augmented Reality API (application programming interface) WebGL ml5.js is an exciting frontier in computer science that is ripe for artistic exploration. Unfortunately, working with machine learning can be quite challenging for someone who doesn't have in-depth knowledge in the field. is a JavaScript programming library that makes it easy to work with machine learning by providing high-level abstractions. Machine Learning ml5.js Matter.js is a that works in the web browser. It allows you to create realistic interactions on and in between shapes by simulating forces such as kinetic or gravity. You can combine it with other libraries such as to create visuals that can interact with each other in realistic ways. Matter.js 2D physics engine p5.js These are just a few examples of all the awesome libraries in the JavaScript ecosystem that can help you create art and express your creativity. There are a lot more examples, such as for creating games, for working with audio, for natural language processing, etc. Phaser.js howler.js natural This is not to say even a person without any coding knowledge can start programming as soon as they sit in front of a computer. But thanks to modern programming languages and libraries, programming for art is a lot more accessible than before for anyone willing to learn the basics of programming. I have created exactly for this purpose. It is not specifically a Programming for Art course, but it teaches programming in an artist-friendly way. Once you learn programming fundamentals, you can apply it to whatever you want, whether creating art, building web applications, or even programming robots! Coding for Visual Learners Previously published at https://www.codingforvisuallearners.com/blog/programming-for-art

Facilitating Creativity with Expressive Programming

About Author

Comments

TOPICS

THIS ARTICLE WAS FEATURED IN

Related Stories

The Problem with The Waterfall Model of Personal Development

10 VSCode Extensions To Make Your Life Easier

10 Ways Stand Out as a Java Developer and Land that Dream Job

10 Tips For Junior Developers To Succeed in Code

10 Things Every Beginner Should Know When Learning Javascript And React

10 Reasons Why Front End Development Is a Great Career Choice

The Problem with The Waterfall Model of Personal Development

10 VSCode Extensions To Make Your Life Easier

10 Ways Stand Out as a Java Developer and Land that Dream Job

10 Tips For Junior Developers To Succeed in Code

10 Things Every Beginner Should Know When Learning Javascript And React

10 Reasons Why Front End Development Is a Great Career Choice

Light-Mode

Classic

Newspaper

Minty

Dark-Mode

Neon Noir

Minty

HN StartUps