js高级编程_这位设计师用Processing把创意编程玩到了极致!
![](http://img-02.proxy.5ce.com/view/image?&type=2&guid=43bf7e34-2b30-eb11-8da9-e4434bdf6706&url=https://pic1.zhimg.com/v2-8f880b7aa05f339d507c487cf38e5300_b.gif)
Processing作为新媒体从业者的必备工具,近来却越来越成为设计师们的新宠!
今天小编将介绍以为用Processing把创意编程玩到极致的设计师Tim Rodenbröker。
![](http://img-01.proxy.5ce.com/view/image?&type=2&guid=43bf7e34-2b30-eb11-8da9-e4434bdf6706&url=https://pic1.zhimg.com/v2-8a4adb3ce11b62f7babd9e0e019a4e00_b.jpg)
“我们的世界正在以惊人的速度变化。新技术为创作带来了根本性的转变。编程是我们这个时代最宝贵的技能之一。而“创意编程”将艺术与新技术两者相结合,一个未被探索的、迷人的宇宙就诞生了。”
- Tim Rodenbröker
![](http://img-03.proxy.5ce.com/view/image?&type=2&guid=43bf7e34-2b30-eb11-8da9-e4434bdf6706&url=https://pic2.zhimg.com/v2-e3ba79f69510962d311442c84d1127d1_b.gif)
![](http://img-02.proxy.5ce.com/view/image?&type=2&guid=43bf7e34-2b30-eb11-8da9-e4434bdf6706&url=https://pic3.zhimg.com/v2-f81cc7c1fda16f238ae826bf63f10696_b.gif)
- 打打代码就能做设计?
作为一个沉迷于编程世界的设计师。Tim Rodenbröker最为大家所熟知的可能是他曾经发起为期一年的“编程海报”项目。
当他在莱茵-瓦尔大学设计学院开展一个创意编程课程时,他在想是否可能使用编程语言创建有趣的图形设计,并生成海报。
于是就有了这些作品.....
![](http://img-03.proxy.5ce.com/view/image?&type=2&guid=43bf7e34-2b30-eb11-8da9-e4434bdf6706&url=https://pic3.zhimg.com/v2-803a014a9dcc94e086e1bcfeb7b27fa6_b.gif)
![](http://img-01.proxy.5ce.com/view/image?&type=2&guid=43bf7e34-2b30-eb11-8da9-e4434bdf6706&url=https://pic3.zhimg.com/v2-fbde5da184b3c22c58aa68c4adce4e0a_b.gif)
![](http://img-01.proxy.5ce.com/view/image?&type=2&guid=43bf7e34-2b30-eb11-8da9-e4434bdf6706&url=https://pic1.zhimg.com/v2-204ac6fe0f1847f7521e6c126c88faf4_b.gif)
![](http://img-02.proxy.5ce.com/view/image?&type=2&guid=43bf7e34-2b30-eb11-8da9-e4434bdf6706&url=https://pic1.zhimg.com/v2-b7fcbe345ea9b38b94523ec3c0db49fc_b.jpg)
- 交互网页设计 - THE GRID
The Grid是设计师为纽约时报设计的web应用程序,当用户点击页面上的单词时,将会随机生成一个相关的标题。
![](http://img-01.proxy.5ce.com/view/image?&type=2&guid=43bf7e34-2b30-eb11-8da9-e4434bdf6706&url=https://pic4.zhimg.com/v2-d5fb48de14ee25c5bbeb255bc6d46fd7_b.gif)
![](http://img-01.proxy.5ce.com/view/image?&type=2&guid=43bf7e34-2b30-eb11-8da9-e4434bdf6706&url=https://pic3.zhimg.com/v2-42f2d00ed5c46e2ff703194daabf6f4a_b.gif)
![](http://img-01.proxy.5ce.com/view/image?&type=2&guid=43bf7e34-2b30-eb11-8da9-e4434bdf6706&url=https://pic3.zhimg.com/v2-a3225432c86756d4cb7fc021866ed2be_b.gif)
- 使用PROCESSING为巴塞罗那CCCB定制设计软件
![](http://img-01.proxy.5ce.com/view/image?&type=2&guid=43bf7e34-2b30-eb11-8da9-e4434bdf6706&url=https://pic3.zhimg.com/v2-2fb87f525eed71bcbad3bdad2704865a_b.jpg)
![](http://img-03.proxy.5ce.com/view/image?&type=2&guid=43bf7e34-2b30-eb11-8da9-e4434bdf6706&url=https://pic1.zhimg.com/v2-264cf9d744bf1de03648d72f14c4b974_b.gif)
- 交互音乐网页设计
这个作品是一种实验性的交互式音乐体验,由Javascript和p5.js编程而做。当你进入这个页面时,随鼠标的运动,图形和音乐都有相应的改变。
![](http://img-02.proxy.5ce.com/view/image?&type=2&guid=43bf7e34-2b30-eb11-8da9-e4434bdf6706&url=https://pic2.zhimg.com/v2-0492001ba3b6b61a111a011d6adbe1c9_b.gif)
![](http://img-01.proxy.5ce.com/view/image?&type=2&guid=43bf7e34-2b30-eb11-8da9-e4434bdf6706&url=https://pic1.zhimg.com/v2-666f61fc150b3060ef5b81e394eec934_b.gif)
![](http://img-03.proxy.5ce.com/view/image?&type=2&guid=43bf7e34-2b30-eb11-8da9-e4434bdf6706&url=https://pic4.zhimg.com/v2-05fc60c56940563559d72f565931840f_b.gif)
![](http://img-01.proxy.5ce.com/view/image?&type=2&guid=43bf7e34-2b30-eb11-8da9-e4434bdf6706&url=https://pic2.zhimg.com/v2-dc7a9954c5f25a768731fd7f6b6a0e09_b.gif)
- 自动生成唱片封面?
Tim Rodenbröker还曾为德国明斯特的Tonboutique Records设计了一款“自动生成封面”的软件,仅仅通过改变几个按钮就可以通过改变颜色、图标形状和排版等设计完成一张唱片封面。
![](http://img-02.proxy.5ce.com/view/image?&type=2&guid=43bf7e34-2b30-eb11-8da9-e4434bdf6706&url=https://pic2.zhimg.com/v2-90acc6d53d1548de26000ffd0e192f49_b.gif)
![](http://img-02.proxy.5ce.com/view/image?&type=2&guid=43bf7e34-2b30-eb11-8da9-e4434bdf6706&url=https://pic4.zhimg.com/v2-701360145c885fa3a65f8fcc17034b27_b.gif)
- 想在网页上3min做海报?
当然如果你看到这里就在感叹打打代码居然能做到这么多时,那还是太早了!这位设计师还使用p5.js和vue.js设计了一个解放设计师的网站叫P5studio。
![](http://img-02.proxy.5ce.com/view/image?&type=2&guid=43bf7e34-2b30-eb11-8da9-e4434bdf6706&url=https://pic4.zhimg.com/v2-aa2a9a418cf1d7b0c3bf5deeda7c3b3f_b.jpg)
页面设计的很简洁,不仅包括近百种高级字体,而且鼠标点点就可以将图片任意变换样式,右边直接下载保存,重点还是操作的便捷性!
3min设计一张海报出来,完全不是梦!接下来就看看大家都用这个网页设计了什么....
![](http://img-01.proxy.5ce.com/view/image?&type=2&guid=43bf7e34-2b30-eb11-8da9-e4434bdf6706&url=https://pic1.zhimg.com/v2-1f6caf71a6ce48f6d5048c5d31997474_b.jpg)
![](http://img-02.proxy.5ce.com/view/image?&type=2&guid=43bf7e34-2b30-eb11-8da9-e4434bdf6706&url=https://pic4.zhimg.com/v2-039e44a27377bea6ba767d15a4c717a7_b.jpg)
![](http://img-03.proxy.5ce.com/view/image?&type=2&guid=43bf7e34-2b30-eb11-8da9-e4434bdf6706&url=https://pic1.zhimg.com/v2-f0b2a7b0d2b88e0ef1b367699f1fb368_b.jpg)
![](http://img-03.proxy.5ce.com/view/image?&type=2&guid=43bf7e34-2b30-eb11-8da9-e4434bdf6706&url=https://pic3.zhimg.com/v2-6964271198f0ab3926e78475953d995e_b.jpg)
![](http://img-03.proxy.5ce.com/view/image?&type=2&guid=43bf7e34-2b30-eb11-8da9-e4434bdf6706&url=https://pic2.zhimg.com/v2-118b855871c4675630e8ae3f70db01a5_b.jpg)
以前觉得提到黑科技只能和程序猿联系到一起
没想到设计师懂了编程更是 ➕ !
没想到前沿设计师们都开始拿起书本学编程了
不写了 不写了 下线 88!我也去看网课了
js高级编程_这位设计师用Processing把创意编程玩到了极致!相关推荐
- python创意编程比赛-报名了!2019年全国青少年创意编程与智能设计大赛报名开始了...
原标题:报名了!2019年全国青少年创意编程与智能设计大赛报名开始了 本文首发于微信公众号逻得岛编程 激动人心的时刻来了,2019年全国青少年创意编程与智能设计大赛开始报名了! 那么问题来了,全国青少 ...
- python创意编程比赛-关于举办2019年青岛市青少年创意编程与智能设计大赛的通知...
原标题:关于举办2019年青岛市青少年创意编程与智能设计大赛的通知 根据青岛市科协.教育局<关于开展2019年青岛市青少年科学教育系列活动的通知>(青科协字[2019]20号)文件相关要求 ...
- java8 函数式编程_您必须学习Java 8的函数式编程吗?
java8 函数式编程 我最近一直在研究Java 8,并掌握了Manning出版的" Java 8 In Action" . 让我印象深刻的第一件事是Java 8独特的销售主张是函 ...
- python青少年编程比赛_第十一届蓝桥杯大赛青少年创意编程组比赛细则
蓝桥杯大赛组委会官网在2019/10/12号发布了关于举办第十一届蓝桥杯大赛青少年创意编程组比赛的通知,详情如下: 蓝桥杯全国软件和信息技术专业人才大赛组委会 蓝桥杯组委会字[2019]57号 关于举 ...
- 负基础学python编程_【数据科学系统学习】Python # 编程基础[二]
在上一篇中我们讲到了函数,如果你想在所编写的别的程序中重用一些函数的话,应该怎么办?正如你可能想象到的那样,答案是模块(Modules).我们这一篇就从模块说起. 模块 为了编写可维护的代码,我们把很 ...
- 中学编程_您可以从30岁的第一次编程采访中学到什么
中学编程 by Sean Choi 通过蔡恩 您可以从30岁的第一次编程采访中学到什么 (What you can learn from a 30-year-old's first coding in ...
- 趣学python教孩子学编程_《趣学Python——教孩子学编程》学习笔记第1-3章
第1章 Python不是大蟒蛇 1.1 关于计算机语言 计算机程序是一组让计算机执行某种动作的指令.软件就是计算机程序的集合. 一种编程语言就是一种特定的与计算机交谈的方式,这种方式使用计算机和人都能 ...
- win10iot 编程_使用DIY Blynk板对IoT按钮进行编程
win10iot 编程 在上一篇文章中 ,我介绍了如何使用基于ESP8266的微控制器设置DIY Blynk板. Blynk是开始创建物联网项目的简便方法. 它不受任何特定板的约束,因此您可以使用该平 ...
- 安川机器人焊管子编程_“例解+图解”安川机器人的典型编程案例!
原标题:"例解+图解"安川机器人的典型编程案例! 中国制造业面临着向高端转变.承接国际先进制造.参与国际分工的巨大挑战,加快工业机器人技术的研究.开发与应用是抓住这个历史机遇的主要 ...
最新文章
- DG1062可编程信号源
- 基于MDA的移动应用开发建模及实现
- ElasticSearch的优点
- web前端培训:JQuery实现键盘打字游戏
- 两种方法身份证读卡器对接,实现扫描身份证读取身份证信息功能。
- 【毕设狗】【单片机毕业设计】基于单片机的红外遥控器-实物设计
- 【网络协议】IPV4协议介绍
- 打印网页中的指定内容
- R语言解决安装rgl包问题:ERROR: compilation failed for package ‘rgl‘
- LaTex编辑器编辑公式
- django问题研讨:由master=true引发的奇怪现象
- macw资讯——妙控键盘与智能键盘:哪个适合您的 iPad?
- 谷歌高级架构师十年心血终成Kubernetes微服务实战文档
- Web 3D集成开发环境【nunuStudio中文版】
- e城e家携新奥智慧共创美丽枣庄
- 直线内插法的图怎么用计算机画,直线内插法(设计费).pdf
- 利用chrome浏览器的F12功能提取网页中的视频、音乐
- 学术会议参会经验分享上(参会前的准备工作)
- macOS端React的项目WebPack热更新(HMR)失效问题分析及解决,原因竟是Windows文件系统不区分大小写导致
- 云南计算机专修学校附中,2015昆明最强高中排行榜出炉 师大附中拿下第一