自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(8)
  • 收藏
  • 关注

原创 同学作品推荐

FISH&FOOD——代码本色 1601班刘煜茜同学合理的结合了《代码本色》中提到的技术,并将其运用到了这款小游戏的制作中。比如通过随机数让游戏更具有未知性,可玩性更高。游戏动画也十分流畅。 Flowing Paint——感受抽象 1603班孙梦迪通过粒子效果和一些交互操作展现出抽象的概念,对抽象的经典代表作品进行示例展示,让我们更容易理解画作,且极具艺术性。 交互应用 |...

2019-05-30 17:36:51 185

原创 融入动画技术的交互应用

简介 本次我将参考《代码本色》教程,运用其中的动画技术,使用Unity引擎来实现一个交互应用,并将动画技术充分运用于交互过程中。 开发工具 Unity2017.425f1(64-bit) 涉及到的动画技术 1.力 使用unity APi为物体施加力来模拟万有引力 2.细胞自动机 在一张充满方格的map上,每个方格代表一个细胞,可以控制细胞的衰亡和新生规则来产生变化达到模拟细胞生...

2019-04-27 13:41:14 194

翻译 《The Wiley Handbook of Human Computer Interaction 》 中Accessibility章节(690-702页)翻译

无障碍性 介绍和背景 在人机交互学科中,一个重要的实现是人们使用技术的能力各不相同。这种实现随着学科的成熟而增长,但随着用户范围的扩大,它也变得更加重要。过去,计算机数量很少,只有专家才使用,但现在,它们的使用已成为大多数发达国家人民的日常必需品。(事实上,我们将在本章后面看到,上网越来越被视为一项基本人权。)用户能力之间的微小差异必须得到满足——本书的大部分内容都是关于为用户匹配技术的——但...

2019-04-01 11:20:31 304

原创 无障碍交互设计翻译及感想

最近阅读了The Wiley Handbook of Human Computer Interaction这本书,并参与了Accessibility这一章节的翻译,下面是我的理解。 输入        现在我来讲解一些为残疾用户能够无障碍交互而设计的一些技术。书的作者把这些分为了三个板块,分别是输入,输出,网络。 首先是输入设备,其中最常见的就是键盘和鼠...

2019-04-01 10:55:26 541

原创 有趣的绘画系统推荐与《达芬奇的人生密码》观后感

前言 在写完了自己的绘画系统后,发现同学们都写出了非常优秀的作品,这里我向大家推荐几个。另外,观看了《达芬奇的人生密码》后我也有一些思考和感想。 优秀作品推荐 作品一《p5.js之“列阵绘图画板”实现大面积规律性绘制》 采用中心对称的原理,使得该绘画系统创作下的作品展现出一种类似于万花筒的效果。每根线条通过对称的方式产生更多的线条,所有的线条组合成复杂但有规律的图形,极具特色,视觉效果良好...

2019-01-07 19:25:10 356

原创 有趣的绘画系统

简介 本次我继续用码绘的思想来编写了一个绘画系统,此绘画系统将着重于动态和交互,希望呈现与众不同的效果。 编程环境 使用html+js+p5.js编写,所以通过浏览器即可以打开。 功能介绍 UI界面: 基础笔:不添加任何效果,通过touchStarted和touchMoved并且根据鼠标位置创建基础物体圆item 创建item并存储进地图中,便于以后使用,此处的效果和传统的手绘基...

2018-12-28 21:52:07 238

原创 手绘与码绘(二)

编程与手绘的对比 上一篇文章我们简单的进行了编程与手绘的对比,但是仅仅停止在静态的画上,这次我将使用p5.js程序让画动起来! 运行环境 JavaScript+p5.js   手绘 手绘如图:   使用P5.js进行绘制   详情见上一篇文章:https://blog.csdn.net/qq_38972566/article/details/84201062 使用P5.js动...

2018-11-18 15:42:10 286

原创 码绘与手绘(一)

由于大学的课程要求,我将在本文讨论编程与手绘的异同,并用案例来进行对比,下面简单分享一下我的见解。 运行环境 JavaScript+p5.js   手绘一张哆啦A梦的脸 手绘如图: 使用P5.js进行绘制   主要代码: function setup() { var myCanvas=createCanvas(800,600); myCanvas.parent('myC...

2018-11-18 15:37:20 217

空空如也

空空如也

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

TA关注的人

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