融入动画技术的像素交互
本学期交互媒体设计作业二的要求为:
参考《代码本色》教程,运用不少于3个章节的动画技术,实现一个交互应用,将动画技术充分运用于交互过程中。
1.需求设计联想
Daniel Shiffman教授的《The Nature Of Code》(中文译名《代码本色:用编程模拟自然系统》)介绍了用计算机模拟自然系统涉及的编程策略与技术,涵盖了基本的数学和物理概念,以及可视化地展示模拟结果所需的高级算法。读者将从构建基本的物理引擎开始,一步一步地学习如何创建智能移动的物体和复杂的系统,为进一步探索生成设计奠定基础。相关的知识点包括力、三角、分形、细胞自动机、自组织和遗传算法。本书的示例使用基于Java的开源语言及开发环境Processing编写。本书网站http://www.natureofcode.com)上的示例是在浏览器中通过Processing的JavaScript模式运行的。
作为纽约大学Tisch艺术学院Nature of Code课程主讲老师,Daniel集合了多年开发和教学经验,希望借由此书让大家真正了解如何用代码模拟自然现象。)
1.1 从毫无头绪到灵感来源
笔者在阅读参考书的时候,一直在思索要做一个什么样的交互系统。一开始并没有什么头绪,只好一个一个的去编译,看看有没有什么新鲜点子可以深入探索。看到最后,根据笔者自身的编码能力,拎出了几个可以做东西的实例。
随机生成向量场,鼠标点击屏幕更改向量场方向,按“空格”显示/隐藏向量场
圆随鼠标运动
粒子系统,并添加风力,风的方向随鼠标变换
随机生成质量大小不一的圆,添加重力