Creating Code Art with css-doodle Course

Digital Art and Design
Tutorials for creating code art or computer art in a web browser with css-doodle code.

css-doodle Course - Online Editor Setup star
In the last tutorial, we created a startup file for a css-doodle project. Now, we will discuss how to set up a workspace using the p5.js online editor.

Get Started with css-doodle - Startup File star
In this tutorial, we will create a basic css-doodle file that we can use as a startup file for any css-doodle project. As we work through the code, we will discuss what it does.

INDEX - Creating Code Art in css-doodle star
css-doodle is a fun way to create code art, i.e. art created on the computer with code. css-doodle is very easy to use, because all the work is done in HTML/CSS. So, if you are new to code art and want an easy way to experiment with it, css-doodle is a good choice.

The Grid in css-doodle star
In this tutorial, we will continue to work on our first css-doodle pattern project. We have set up our startup file using the p5.js online editor in the last tutorial. Now, we will learn how to set up the grid for our css-doodle pattern using some CSS code and some doodle-specific code.

Editor's Picks Articles
Top Ten Articles
Previous Features
Site Map

Content copyright © 2018 by . All rights reserved.
This content was written by . If you wish to use this content in any manner, you need written permission. Contact Diane Cipollo for details.