Fun-Programming 联合开发网

Pudn.com > 下载中心 > 文章/文档 > Fun-Programming

Fun-Programming

processing creative-coding supercollider

所属分类：文章/文档
开发工具：JavaScript
文件大小：72242KB
下载次数：0
上传日期：2021-02-15 18:09:45
上传者：sh-1993

说明：来自趣味编程的代码创意编码教程和我自己的随机草图
(Code from the Fun Programming creative coding tutorials and my own random sketches)

文件列表:

COPYING (35147, 2021-02-16)
processing (0, 2021-02-16)
processing\fun-programming (0, 2021-02-16)
processing\fun-programming\01 (0, 2021-02-16)
processing\fun-programming\01\e002_point_line (0, 2021-02-16)
processing\fun-programming\01\e002_point_line\.thumb.jpg (16533, 2021-02-16)
processing\fun-programming\01\e002_point_line\e002_point_line.pde (458, 2021-02-16)
processing\fun-programming\01\e002_point_line\thumb.png (276281, 2021-02-16)
processing\fun-programming\01\e003_random_draw_background (0, 2021-02-16)
processing\fun-programming\01\e003_random_draw_background\.thumb.jpg (15410, 2021-02-16)
processing\fun-programming\01\e003_random_draw_background\e003_random_draw_background.pde (377, 2021-02-16)
processing\fun-programming\01\e003_random_draw_background\thumb.png (192550, 2021-02-16)
processing\fun-programming\01\e004_save_open_setup_framerate (0, 2021-02-16)
processing\fun-programming\01\e004_save_open_setup_framerate\.thumb.jpg (12082, 2021-02-16)
processing\fun-programming\01\e004_save_open_setup_framerate\e004_save_open_setup_framerate.pde (394, 2021-02-16)
processing\fun-programming\01\e004_save_open_setup_framerate\thumb.png (74678, 2021-02-16)
processing\fun-programming\01\e005_stroke_rgb (0, 2021-02-16)
processing\fun-programming\01\e005_stroke_rgb\.thumb.jpg (19139, 2021-02-16)
processing\fun-programming\01\e005_stroke_rgb\e005_stroke_rgb.pde (280, 2021-02-16)
processing\fun-programming\01\e005_stroke_rgb\screenshot.png (1540, 2021-02-16)
processing\fun-programming\01\e005_stroke_rgb\thumb.png (93717, 2021-02-16)
processing\fun-programming\01\e006_animate_line (0, 2021-02-16)
processing\fun-programming\01\e006_animate_line\.thumb.jpg (15931, 2021-02-16)
processing\fun-programming\01\e006_animate_line\e006_animate_line.pde (202, 2021-02-16)
processing\fun-programming\01\e006_animate_line\screenshot.png (189, 2021-02-16)
processing\fun-programming\01\e006_animate_line\thumb.png (157563, 2021-02-16)
processing\fun-programming\01\e007_variables (0, 2021-02-16)
processing\fun-programming\01\e007_variables\.thumb.jpg (14739, 2021-02-16)
processing\fun-programming\01\e007_variables\e007_variables.pde (279, 2021-02-16)
processing\fun-programming\01\e007_variables\screenshot.png (116, 2021-02-16)
processing\fun-programming\01\e007_variables\thumb.png (156948, 2021-02-16)
processing\fun-programming\01\e008_vertical_lines (0, 2021-02-16)
processing\fun-programming\01\e008_vertical_lines\.thumb.jpg (12677, 2021-02-16)
processing\fun-programming\01\e008_vertical_lines\e008_vertical_lines.pde (280, 2021-02-16)
processing\fun-programming\01\e008_vertical_lines\screenshot.png (1259, 2021-02-16)
processing\fun-programming\01\e008_vertical_lines\thumb.png (90681, 2021-02-16)
processing\fun-programming\01\e009_vertical_colorful (0, 2021-02-16)
... ...

