Quantcast
Channel: 视物 |致知 » tutorial
Browsing latest articles
Browse All 7 View Live

Processing 第一天:连接点和线(1)

原帖地址:Day 1 – Connecting Points, Part 1 via Vormplus 第一天,我们先从简单的点和线开始,熟悉一下如何通过写程序来计算点线的位置,并使用循环嵌套来绘制[......]继续阅读

View Article



Processing 第二天:连接点和线(2)

原帖地址:Day 2 – Connecting Points, Part 2 via Vormplus 我们今天来看一个稍微复杂一点的例子。依旧是连接点和线。但是这次我们要在画面中随机放置点,并且只[......]继续阅读

View Article

学用Processing做数据可视化之柱状图 (1)

前言 大家对Processing的热情让我们备受鼓舞,但也深感鸭梨。之前翻译的两篇,我们自己也觉的不胜满意。经过一些讨论和思考,我们打算自己动手写教程。计划是这样的: 想要围绕一个具体的[......]继续阅读

View Article

学用Processing做数据可视化之柱状图 (2)

我们昨天已经画出了第一个柱状图。今天来看看怎么画的更好。一个标准的统计图表都应该有x轴和y轴标注的。首先我们要做在柱状图的四周给坐标轴空出位置。底部和右边各留出20,这样柱状图占的空间就变成380x1[......]继续阅读

View Article

学用Processing做数据可视化之柱状图 (3)

我们在上一次讲了如何画最基本的柱状图。今天我们来看看这段Processing程序是不是有需要改进的地方。因为我们的目的是要能自动的根据所给的数据生成柱状图,所以让我们来试试另一组数据,替换下面这行,其[......]继续阅读

View Article


Processing案例源码分析:Pixel Knitting(1)

前不久CreativeApplicationsNetwork上介绍了一个Processing案例:Pixel Knitting。这个程序很有意思,它先读取一张图片,然后对每个像素进行变换,重新绘制图片[......]继续阅读

View Article

Processing案例源码分析:Pixel Knitting(2)

看明白整个流程之后,我们就可以看具体在做什么样的图像处理了。 [sourcecode language="java"] x = i%img.width; y = floor(i/img.wi[......]继续阅读

View Article
Browsing latest articles
Browse All 7 View Live




Latest Images