System Organization of Web Development

Backup of Web sites and Development documents and code.

Server Organization – Static and WP websites.

  1. Domain name management
  2. Their remote backup location (local PC, Mac, or cloud such as Google disk)

Development system organization and its backup (Mac or PC)

  1. Github as a backup of the latest documents and the repositories of source codes for the Websites. (cloud, Mac, some on DVD/cd)
  2. External storage backup of the computer.
  3. Selected backup onto DVD or CD.

The 299kh move to apur1e

The 299kh website has been corrupted and all posts displayed at its footer “footer three menu widget section.

No specific fix were found. This morning, I just created new website apur1e and the old posts have been exported as a xml file to my local computer Desktop.  From there imported to my new site apur1e.

Continue reading “The 299kh move to apur1e”

Old Notes From September 12, 2017


Plan to watch 8.1 to 8.5

Old Notes From September 9, 2017

Processing Downloaded for iMac OS X in K103
ortho() is copied from the website and created the cube and saved to Documents/Processing
From Chris Gargiulo

September 14, 2017



Tested p5.js using codepen – using function setup(), draw(), createCanvas(), createP(), and ellipse(mouseX, mouseY, 15, 15)
To make it work, not void setup(){}, but function setup(){}.

As a result, I set it up javascript version (on Codepen) in addition to processing environment (on Canvas).


I learned the use of array for space traveling stars.
translate (width/2, hight/2); to bring the action that is originating from center of the screen.

III Exelent!!
“Recreating Vintage Computer Art with Processing” Youtube video by Alexander Miller.
Good processing exercise using parametric equations and its behavior. Inspired by early work using polar cordinate.

Joshua Davis give updates that HYPE is processing instead of FL explanation to people who had been using HYPE. So the procedure is sketchy.

Question: how to add HYPE library to processing sketch book?

September 12, 2017 – Links to Processing, P5.js, Joshua Davis, Rectangleworld, CS112

 Processing related resources:
 P5.js related resources:
Processing, Second Edition
Programming Handbook for Visual Designers and Artists
Casey Reas

Reviewed Joshua Davis‘ following sites and videos:
Sunday January 17, 2010 / HYPE ver 1.1.1 launched today and Branden Hall
He uses Flash application to run his HYPE. HYPE is probably a set of libraries that he created.
His created a new class ContextSavePNG which allows you to rip your small Flash canvas to a much larger transparent PNG.
Joshua Davis‘ sites:
GitHub –, where he has two types: one with Processing and two: his old AS3(FL) version.
Joshua Davis‘ library examples with code:
Rectangleworld‘s interesting creations:
SkillShare is a problematic company (google search “skillshare review” list out bad reviews), so I did not make any account. Instead reviewed the vid by Joshua Davis
Joshua Davis’s Phantogram / Fall in Love / Lyric Engine with Particle Bursts / Foil BURN test
Processing 3 Tutorial Video by Daniel Shiffman
 Learning Processing: A Beginner’s Guide to Programming Images, Animation, and Interaction

Make: Getting Started with P5.js : Making interactive JavaScript and Processing by Lauren McCarthy, Casey Reas, & Ben Fry
CSC 112 – Introduction to Computer Programming – JavaScript/HTML5
Kumiko’s Coffee Break 1: Who said computer tools are neutral?

Social Hack from Lauren McCarthy

Kumiko’s Coffee Break 2:  Airspace above Tokyo belongs US:

My old account: Reset kumiko@ Koa103
My old account: Reset naniahiahi1@?