Processing编程学习指南1.6　自定义颜色取值范围

RGB颜色取值为0～255，但这并不是Processing处理颜色的唯一方法。在后台的计算机内存中，颜色通常是以一系列24位（在有alpha值的情况下是32位）的方式进行计算的。不过，Processing允许你以任何喜欢的方式来自定义颜色的取值范围，它允许你使用计算机可以理解的任何数字。例如，你可能倾向于将颜色以0到100的方式（就像百分比）来定义颜色。你可以在Processing中使用colorMode()函数来实现。

 

上述代码的意思是：“好的，我想以红、绿和蓝的方式来处理颜色，并且RGB颜色的取值范围是0～100。”

你还可以对每种颜色构成分别采用不同的取值范围，但是这并不方便：

 

上述代码的意思是：“红色的取值范围是0～100，绿色的取值范围是0～500，蓝色的取值范围是0～10，alpha的取值范围是0～255。”

最后，虽然RGB颜色已经可以满足你所有的编程需要了，但是你也可以使用HSB颜色模式（三个字母分别对应：hue（色调）、saturation（饱和度）和brightness（亮度））。虽然HSB的取值范围默认也是0～255，但是常用的颜色取值范围如下所示：

色调—颜色本身的色调（红色、蓝色、橙色等）取值范围为0～360（将360跋胂蟪梢桓鲅丈峙蹋?

饱和度—颜色的鲜艳程度，取值范围为0～100（可以想象成百分比）。

亮度—颜色的亮度值，取值范围为0～100。

练习1-7：使用简单的图形和颜色设计一个生物形象。首先尝试仅仅使用点、线、矩形和椭圆手绘出一个生物造型。然后尝试编写出这个生物造型的代码，使用本章讲到的Processing命令：point()、line()、rect()、ellipse()、stroke()和fill()。下一章，你将有机会在Processing中运行你的代码进行测试。

 

 

 

 

 

 

 

示例1-5：展示了我设计的Zoog代码，对应的输出结果如图1-21所示。

 

图 1-21

这个示例向你展示了通过Processing制作出来的一个生物形象，名为Zoog。在本书的前9章课程内容中，我将会为你讲解Zoog的整个童年。通过展示Zoog逐渐长大的过程讲述Processing编程的基础知识。你首先会看到Zoog最初的模样，接下来会学习制作具有互动性的以及动态的Zoog，最后，还会学习复制Zoog从而创造出许多的Zoog。

这里，我建议你设计属于自己的一个“宠物”形象（注意没有必要必须设计一个人形的或者类似生物的形态，任何编程得到的图形都可以），然后通过前9章的课程，不断让你的宠物不断进化成长。在大多数情况下，每个示例（在前面几章）只需要你改变宠物的一小部分。这个过程有助于你巩固对于计算机编程基本要素的知识（变量、条件语句、循环、函数、对象和数组）的理解，这样让你为后面的学习做好准备：Zoog逐渐长大，离开家，到更加高级的编程当中去冒险，也就是本书第10章以后的内容。

 

 

什么是 SVG?本项目简单分享动画入门的相关知识，并附有相关代码演示，同时文档对SVG等相关内容有比较详细的叙述，如vector标签中属性所代表的意义解释、path标签所支持的指令解释等等。 什么是 SVG?本项目简单分享动画入门的相关知识，并附有相关代码演示，同时文档对SVG等相关内容有比较详细的叙述，如vector标签中属性所代表的意义解释、path标签所支持的指令解释等等。
使用ComplexHeatmap绘制复杂热图|Note1:简介 复杂的热图可以有效地可视化不同数据源之间的关联，并揭示潜在的模式。ComplexHeatmap包提供了一种高度灵活的方式来安排多个热图，并支持自定义的注释图形。