融入动画技术的像素交互

这篇博客探讨了如何将动画技术应用于像素交互,基于《代码本色》的教程,设计并实现了多个功能,包括像素跟随、图片向量场和粒子系统。作者通过赋予像素质量、色彩权重等属性,创造出独特的视觉效果。尽管存在交互方式有限的局限性,但预览功能展示了潜在的创新可能,如随机生成的向量场和色彩分层效果。
摘要由CSDN通过智能技术生成

融入动画技术的像素交互

本学期交互媒体设计作业二的要求为:

参考《代码本色》教程,运用不少于3个章节的动画技术,实现一个交互应用,将动画技术充分运用于交互过程中。

1.需求设计联想

Daniel Shiffman教授的《The Nature Of Code》(中文译名《代码本色:用编程模拟自然系统》)介绍了用计算机模拟自然系统涉及的编程策略与技术,涵盖了基本的数学和物理概念,以及可视化地展示模拟结果所需的高级算法。读者将从构建基本的物理引擎开始,一步一步地学习如何创建智能移动的物体和复杂的系统,为进一步探索生成设计奠定基础。相关的知识点包括力、三角、分形、细胞自动机、自组织和遗传算法。本书的示例使用基于Java的开源语言及开发环境Processing编写。本书网站http://www.natureofcode.com)上的示例是在浏览器中通过Processing的JavaScript模式运行的。
作为纽约大学Tisch艺术学院Nature of Code课程主讲老师,Daniel集合了多年开发和教学经验,希望借由此书让大家真正了解如何用代码模拟自然现象。)

1.1 从毫无头绪到灵感来源

笔者在阅读参考书的时候,一直在思索要做一个什么样的交互系统。一开始并没有什么头绪,只好一个一个的去编译,看看有没有什么新鲜点子可以深入探索。看到最后,根据笔者自身的编码能力,拎出了几个可以做东西的实例。
在这里插入图片描述
随机生成向量场,鼠标点击屏幕更改向量场方向,按“空格”显示/隐藏向量场
在这里插入图片描述
圆随鼠标运动
在这里插入图片描述
粒子系统,并添加风力,风的方向随鼠标变换
在这里插入图片描述
随机生成质量大小不一的圆,添加重力

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值