YOUR GUIDE TO
For everyone from absolute beginner to absolute professional
Let’s get you coding in this very first paragraph! Type or paste the code below into a simple Online Editor and press TEST to make a draggable circle! You can do it, it is just one or two clicks and you are coding. Welcome to the Canvas, an HTML tag for visual content like art and games and can be coded with JavaScript, the word’s most popular programming language.
new Circle().center().drag();Your Guide to
Hierarchy revisited in this age of Object Oriented Programming
Welcome readers from ◎ Your Guide to the Mechanics of Creativity
NODISM
Nodism is a philosophy born from Object Oriented Programming but accessible to all. Even if you have not coded, let’s think about it for a second —coders use logic to make GAMES, SIMULATIONS and AI.
Games, simulations and Artificial Intelligence model life. The logical modeling of life is called Philosophy. Coders are practicing philosophy.
- The philosophy is called Nodism.
- Followers are part of the Nodist Colony!
This guide will take you through the history and basics of Nodism.
HISTORY OF NODISM
In the…
YOUR GUIDE TO
As Adobe discontinues support for the Flash plugin
In December 2020, Adobe will officially stop supporting the Flash plugin.
Adobe Animate (formerly Adobe Flash) exports to HTML 5 as CreateJS. CreateJS is a JavaScript library built for the HTML Canvas. ZIM is a JavaScript framework that adds conveniences, components and controls to CreateJS. You can see what it is all about in ◎ Your Guide to Coding Creativity on the Canvas.
Our current guide has two main parts:
- Exporting from Animate to the Canvas
- Recreating ActionScript content on the Canvas
1. Exporting from Animate to the Canvas
You can choose a Canvas file when you start an Animate project. You can then code in JavaScript…
YOUR GUIDE TO
Welcome readers from ◎ Your Guide to the Mechanics of Creativity
Creating with Combinations (Composition)
Your Guide To
Welcome readers from ◎ Your Guide to the Mechanics of Creativity
Context
Our first foray into creativity was quite the ride! We went from dresser drawers and bullets to DNA and consciousness! All this and more as we explored the terms of the Creativity Framework with respect to hierarchy including CONTEXT (what is above a node) and CONTENT (what is below a node). We saw that we ANALYZE to break things into aspects and SYNTHESIZE to join things for a new perspect(ive). …
Your Guide to
and The Dan Zen Museum
Your Guide to
Welcome readers from ◎ Your Guide to the Mechanics of Creativity
This guide is one of five parts. Please start with ◎ Your Guide to the Mechanics of Creativity and then ◎ Your Guide to Context in Creativity. After reading below, follow with ◎ Your Guide to Content in Creativity and ◎ Your Guide to Relevance in Creativity.
Meaning and Two Types of Hierarchies
Easy as pie! In the last parts of the Guide, we introduced the terms and structures used in the Dan Zen Creativity Framework. The structure of a hierarchy is pretty straight forward. Context is above a node and content is below a…
Your Guide to
Welcome readers from ◎ Your Guide to the Mechanics of Creativity
This guide is one of five parts. Please start with ◎ Your Guide to the Mechanics of Creativity and then after reading below, follow with◎ Your Guide to Flexibility in Creativity, ◎ Your Guide to Content in Creativity and ◎ Your Guide to Relevance in Creativity.
Terms used in the Framework
In part 1 of the Creativity Framework, creator Dan Zen discusses the terms and structures of creativity. These terms and structures will be used in Part 2 to make content. Let’s go through part 1 now.
Your Guide to
See the Steps to Create like Magic!
And a plain English framework called ZIM
Any code that uses the word context can be simplified. This means, the canvas, as an open source way to make games, art, apps, visualizations and more in HTML with JavaScript, is off to a rough start with its first few lines:
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.beginPath();
ctx.arc(95, 50, 40, 0, 2 * Math.PI);
ctx.stroke();A big NO THANK YOU to getContext(“2d”)
Artists and designers who are likely to use the canvas will shy away from these words — I know I did! Also, nobody wants to use document.getElementById() to access an object! …
Dr Abstract
Inventor, Founder of ZIM JavaScript Canvas Framework and Nodism, Professor of Interactive Media at Sheridan, Canadian New Media Awards Programmer and Educator