# Fun Programming In this repository you can find: - Programs written for the [Fun Programming](https://funprogramming.org) video tutorials: [fun-programming](https://github.com/hamoid/Fun-Programming/tree/master/processing/fun-programming) - My creative coding experiments: [processing/ideas](https://github.com/hamoid/Fun-Programming/tree/master/processing/ideas). These are not finished work but tests I do while developing a project or experiments done just for fun and out of curiosity. Index below. You can view some results at https://hamoid.com and at http://hamoid.tumblr.com/archive Most programs here are written using [Processing](http://www.processing.org/). Some with [SuperCollider](https://supercollider.github.io/). They are great for creating static / animated / interactive graphics and sound synthesis. My current tools include [OPENRNDR](https://openrndr.discourse.group/t/doodles-wall-c/51/3) and [GLSL](https://hamoid.com/post/in-the-mood-for-shaders/). ### Roadmap - [x] Create thumbnails - [x] Create a visual index - [ ] Add tags to each sketch - [ ] Upload my sketches, one per day. I should be done in 2020. - [ ] Write a readme.md for each | . | . | . | . | . | | --- | --- | --- | --- | --- | | [uhmans

The oldest Processing sketch in my collection, from 22.04.2006. It represents humans colectives. They feel good when there is enough distance. When they are too close there is conflict. One of the first times I used object oriented code. I remember it feeling quite strange :) I was probably using https://github.com/processing/processing/releases/tag/processing-0112

](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2006/04/uhmans/)
_{animation, concept} | [bezier Fish

A program originally written in ActionScript (Flash) approximately in year 2000. This used to be my homepage for a while. Ported to Processing in 2011. One of my first sketches. It draws animated bezier curves in which start, end and control points follow different bezier curves themselves.

](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2011/05/bezierFish/)
_line | [noise line

](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2011/08/noise_line/)
_animation | [translate rotate

](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2011/08/translate_rotate/) | [noise is centered

](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2011/09/noise_is_centered/)
_test | | [sine acid

](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2011/09/sine_acid/) | [sine rainbow

](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2011/09/sine_rainbow/) | [sinecosine

"Spirograph", "String art" or "pin and thread art"? Rotate two points around the center at different speeds. Connect the two points with a line of varying color.

](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2011/10/sinecosine/) | [sinecosine2

](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2011/10/sinecosine2/) | [inf bezier

](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2012/02/inf_bezier/)
_line | | [blob

In this sketch I test `curveVertex` Notice that three Vertices are drawn twice to make it a closed shape.

](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2012/04/blob/)
_animation | [random vs noise

](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2012/04/random_vs_noise/)
_test | [spline

Attempt to create a keyframe animation system with smooth transitions. This version correctly passes keyframe locations at the right time, but there is an abrupt speed change when passing keyframes if the duration of the last and the next segment greatly differs. I tried calculating the segment density (hack, I know) and then adjusting the control point distances to try to counteract the sudden speed changes. Not good :) Next attempt should use Catmull-Rom spline curves. Ideas: create Timeline class that contains Segment objects, current segment, current Timeline-time, Segment-time.

](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2012/04/spline/)
_animation | [walking cube

](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2012/04/walking_cube/)
_{animation, camera} | [living Blob

Variation from the sketch "blob" from April 2012. It uses a texture. Unfortunately it lost its "blobiness" because `curveVertex()` does not implement uv coordinates for using textures, so I switched to `vertex()`.

](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2012/05/livingBlob/)
_{animation, texture} | | [dragworld

](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2012/06/dragworld/)
_interactive | [Arduino178Children

](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2013/01/Arduino178Children/)
_arduino | [BWJoy

Grayscale variation of my sketch called ColorJoy. Draw vertical lines covering the whole screen. The brightness of each depends on time, `noise()` and calls to `sin()`.

](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2013/02/BWJoy/)
_animation | [Barycentric Triangle Mapping

](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2013/02/BarycentricTriangleMapping/)
_geometry | [Color Joy

Vertical lines covering the whole screen. Their hues depend on the sine of `noise()` of time. See it live at [hamoid.com](https://hamoid.com/code/2013-colorjoy/)

](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2013/02/ColorJoy/)
_animation | | [Melt Writer

Interactive wet paint simulation experiment. Uses the pixel array. A more efficient approach would use shaders instead.

](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2013/02/MeltWriter/)
_{interactive, paint} | [Rotation Continuity

Create animated patterns by drawing a very long line on the surface of a sphere. A video of it in [YouTube](https://www.youtube.com/watch?v=AmTHjBQc37Y).

](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2013/02/RotationContinuity/)
_{animation, line} | [words To Shapes

](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2013/06/wordsToShapes/)
_{interactive, line} | [upload Image

](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2013/07/uploadImage/)
_php | [Change Var By Name](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2013/08/ChangeVarByName/)
_reflection | | [p5tweets

](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2013/08/p5tweets/)
_challenge | [gif Anim One

](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2013/10/gifAnimOne/)
_loop | [anim Gif Mountains

](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2013/11/animGifMountains/)
_loop | [fade With Shader

](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2013/11/fadeWithShader/)
_shader | [image Distorts Image

``` Loads random images from two folders (please configure) to act as textures for painting strokes. The brush size modulates with time. How I use it: I paint a stroke, if I don't like it, press 'u' to undo, try again. Get into the rhythm. Wait until the stroke paints thin or thick. Observe. Press [SPACE] to change paint colors. Embrace the unpredictable. Key shortcuts: [DELETE] clears the screen 's' saves image in TIF format 'u' undo last stroke [SPACE] load new random images Mouse Left mouse button drag to paint a stroke Light mouse button drag to paint darker ```

](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2013/11/imageDistortsImage/)
_{interactive, paint} | | [client](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2013/11/prettyDecentDisplay/client/) | [server](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2013/11/prettyDecentDisplay/server/) | [stm

](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2013/11/stm/)
_dataviz | [gears

](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2013/12/gears/)
_loop | [happyeoy

](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2013/12/happyeoy/)
_loop | | [sine Bass Sequence](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2013/12/sineBassSequence/) | [sine Bass Sequence](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2013/12/sineBassSequence/) | [sparkling Text

](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2013/12/sparklingText/)
_{loop, particles} | [text Randomizer

](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2013/12/textRandomizer/) | [avoid

](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2014/01/avoid/)
_{animation, line} | | [drawing With Undo Redo

](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2014/01/drawingWithUndoRedo/)
_interactive | [undo

](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2014/01/undo/)
_interactive | [text Cloud Rotating

](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2014/02/textCloudRotating/)
_animation | [voronoi

Testing the Voronoi class from Toxiclibs. The program creates a voronoi triangle mesh on every animation frame based on 20 points moved by the noise() function. Then it uses the triangles from that mesh to draw translucent lines and points without clearing the screen which results in a somewhat organic morphing shape.

](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2014/02/voronoi/)
_trails | [long Gif Anim Loop

](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2014/03/longGifAnimLoop/)
_loop | | [lossy jpg

](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2014/03/lossy_jpg/)
_test | [revolving

](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2014/03/revolving/)
_{depth, loop} | [noise Add

Draw pixels based on noise at different scales to have both small details and large areas of color. Contrast of size.

](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2014/04/noiseAdd/) | [rings Cleaner

Simple rings painted with circles. Trying to have objects that are simultaneously in front and behind others, as by default objects are either in front or behind.

](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2014/04/ringsCleaner/)
_depth | [rings Shadow

Rings, shadow attempt Trying to have objects that are simultaneously in front and behind others, as by default objects are either in front or behind.

](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2014/04/ringsShadow/)
_depth | | [rings Which Is Closer

Simple rings made out of rectangles. Trying to have objects that are simultaneously in front and behind others, as by default objects are either in front or behind.

](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2014/04/ringsWhichIsCloser/)
_depth | [tank Wheels

](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2014/04/tankWheels/)
_loop | [Terrain

](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2014/05/Terrain/) | [rings Blend Mode

](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2014/05/ringsBlendMode/)
_depth | [two Diff Reactions To OSCmsgs](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2014/05/twoDiffReactionsToOSCmsgs/) | | [pshape Vs Toxic

](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2014/06/pshapeVsToxic/)
_{test, performance} | [envelope

Shows the use of an Envelope class. It's goal is to animate a value over time. One can specify any number of values and durations of the transitions between those values. Values are interpolated with easeInOutQuad. It's possible to specify the number of repetitions of the sequence.

](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2014/07/envelope/) | [envelope Test

](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2014/07/envelopeTest/) | [avoid garbage collection](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2014/08/avoid_garbage_collection/)
_test | [erase Black Pixels

](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2014/09/eraseBlackPixels/)
_test | | [erase Black Pixels Lookup

](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2014/09/eraseBlackPixelsLookup/)
_test | [key Pressed Var Vs Func](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2014/10/keyPressedVarVsFunc/)
_test | [oral Description Error

](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2014/10/oralDescriptionError/) | [oral Description Game

](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2014/10/oralDescriptionGame/)
_{line, loop} | [loop Of Random Items

相关文件：

评论：[我要评论] [举报此文件]

收藏者：