CSSASSCSSASS

三人行必有我师焉,择其善者而从之,其不善者而改之
三人行必有我师焉,择其善者而从之,其不善者而改之
三人行必有我师焉,择其善者而从之,其不善者而改之
三人行必有我师焉,择其善者而从之,其不善者而改之
三人行必有我师焉,择其善者而从之,其不善者而改之

  推荐电影《The Wilderness Downtown》 作者:ONEBOYS    发表时间: 2010年09月27号,星期一     阅读:944 次  

The Wilderness Downtown

导演:Chris Milk

主演:Anybody

出品公司/团体:Google / Arcade Fire

语言:英语

音乐:We Used to Wait

官方网站:http://www.chromeexperiments.com/arcadefire/

电影截图:

电影片段

电影介绍:
这不是一部iMax 3D电影,但交互自定的场景设置,交叉多变的窗口展示,足可让你有一次前所未有的体验。这是一部号称Interactive film 的电影——如果你愿意称它为电影的话。
它的播放,借助于你的浏览器(插播广告:请使用google生产的chrome浏览器,非凡体验,尽在chrome。),这部电影本身其实就是一个Chrome Experiments。
介绍一下所采用的技术:
html5的canvas,video,audio是不可缺少的,然后结合了Google Map和Google Street View,还有其他一些扩展的web技术和传统的电影技术了。

   

  贝塞尔曲线的可视化操作实现——Photoshop钢笔工具的初级模拟 作者:ONEBOYS    发表时间: 2010年09月16号,星期四     阅读:2,420 次  

贝塞尔曲线在数字绘图中有着非常重要的地位,你可能使用过photoshop的钢笔工具,那就是贝塞尔曲线的应用。
在html5的canvas中也得到了实现,即bezierCurveTo函数。
虽然功能不错,但是凭空使用 bezierCurveTo来绘图可不是件方便的事。
他的6个参数:(控制点1的坐标X,控制点1的坐标y,控制点2的坐标x,控制点2的坐标y,终点坐标x,终点坐标y)并不是你一见就能知道最终效果的。
黑客帝国中的那种通过没有数字视频解码器的显示设备,纯粹看代码来监视母体世界的能力,不是一时半会能够修炼的出来的。

下面的demo就提供了这种类似数字解码功能,使得你可以可视化操作曲线。
然后,这还只是个很初级的东西,希望大家支持,我会慢慢完善的。
此demo仅提供了单条贝塞尔曲线的操作,可控的点有四个,暂没有拖动线条的功能。
和那种用HTML5实现整个photoshop功能的项目比起来。这只能算是小小的练习,希望这个练习在不久的未来能够用上。

   

  现实与梦境 作者:ONEBOYS    发表时间: 2010年09月16号,星期四     阅读:1,618 次  

随笔闲聊《黑客帝国》与《盗梦空间》。

现实是什么,可能自己也看不清楚。也许我们也需要一个图腾,才能判断出这个世界是虚妄荒诞的梦境抑或不是。比如Leo(盗梦空间主角的扮演者,代指主角了)的陀螺可以永远转动下去,这就是梦的荒诞表现,依此Leo将决定最终是否要唤醒自己。

唤醒自己,这个问题也曾摆在了Neo(黑客帝国主角,意为’新的’,是’The ONE’的倒写)的面前,Morpheus(黑客帝国人物,意为’睡神’——其实他才是最执迷于梦境人)手上有两粒药丸,蓝色药丸可以抹掉任何对母体世界的怀疑,红色药丸可以在外部定位到要解放的人体于真实世界中的位置。然而相比之下,摆在Leo面前的方式就太残酷了,那就是死亡(注1)。

死亡的残酷,放在梦里面,那也只是个虚像,如果你知道自己身在梦中,死亡也可以等闲置之。但假如说你已经失去了对现实与梦境的判断能力了呢?事实上对于做梦的人,一般是不会去怀疑梦境的真实性的,只是在醒过来后才会发觉出各种的不对劲。怀疑梦境在梦中就是怀疑现实。

