Wednesday, May 18, 2011
Monday, May 9, 2011
spirographs
Spirograph is a geometric drawing toy that produces mathematical curves of the variety technically known as hypotrochoids and epitrochoids. The term has also been used to describe a variety of software applications that display similar curves, and applied to the class of curves that can be produced with the drawing equipment (so in this sense it may be regarded as a synonym of hypotrochoid). The name is a registered trademark of Hasbro, Inc.
Thursday, May 5, 2011
dsdn_142_p_3_3
there is some program i found from openprocessing.
http://www.openprocessing.org/visuals/?visualID=14332
http://www.openprocessing.org/visuals/?visualID=4830
http://www.openprocessing.org/visuals/?visualID=22955
http://www.openprocessing.org/visuals/?visualID=14332
http://www.openprocessing.org/visuals/?visualID=4830
http://www.openprocessing.org/visuals/?visualID=22955
Tuesday, May 3, 2011
dsdn_142_p3_2
There is the other idea about loop:
http://vimeo.com/21588302
Emilio Gomariz is a spanish industrial designer and art director who happens to do be involved in a lot of different disciplines across artistic practices. Here are some of his impressive looping animation works.
Monday, May 2, 2011
DSDN101_PROJECT_3_1
"CODING " that was the topic of project 3.
today I start reading the outline of this projcet.
1: choose term
Those are programming terms that i have to choose one of them.
variable(s), function(s), loop(s), if/else, array(s).
"make sure that you completely understand the chosen term yourself by analysing various processing applications and modifying them and by comparing them to real life objects or processes."
I choose Loops to be my term.
Create metaphors:
"Metaphor is the concept of understanding one thing in terms of another. A metaphor is a figure of speech that constructs an analogy between two things or ideas, the analogy is conveyed by the use of a metaphorical word in place of some other word."----------wikipedia
2: research
the definition of Loop-------
today I start reading the outline of this projcet.
1: choose term
Those are programming terms that i have to choose one of them.
variable(s), function(s), loop(s), if/else, array(s).
"make sure that you completely understand the chosen term yourself by analysing various processing applications and modifying them and by comparing them to real life objects or processes."
I choose Loops to be my term.
Create metaphors:
"Metaphor is the concept of understanding one thing in terms of another. A metaphor is a figure of speech that constructs an analogy between two things or ideas, the analogy is conveyed by the use of a metaphorical word in place of some other word."----------wikipedia
2: research
the definition of Loop-------
- Control flow loop, a sequence of commands that is executed repeatedly
- For loop, a programming language statement which allows code to be repeatedly executed
- Event loop, a loop that listens to and dispatches events/messages
- Infinite loop, a sequence of instructions in a computer program which loops endlessly
- Loop device (Unix), a device node that allows a file to be mounted on a directory
There are some idea from youtube
http://www.youtube.com/watch?v=20m0uljDo8M
http://www.vimeo.com/13299302
http://www.vimeo.com/13299302
http://www.vimeo.com/12173204
http://adsoftheworld.com/media/tv/american_express_booming
http://adsoftheworld.com/media/tv/american_express_booming
Friday, April 1, 2011
Saturday, March 26, 2011
learning from last week
Reflect on your learning process in project one. What have you learnt so far, what helped and motivated you learn? Is there anything that you want to improve in your next project? Set yourself a goal and make a plan how you could achieve this goal. Document your reflections and goal on your blog.
From project one I learned:
1, Understood and used basic coding in processing.
2, get idea about programming and programming language.
3,Good Researching is important for final work.
4, learned way to do presentation from other student.
The goal for next:
1, better programming
2, better researching
3, better presentation
I will follow the tutorials step by step to study processing.and doing research on Internet or in library. find good code from other people. If any questions I will discuss with tutor or classmate.
Read the file "programming the bigger picture", that you can find online in our tutorials section. While you read, take quick notes, in any way you find effective, on key concepts and questions that arise – and any connections you can make to your own experiences in design and with code. Then post your notes to your blog.
In this tutorials showing up the reason why we have to study coding, because most software has built in programming language, such as 3ds Max (MAXscript), Photoshop (C++), Blender (Python), Flash (Actionscript), Microsoft office suite (.NET).
And also tell me as a designer is highly beneficial to have at least a basic knowledge of programming.
That mean after study this course I can using some coding knowledge, when I using Photoshop or Afterefface.
And I learned what is the different language when we write code in different program.
“As a designer is is highly beneficial to have at least a basic knowledge of programming, as this enables you to complete smaller interactive works without having to rely on others coding abilities. It also gives you the ability to judge a project's feasibility even if others end up doing the programming.”
At last tell me If I use somebody else's code I need acknowledge it.
Such as:
“
/* The following code was sourced from the tutorial
* “PROGRAMMING – THE BIGGER PICTURE”
*
* Sourced from http://blackboard.vuw.ac.nz
* Written by Ben Jack
*/
int mill = 1000000;
int sqrty = (int)sqrt(mill);
float circSize = width/(sqrty+0.0);
for(int i = 0; i < sqrty; i++)
{
for(int j = 0; j < sqrty; j++)
{
ellipse(i*circSize + circSize/2, j*circSize + circSize/2, circSize, circSize);
}
}
“
Investigate the topic transformation. What does transformation mean? Have a look at the openprocessing site and search for transformations. Which transformation sketch do you find most appealing and why? Try to find out, how it's code works. Document your investigations on your blog.
this is the code i found in processing.org.
http://www.openprocessing.org/visuals/?visualID=5153
I learned how does translate and pushmatrix code works from this tutorial. therefore i would like share this code to every body ales.
From project one I learned:
1, Understood and used basic coding in processing.
2, get idea about programming and programming language.
3,Good Researching is important for final work.
4, learned way to do presentation from other student.
The goal for next:
1, better programming
2, better researching
3, better presentation
I will follow the tutorials step by step to study processing.and doing research on Internet or in library. find good code from other people. If any questions I will discuss with tutor or classmate.
Read the file "programming the bigger picture", that you can find online in our tutorials section. While you read, take quick notes, in any way you find effective, on key concepts and questions that arise – and any connections you can make to your own experiences in design and with code. Then post your notes to your blog.
In this tutorials showing up the reason why we have to study coding, because most software has built in programming language, such as 3ds Max (MAXscript), Photoshop (C++), Blender (Python), Flash (Actionscript), Microsoft office suite (.NET).
And also tell me as a designer is highly beneficial to have at least a basic knowledge of programming.
That mean after study this course I can using some coding knowledge, when I using Photoshop or Afterefface.
And I learned what is the different language when we write code in different program.
“As a designer is is highly beneficial to have at least a basic knowledge of programming, as this enables you to complete smaller interactive works without having to rely on others coding abilities. It also gives you the ability to judge a project's feasibility even if others end up doing the programming.”
At last tell me If I use somebody else's code I need acknowledge it.
Such as:
“
/* The following code was sourced from the tutorial
* “PROGRAMMING – THE BIGGER PICTURE”
*
* Sourced from http://blackboard.vuw.ac.nz
* Written by Ben Jack
*/
int mill = 1000000;
int sqrty = (int)sqrt(mill);
float circSize = width/(sqrty+0.0);
for(int i = 0; i < sqrty; i++)
{
for(int j = 0; j < sqrty; j++)
{
ellipse(i*circSize + circSize/2, j*circSize + circSize/2, circSize, circSize);
}
}
“
Investigate the topic transformation. What does transformation mean? Have a look at the openprocessing site and search for transformations. Which transformation sketch do you find most appealing and why? Try to find out, how it's code works. Document your investigations on your blog.
this is the code i found in processing.org.
http://www.openprocessing.org/visuals/?visualID=5153
I learned how does translate and pushmatrix code works from this tutorial. therefore i would like share this code to every body ales.
Wednesday, March 23, 2011
For greater understanding of pushMatrix() and popMatrix()
http://www.openprocessing.org/visuals/?visualID=10991
|
I have submitted this sketch because writing it solidified my understanding the pushMatrix() |
and popMatrix() functions. It also shows the usefulness of nesting push-pop pairs within |
one another. (At the risk of violating good Java style I have indented code within push-pop |
pairs even though these are not formal code blocks. This is for the sake of clarity.) |
|
The sketch creates four shapes (rectangles), and also manipulates these shapes as a unit, which |
I will call a figure. |
|
Transformations translate() and rotate() stack so that when you call one, all subsequent items |
that are drawn will appear with those transformations applied. pushMatrix() and popMatrix() |
are used to put a new set of transformation on the stack, and then remove transformations from |
the stack so that they are not applied to items drawn later. |
|
Using pushMatrix() and popMatrix() is the best way to cleanly position many items on the same |
screen. |
|
Subscribe to:
Posts (Atom)