世界上最短的时钟代码
- lnsoso - 伯乐在线 -博客 Processing.js作者是John Resig，这是继Jquery之后，他的第二个力作. Processing.js提供了教学可视化的编程语言及运行环境. 通过编写processing程序，教师可以将复杂的物理、化学、数学原理形象的展示给学生. 比如绘制各种曲线图，波线，粒子，绘制分子结构，当然在生理卫生课上还可以绘制一群小蝌蚪在游泳等动态的图形.
世界上最短的时钟代码！更短的，有木有？
标签：
世界
时钟
代码
| 发表时间：2011-10-16 09:15 | 作者：【当耐特砖家】 zffl
出处：http://www.cnblogs.com/
一.简介
Processing.js作者是John Resig，这是继Jquery之后，他的第二个力作。
Processing.js提供了教学可视化的编程语言及运行环境。通过编写processing程序，教师可以将复杂的物理、化学、数学原理形象的展示给学生。比如绘制各种曲线图，波线，粒子，绘制分子结构，当然在生理卫生课上还可以绘制一群小蝌蚪在游泳等动态的图形。
Processing.js是一个开放的编程语言，在不使用Flash或Java小程序的前提下, 可以实现程序图像、动画和互动的应用。
Processing.js使用JavaScript绘制形状sharp和操作HTML5 canvas元素产生图像动画。
Processing.js是轻量，易于了解掌握，并提出一个理想的工具，可视化的数据，创建用户界面和开发基于Web的游戏。
二.核心函数
// Global variables 全局变量
int radius = 50.0;
int X, Y;
int nX, nY;
int delay = 16;
// Setup the Processing Canvas初始化设置
void setup(){
size( 200, 200 );
strokeWeight( 10 );
frameRate( 15 );
X = width / 2;
Y = width / 2;
nX = X;
nY = Y;
}
// Main draw loop 主要绘画函数功能
void draw(){
radius = radius + sin( frameCount / 4 );
// Track circle to new destination
X+=(nX-X)/delay;
Y+=(nY-Y)/delay;
// Fill canvas grey
background( 100 );
// Set fill-color to blue
fill( 0, 121, 184 );
// Set stroke-color white
stroke(255);
// Draw circle
ellipse( X, Y, radius, radius );
}
// Set circle's next destination 当用户鼠标在 Canvas移动时产生的action
void mouseMoved(){
nX = mouseX;
nY = mouseY;
}
三.世界最短的时钟代码诞生
void draw() {
size(200, 200);background(0); fill(80); noStroke(); ellipse(100, 100, 160, 160); stroke(255);
line(100, 100, cos( TWO_PI*second()/60- HALF_PI) * 70 + 100, sin(TWO_PI*second()/60- HALF_PI) * 70 + 100);
line(100, 100, cos( TWO_PI*minute()/60- HALF_PI) * 60 + 100, sin(TWO_PI*minute()/60- HALF_PI) * 60 + 100);
line(100, 100, cos(TWO_PI*(hour()%12)/12- HALF_PI) * 50 + 100, sin(TWO_PI*(hour()%12)/12- HALF_PI) * 50 + 100);
}
可以看得出，代码语意化非常强，一个圆，三条线，这也是这个框架所要达到的目的之一。
四.完整代码
<!DOCTYPE html>
<html>
<head>
<body>
<script src="http://files.cnblogs.com/iamzhanglei/processing.js" type="text/javascript"></script>
<script type="application/processing">
void draw() {
size(200, 200);background(0); fill(80); noStroke(); ellipse(100, 100, 160, 160); stroke(255);
line(100, 100, cos( TWO_PI*second()/60- HALF_PI) * 70 + 100, sin(TWO_PI*second()/60- HALF_PI) * 70 + 100);
line(100, 100, cos( TWO_PI*minute()/60- HALF_PI) * 60 + 100, sin(TWO_PI*minute()/60- HALF_PI) * 60 + 100);
line(100, 100, cos(TWO_PI*(hour()%12)/12- HALF_PI) * 50 + 100, sin(TWO_PI*(hour()%12)/12- HALF_PI) * 50 + 100);
}
</script>
<canvas>你的浏览器不支持HTML5,请使用谷歌、IE9或者火狐浏览器··</canvas>
</body>
</html>
五.在线演示
你的浏览器不支持HTML5,请使用谷歌、IE9或者火狐浏览器··作者: 【当耐特砖家】 发表于 2011-10-16 09:15 原文链接
最新新闻：
· 九月美国搜索引擎市场Google略有上升(2011-10-16 13:21)
· 苹果商店19日关店一小时收看乔布斯悼念活动(2011-10-16 13:17)
· 三星Galaxy平板电脑在美被判侵权苹果(2011-10-16 13:15)
· 全美十大数字媒体并购 谷歌收购Youtube居首(2011-10-16 11:12)
· 谷歌高增长背后的高成本隐忧(2011-10-16 11:10)
编辑推荐：“品质在于构建过程”吗？
相关 [世界 时钟 代码] 推荐：
世界上最短的时钟代码！更短的，有木有？
- zffl - 博客园-首页原创精华区Processing.js作者是John Resig，这是继Jquery之后，他的第二个力作. Processing.js提供了教学可视化的编程语言及运行环境. 通过编写processing程序，教师可以将复杂的物理、化学、数学原理形象的展示给学生. 比如绘制各种曲线图，波线，粒子，绘制分子结构，当然在生理卫生课上还可以绘制一群小蝌蚪在游泳等动态的图形.
【旅行好软】世界时钟 – The World Clock
- linsen - 爱Apps - www.iapps.im精选限时免费应用，由 AppPusher 为您送达. 无限精彩，尽在 爱Apps - www.iapps.im. 本站原创内容，转载时请务必注明出处，谢谢. 大小: 34.9 MB
系统: 3.2+. 感谢” iPPP, 泓, 渺渺兮予怀“在”爱分享“中留言分享. 虽说iOS也自带世界时钟功能，今天这款app在此基础上提供了更多的时令信息，小编认为支持当地日出日落的时间这个功能对于出国旅行的朋友来说应该特别有用，以下为官方描述：.
软件世界：代码编辑器Sublime Text 2将成为你的首选
- - 道喜技术日记 .^. 天天红玉世界代码编辑器Sublime Text 2是共享软件，而TextMate是付费软件；. 代码编辑器Sublime Text 2中文支持明显优于TextMate，到今天，TextMate中文支持还是有问题；. Sublime Text 2同时也支持一些 TextMate Bundle；. 快捷和流畅是Sublime Text 2给人最强烈的感受；.
书籍时钟
- Kaaka - 玩意儿挺好的DIY作品，书籍与时钟相结合，放置于书架中，细心看可以看到不仅仅有12点和6点两个数字标注哦，第一眼给看丢了左右两本书. 本文原始链接：http://www.cngadget.cn/book-book-clock.html. The Future of Books：从书籍到笔记本电脑.
世界末日
- Jason - 不许联想最近关于世界末日的话题多了起来. 只要现在有点天灾，大家的神经就会紧张一下，不会是世界末日了吧. 有些宗教组织或者预言家还能说出具体世界末日的时间……我都觉得挺好玩. 1988年，我第一次看到《诺查丹玛斯大预言》这本书，是个日本人“破译”的，写得非常精彩，当时看的我如醉如痴，据这本书说，1985年（记不太清了）是世界末日，书在日本是1980年出的，作者分析1980年之后的世界就没一个说对的.
缤纷世界
- 冯耀军 - Dedian 看看芬兰的一位IT妈妈怎样趁着小女孩熟睡之际创造的一个缤纷世界. 西雅图又下大雪了，可怜我一身单衣.
蘿莉世界
- gogo - Hero ACG- 00惡搞太多了，要分開幾次發，現在先總結一下這季剛完結的感想.
微型世界
- Kidwind - 玩意儿Christopher Boffoli 的微距摄影作品，迷你的小人与日常食物的互动，有趣的超现实主义. 本文原始链接：http://www.cngadget.cn/miniature-world.html.
烤面包时钟
- oak - 玩意儿正是刚出炉烤的香喷喷的切片面包，但它并不是真的，用 PVC 仿制而成，很逼真. 在早上起床看时间的时候，看到它，是不是会有一阵食欲让我们清醒. 有厚片和薄片之分，分别摆放在桌上或者挂在墙上，它的价格是3150日元. 本文原始链接：http://www.cngadget.cn/bread-clock.html.