Tainan, Taiwan
member since February 19, 2010
profile picture

portfolio of
Sheng-Fen Nik Chien

cellular automata

an demo of CA using OO programming

worms

emergent worms
click to create more worms

sphere

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

grass

a line of grass

wiggly_line

This is a demo program used in the class slide.

Kandinsky_s_CompositionVIII_1923

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

WhileLoopDemo

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

TheFrameLoopDemo

example program from Pearson (2011), p. 28

draw lines

draw lines that follow the pointer

Mondrian's Lozenge composition (2)

形狀與色彩練習第二版。加入形狀關係檢查與座標調整。

Mondrian's Lozenge composition

形狀與色彩練習,但是形狀的座標與相對關係,還需要微調。

MakeCircles

draw a circle at where is pointer is

GameOfLife

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

3d_noise_grid

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

waving_grasses

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

moving_clouds

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

wavey_circles

present circles in lines

wiggle_lines

create a wiggle_line function to draw many wiggle lines

wiggle_line

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

arc_testing

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

hello_again

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)

Smoky...

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)

flowers

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

Circles

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

clouds

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

texture

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.

Clock

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

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

lines

first exercise to use mouse coordinates

learning by copying

a copy of Mondrian's composition

forest

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

vein

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.

circles

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
11
following
0

favorites

Share Share Subscribe to sketches