- 博客(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关注的人