怀疑现实,所以Neo选择了红色药丸,找到了真正的现实。同样怀疑现实,Leo的妻子从高楼纵身而下,却永远醒不过来了。

醒来后的Neo历尽了千险,终于到达了母体之源。但造物主(Architect)告诉他,世界并不真实并已毁灭了6次,Neo之前还有5个前任,他们的任务就是带回母体的程序缺陷,以便母体重启再升级,而一切随之毁灭重新开始。毁灭是母体的一种控制方式,他促进了进化,但关乎母体,而不是人类文明,人类的循环延续则成为了人类永无尽头的梦魇。

什么是无尽,当一面镜子正对着另一面镜子,你站在中间,你的投影是无尽的。同样梦的相互衔接,也造就了梦的无尽。置身梦中的人,将迷失在无尽梦之中。在这种迷失域(limbo)中,一瞬等于无穷,虽是一梦,已能将你困尽一生(注2)。

凡心所向,皆是虚妄。假如一生的追求、经历,为了正义的赴汤蹈火,为了爱情的一无反顾,那都只是梦幻泡影,Neo的唤醒只是掉入了更大的虚幻,Leo妻子的永眠是否才会是真正的苏醒呢?不管陀螺最终有没有停下,那都已不重要,图腾的存在只是因为你内心的挣扎,反复的摇摆。 Nolan导演通过电影偷偷的在我们的潜意识中种下了某个东西。Leo认为反面的东西往往起到正面的影响,不知道这种潜在意识会在你以后的人生中会起到反作用,还是反反作用。

——————————-注释附录分割线———————————–

注1:从梦境中醒来的方式有3种:1.梦境外部的坠落刺激(Kick),2. 在梦境之中被杀死,3. 过了设定时间自然醒来。
但是要进入三层以上梦的话,人需要服用强力镇定剂。这样,对于第二种方法,被杀死的后果将会是掉入迷失域(limbo),第一种方法需要的是协同刺激(Synchronize a kick,即梦里梦外同时刺激),而第三种方法,等待醒来——可以排除(请参考注2)。当有人很不幸,掉入了迷失域,那么协同刺激已经不可能(你已经没有梦的上一级,梦已循环无始无终),等待也是无望(一瞬等于永恒),剧情设定唯有死亡一途——注意在迷失域中,人已分不清那是现实还是梦境了。

注2:由于梦中脑细胞的异常活跃,现实的1分钟等于梦中的20分钟,如果梦中做梦,时间还会依次放大。所以现实1小时≈梦一层1天≈梦2层16天≈梦3层1年≈梦4层18年=limbo无尽。

附录:电影的扩展理解,虽说个人有个人看法,但或许你看的还不够深。
26个字母诠释的黑客帝国
Inception 情节逻辑完全解析

   

  MDC的canvas经典教程辑和个人学习笔记 作者:ONEBOYS    发表时间: 2010年09月10号,星期五     阅读:2,292 次  

mozilla developer center的关于canvas的教程集Canvas tutorial,可说是目前入门canvas教程中最棒的了。
教程列表:
Basic usage(中译:基本用法)
Drawing shapes(中译:绘制图形)
Using images(中译:使用图像)
Applying styles and colors(中译:运用样式与颜色)
Transformations(中译:变形)
Compositing(中译:组合)
Basic animations(中译:基本动画)

以下是个人的一点笔记,涵盖了教程中所有知识点。但只适用于个人,存此备忘。
阅读这个条目剩下部分 »

   

  百度UEO基于canvas绘制热力图的演示 作者:ONEBOYS    发表时间: 2010年09月10号,星期五     阅读:1,987 次  

上周,因友介绍读了百度UEO的这篇文章,基于Canvas的热力图绘制方法
canvas对HTML5自身来说,大大扩张了一块版图,对flash来说,也使html5拥有了十足的竞争力。对于未来的RIA开发,canvas很有机会成为首选基石。(据闻已有基于canvas的游戏引擎)

以下核心代码拷贝自baidu UEO原文。做了一点改动,和模拟数据的code,以便可以演示(百度UEO原文不能演示)。
话说人家code为了项目,我code纯为了demo,哈哈。

运行后,别忘了点击屏幕。