Tainan, Taiwan
member since February 19, 2010
profile picture

portfolio of
Sheng-Fen Nik Chien

cellular automata

an demo of CA using OO programming


emergent worms
click to create more worms


hello world! in P3D

wiggled spiral

another way of loop control

noisy spirals

using my random function

wiggled spiral

this one fixed the disconnection problem

wiggled spiral

a wiggled spiral but something is wrong

draw circle

draw circle in baby steps

wave clock

// start with drawing a circle in wiggle shapes
// then
// 1. replace the circumference with radius line
// 2. small adjustment in stroke
// 3. small adjustment in radius
// 4. small adjustment in angle rotation
// 5. small adjustment in center
// demo program for lectures on "The Wrong Way to Draw a Circle"
// from "Wave Clock" of Pearson (2011)

waving grass

use the draw loop to simulate a waving appearance


a line of grass


This is a demo program used in the class slide.


a redraw (static version) of Kandinsky's Composition YIII


example program from Pearson (2011), p. 35-36


example program from Pearson (2011), p. 28

draw lines

draw lines that follow the pointer

Mondrian's Lozenge composition (2)


Mondrian's Lozenge composition



draw a circle at where is pointer is


this is an example program from processing
this is an uploading example
please add your explanations here


Example code for lecture "Adding Dimensions" from Pearson (2011): displaying in 3D space, visualizing noise in 3d grids


Example code for lecture "Adding Dimensions" from Pearson (2011): Displaying a noise grid as rotations and use the draw loop to make it an animation


Example code for lecture "Adding Dimensions" from Pearson (2011): display a noise grid and use the draw loop to make it an animation.


present circles in lines


create a wiggle_line function to draw many wiggle lines


in class exercise demo program

Twk: Twk: miro變色中

make the starts move like clock ticks

Twk: miro變色中

adding parameterized function to draw stars

Twk: mondrian_iii

reorganizing the program using functions

fading out...

trying out the effect of background fading... press the mouse button to see the effect


testing the parameters, in particular mode, of arc()


another demo with program blocks

hello world

my first program (a demo for the first day of class)

Sutcliffe Pentagons

example code from Pearson (2011:173-180)

Space Clockwork

example taken from Pearson (2011: 159-165)

CA with emergence

explore emerging patterns using CA framework

Brian's Brain

example code based on Pearson (2011:130-140)

Game of Life

example code from Pearson (2011:130-136)


exercise based on the "Emergence" chapter of Pearson (2011). click the mouse button to create more interactions.

Moving circles

an example of using class to encapsulate behavior; taken from Pearson (2011:113-120)

a cube of 3d noise

example taken from Pearson (2011: 97-98)

ruffling fur

example taken from Pearson (2011: 91-92)

moving clouds

example taken from Pearson (2011: 89-90)


a bed of 100 flowers; click the mouse button to re-grow flowers

noisy circles

demos of in class exercise

100 spirals, with noise

an example from pp. 71-72 on Pearson (2011); click a mouse button to update screen

A noisy spiral

an example taken from p. 69-70 of Pearson (2011); click a mouse button to redraw a new spiral

rational circles

lecture illustration of drawing a circle using trigonometry

a row of grasses

using simple random function to draw the length and direction of a grass;
click the mouse button to draw more

Wiggle Lines

exercise to create some wiggle lines


exercise of using frame loops to leave traces
press the mouse button to draw more circles

make functions

exercises on making functions

Draw Lines Exercise

draw lines based on the position of mouse

game of life

an exercise of cellular automata

Recursive Thinking

three exercises on recursive functions

more bouncing balls

another exercise to demonstrate the use of class as well as PVector


fly away from the clouds (using noise)
adapted from Shiffman's cloud example code


texture like pattern (using noise function)
adopted from "cloud" example codes by Shiffman

mouse events

demonstrate mouse events

bouncing balls

many bouncing balls, a program to demonstrate the use of class and array

Stock Garden

an example for assignment: the garden of good and evil, prepared by schien@mail.ncku.edu.tw (2009-04-26)

draw curves

An example to demonstrate the uses of classes
// left mouse button clicks to create polyline
// right mouse button click to stop
// press 'a' to add a new polyline
// press 'c' to turn polyline into curveline
// press 'l' to turn curveline into polyline

rhodonea curve

an exercise to draw rhodonea curve: r = sin(k*a). The value k is updated by the mouse position; click to update view.

rhodonea curve

an exercise to draw rhodonea curve: r = sin(k*a). The value k is updated by the mouse position; click to update view.


a graphical clock to tell time by C.W. Huang.

Move three visual elements according to the changing seconds, minutes, and hours of the computer's clock.


first exercise to use mouse coordinates

learning by copying

a copy of Mondrian's composition


The third processing exercise by S.Y. Lee. Click the left mouse button to create trees.


The third processing exercise of C.A. Pan.

overlapped circles

The second processing exercise by Y.W. Kuo. A cluster of overlapped circles as the paint brush.


The first processing exercise by K.S. Wu. A cluster of circles move with mouse pointers.

an empty aquarium

First processing exercise by C.S. You.
followed by


Share Share Subscribe to sketches