自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(6)
  • 问答 (7)
  • 收藏
  • 关注

原创 交互媒体技术应用——2D横版冒险游戏初尝试

2D横版冒险游戏——模拟人生《Just Die》想法背景使用工具参考资料关键技术小球的运动碰撞检测粒子系统优化算法粒子系统的预处理从预处理的粒子系统中获取需要的子系统其他后记附录想法最早是在B站看到一个视频,介绍了一个模拟人生的横版游戏,玩家需要操控游戏中的角色,根据不同的关卡做出不同的举动,来完成他的一生。简单但是很有深意,让我思考了很久,并在心里埋下了这个想法。这是一个就我个人而言代入感...

2019-05-05 19:14:35 412

原创 交互技术前沿学习心得——利用眼动追踪改良广告界面

在上一篇文章中,我分享了一篇来自《The Wiley Handbook of Human Computer Interaction》的文章《Improving Ad Interfaces with Eye Tracking》,该文章介绍了一种新颖的交互技术——利用眼动追踪来提供用户同界面之间的交互。虽然本文中的主要介绍的是眼动追踪在广告界面改良方面的应用,当我对眼动追踪的技术本身更感兴趣,并搜集了...

2019-04-15 10:57:12 1659

翻译 交互技术前沿学习分享——利用眼动追踪改良广告界面

通过之前的学习,我们接触了许许多多的交互方式,并通过p5/processing等初步接触了一些简单的用户交互方式。那么,当下最先进,或者未来有可能实现的交互模式是怎样的呢?今天我就来介绍一篇关于眼动追踪的论文,该论文简单阐释了眼动追踪的原理,以及其在历史和当下实践的情况,以及未来可能应用的方向。该文节选自《The Wiley Handbook of Human Computer Interacti...

2019-04-10 13:11:13 1911

原创 艺工交叉——达芬奇,一个将艺术与工业结合的旷世奇才

达·芬奇是列奥纳多·迪·皮耶罗·达·芬奇 (意大利文原名:Leonardo di ser Piero da Vinci),(1452年4月15日—1519年5月2日),意大利著名画家、科学家,与拉斐尔、米开朗基罗并称意大利文艺复兴三杰,也是整个欧洲文艺复兴时期的代表之一。以上是百度百科中对达芬奇的概括,但我相信,大多数人对达芬奇的印象应该都只停留在画家、《蒙娜丽莎的微笑》、《最后的晚餐》上,却不...

2019-01-12 17:51:49 1135

原创 码绘与手绘——第一次使用p5.js

之前在微博上看到几张动图,是大神用13个圆绘制动物的过程很厉害有木有啊!正巧我最近也在学习使用p5.js,我虽然没有这么厉害的脑洞,但是模仿,应该还是可以的吧!直接上结果代码:function setup() { createCanvas(1000, 1000);}function draw() { background(100); fill(240,255,24...

2018-11-24 18:55:44 628

原创 手绘与码绘————用代码表现出花瓣飞舞的效果

在很多网站上我们都可以看到一些动态的图片,比如水的滴落,风的流动,树的摇曳,花瓣的飘散,等等,比如这样的:这样的:挺唯美的是不是?这些图片是怎么做出来的,笔者也不是很清楚,不过笔者最近正好在学习p5.js,里面的有些技术正好可以实现这种效果,让我们一起来看看吧;其实笔者一开始想做的并不是花瓣,而是雪花,首先通过p5.js,绘制出雪花的一部分: var width;fun...

2018-11-24 18:28:14 2572

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除