游客无体验权限,请先登录。
授权微博登录
授权Github登录
···

趣玩周易

概念解释

在体验“趣玩周易64卦”之前,需要理清几个概念。八卦是指乾、坤、震、艮、离、坎、兑、巽。每一卦用一个形象的符号表示,这个符号叫做卦象。八卦的卦象都由三根爻组成。爻分为阳爻和阴爻。阳爻就像一根完整的树枝,阴爻就像一根树枝被折成两段。

八卦

记忆卦名和卦象的对应关系,可以记住一个口诀:乾三连;坤六断;震仰盂;艮覆碗;离中虚;坎中满;兑上缺;巽下断。细心体会这个口诀的含义,就能从卦名联想到卦象。八卦两两组合,就有了《周易》六十四卦。

趣玩周易64卦中的名词概念解释

《周易》64卦的每一卦都有卦名、卦象、卦辞和爻辞。64个卦名中有8个来自八卦。64卦的每一卦都是由八卦两两组合而来,所以卦象就是两个八卦的组合。在画卦象时,自下而上地画,象征事物发展由低到高、由微而著的过程。

每一根爻都有名字,阳爻称“九”,阴爻称“六”。爻位由下而上,依次命名为初、二、三、四、五、上。阳爻依次称为“初九”、“九二”、“九三”、“九四”、“九五”、“上九”。阴爻依次称为“初六”、“六二”、“六三”、“六四”、“六五”、“上六”。

绘制太极图

“趣玩周易64卦”中的八卦图,不是用 Canvas 的绘图接口画出来的,而是我用 Photoshop 绘制好后导出 PNG 格式图片,再将其渲染在画布上。太极图上有四个圆,一个大圆,套着两个小圆,两个小圆里各自套着一个圆。如下图所示,我把用 Photoshop 绘制太极图的步骤分解。用纯 CSS 样式代码也能画太极图,如果感兴趣可自行检索。沿途风景怡人,阡陌交通,别忘了为什么出发。

Photoshop制作太极图分解步骤

立即在线体验

趣玩周易64卦” 的在线体验入口。在我的个站主页,找到“前端项目技术预研”板块。那里列出了我所有已开放体验权限的独立作品。找到 “趣玩周易64卦的体验入口。我出于方便统计、分析并优化我作品的体验,以及细化个站的用户权限的目的,访客须先登录才能在线体验我的作品。登录入口也在主页,游客可通过“微博账号登录”或“GitHub账号登录”成为个站用户。

陈帅华个站主页趣玩周易64卦试验独立作品入口

回想一下“趣玩周易64卦”的创作之路。我从喜欢听《庄子》中的荒唐离奇故事,再到喜欢《老子》中深奥玄妙的理论,再到从《周易》中追溯国学的源头活水。越是有了一点来之不易的感悟,就越能感受到自己思想和境界的浅薄,就越能认识到持续学习与坚持思辨的重要性。

下图是“趣玩周易64卦”的两个主要界面。左侧的太极图被八卦环绕。乾、坤各自居于太极的极阳和极阴处。关于太极图的旋转方向,和八卦在太极图上的位置,一直是大家争论不休的焦点。我这里暂时采用其中一方的观点。

因为《周易》历史太过久远,口传心授和在各方人力抄写的过程中极易出现偏差和分歧,这种偏差会推着时间的推移被无限放大。再加上帝王的个人意志,以及天灾和人祸,真相在有意或无意间失散,被曲解,或与作者原意完全变了性质。这也是你在体验我的作品时需要注意的。

所以我不解读《周易》,用技术和艺术当作翅膀,让《周易》飞得更远。当世界给你传来一张纸条,结合自己实践,相信值得你相信的内容,质疑值得你质疑的内容,不认死理儿。对与不对只在于适不适合你,因为我们的参考系都不相同。

结语

领会的越深刻,越是难用语言表达这种深刻。只可意会不可言传真不是一句逃避的话。我一时想不出恰当的能描述自己感受的例子。就好像越接近光速的物质,质量就越大,就越难接近光速。追求真理,我们永远在路上,却永远到达不了,因为我们背负的太多太“重”了。

听谁说,《诗经》被前人和今人片面地解读了。把别人的理解当作是自己的理解,或者把我的理解强行灌输给别人,这两种都会抹杀自己、别人和作品本身的进步发展性和丰富多样性。我不打算把“趣玩周易64卦”做成一个像是解读《周易》的作品,而是我要给《周易》插上技术和艺术的翅膀,让他飞得更远,飞到更多人的生活里。

视频加载中...
《趣玩周易》使用指南
雷达扫描动效

基于Airglass.js

我是我的作品

个人简历

一直在路上

心上到路上的“旅行”

待办事项

由原生JS实现的视图组件

项目管理平台

基于Vue.js

甘特图在线编辑

基于Airglass.js

Blender3D模型渲染

基于Three.js渲染

元胞自动机

基于Airglass.js

JS原型链可视化

基于Airglass.js

重构图像在线标注

基于Airglass.js

图像在线标注工具

基于原生Canvas实现

极坐标地图

Canvas缓动动画实验

类星系关系可视化

Canvas交互事件触发

趣玩周易64卦

国学小项目

日程计划组件

基于React.js

家谱可视化

基于Airglass.js

Airglass.js官方API

我的Canvas库使用参考