Scratch做高逼格的互动艺术作品(一)

最近在郎师兄推荐下初步了解了一下processing互动编程艺术,真是美轮美奂,直接跪了。今天我用Scratch也做了一个互动的小作品,自我感觉挺好(大神勿喷~),跟大家分享下。

一、互动玩法

1.点击鼠标,舞台中众多移动物体会在“聚合”与“发散”两个状态切换;

2.点击鼠标的位置,会逐渐出现装饰文字文字;

3.点击空格键,更换舞台 上活动的角色。

二、界面截图如下

作品截图1

作品截图2

作品截图3

作品截图4

三、代码部分说明

这个案例分为三个元素:舞台、角色和装饰文字,代码分布在这三个元素上。

舞台代码主要用于检测鼠标,按下鼠标,舞台上移动物体在聚散之间切换。“聚”则鼠标跟随,“散”则花落满天。

舞台代码

角色代码部分主要是克隆自身,设置其大小颜色等特效及移动等控制。按下空格键,切换角色造型(本例中用了四个造型,见上面四个截图)。

角色代码

角色内部结构

装饰文字代码主要体现在逐渐显现和隐藏,显示位置由鼠标决定。

文字代码

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏腾讯社交用户体验设计

为什么要用SVG?- svg与iconfont、图片多维度对比

7974
来自专栏天天

css中mask属性实现灯光闪动

在过去,CSS mask属性在使用的时候就是mask: xxx,但是现在随着这个属性的规范化,mask属性实际上已经成为了诸多mask-*的缩写,这和backg...

2283
来自专栏韦弦的偶尔分享

微信小程序展开全文

设置130为临界值,是试了3行基本不超过120rpx,4行基本大于140rpx,取了个中间值

1551
来自专栏施炯的IoT开发专栏

[翻译]Windows Phone 7 Application Controls

前言-关于这段译文 Windows Phone开发的中文资料缺乏,这段译文翻译自《UI Design and Interaction Guide for Win...

1757
来自专栏菜鸟前端工程师

html+css学习笔记013-阿里图标0iframe

1212
来自专栏GIS讲堂

Javascript+CSS实现影像卷帘效果

用过Arcgis的筒子们对于Arcmap里面的一个卷帘效果肯定记忆很深刻,想把它搬到自己的WebGIS系统中去,抱着同样的想法,我也对这种比较炫的卷帘效果做了一...

1012
来自专栏佳爷的后花媛

零碎之viewport

在移动设备上进行网页的重构或开发,首先得搞明白的就是移动设备上的viewport了,只有明白了viewport的概念以及弄清楚了跟viewport有关的meta...

1454
来自专栏Android-JessYan

骚年你的屏幕适配方式该升级了!-今日头条适配方案

原文地址: https://www.jianshu.com/p/55e0fca23b4f

1661
来自专栏向治洪

实用Android 屏幕适配方案分享

实用Android 屏幕适配方案分享 真正可用,并且简单易行,可以在多个屏幕大小和屏幕密度上有良好表现的Android 屏幕适配方案,已用在一款成熟互联网应用...

6027
来自专栏我和未来有约会

CaseStudy(showcase)界面篇-desing设计界面

做silvelight也有一段时间了,相册、游戏,刚刚完成的showcase这个小程序算是一个阶段了。这里就以showcase这个项目来做一下CaseStudy...

1767

扫码关注云+社区

领取腾讯云代金券