世界上最短的时钟代码

标签: 世界 时钟 代码 | 发表时间:2011-10-17 09:50 | 作者:程序员 lnsoso
出处:http://www.jobbole.com/blog.php
  注:本文转载自张磊的博客

  一.简介

  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;
  nt 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 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 开发者需要了解的技巧和工具汇总
  10个Web开发设计相关资源博客推荐
  移动应用程序开发工具和平台精选
  C语言之父辞世引发“分号”悼念
  
  --------------------------------------------------

  

相关 [世界 时钟 代码] 推荐:

世界上最短的时钟代码

- lnsoso - 伯乐在线 -博客
  Processing.js作者是John Resig,这是继Jquery之后,他的第二个力作.   Processing.js提供了教学可视化的编程语言及运行环境. 通过编写processing程序,教师可以将复杂的物理、化学、数学原理形象的展示给学生. 比如绘制各种曲线图,波线,粒子,绘制分子结构,当然在生理卫生课上还可以绘制一群小蝌蚪在游泳等动态的图形.

世界上最短的时钟代码!更短的,有木有?

- 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.