js高级编程_这位设计师用Processing把创意编程玩到了极致!

v2-8f880b7aa05f339d507c487cf38e5300_b.gif

Processing作为新媒体从业者的必备工具,近来却越来越成为设计师们的新宠!

今天小编将介绍以为用Processing把创意编程玩到极致的设计师Tim Rodenbröker

v2-8a4adb3ce11b62f7babd9e0e019a4e00_b.jpg

“我们的世界正在以惊人的速度变化。新技术为创作带来了根本性的转变。编程是我们这个时代最宝贵的技能之一。而“创意编程”将艺术与新技术两者相结合,一个未被探索的、迷人的宇宙就诞生了。”

- Tim Rodenbröker

v2-e3ba79f69510962d311442c84d1127d1_b.gif

v2-f81cc7c1fda16f238ae826bf63f10696_b.gif
Tim Rodenbröker网站首页
  • 打打代码就能做设计?

作为一个沉迷于编程世界的设计师。Tim Rodenbröker最为大家所熟知的可能是他曾经发起为期一年的“编程海报”项目。

当他在莱茵-瓦尔大学设计学院开展一个创意编程课程时,他在想是否可能使用编程语言创建有趣的图形设计,并生成海报。

于是就有了这些作品.....

v2-803a014a9dcc94e086e1bcfeb7b27fa6_b.gif

v2-fbde5da184b3c22c58aa68c4adce4e0a_b.gif

v2-204ac6fe0f1847f7521e6c126c88faf4_b.gif

v2-b7fcbe345ea9b38b94523ec3c0db49fc_b.jpg
  • 交互网页设计 - THE GRID

The Grid是设计师为纽约时报设计的web应用程序,当用户点击页面上的单词时,将会随机生成一个相关的标题。

v2-d5fb48de14ee25c5bbeb255bc6d46fd7_b.gif

v2-42f2d00ed5c46e2ff703194daabf6f4a_b.gif

v2-a3225432c86756d4cb7fc021866ed2be_b.gif
  • 使用PROCESSING为巴塞罗那CCCB定制设计软件

v2-2fb87f525eed71bcbad3bdad2704865a_b.jpg

v2-264cf9d744bf1de03648d72f14c4b974_b.gif
  • 交互音乐网页设计

这个作品是一种实验性的交互式音乐体验,由Javascript和p5.js编程而做。当你进入这个页面时,随鼠标的运动,图形和音乐都有相应的改变。

v2-0492001ba3b6b61a111a011d6adbe1c9_b.gif

v2-666f61fc150b3060ef5b81e394eec934_b.gif

v2-05fc60c56940563559d72f565931840f_b.gif

v2-dc7a9954c5f25a768731fd7f6b6a0e09_b.gif
  • 自动生成唱片封面?

Tim Rodenbröker还曾为德国明斯特的Tonboutique Records设计了一款“自动生成封面”的软件,仅仅通过改变几个按钮就可以通过改变颜色、图标形状和排版等设计完成一张唱片封面

v2-90acc6d53d1548de26000ffd0e192f49_b.gif

v2-701360145c885fa3a65f8fcc17034b27_b.gif
  • 想在网页上3min做海报?

当然如果你看到这里就在感叹打打代码居然能做到这么多时,那还是太早了!这位设计师还使用p5.js和vue.js设计了一个解放设计师的网站叫P5studio。

v2-aa2a9a418cf1d7b0c3bf5deeda7c3b3f_b.jpg
P5studio页面

页面设计的很简洁,不仅包括近百种高级字体,而且鼠标点点就可以将图片任意变换样式,右边直接下载保存,重点还是操作的便捷性!

3min设计一张海报出来,完全不是梦!接下来就看看大家都用这个网页设计了什么....

v2-1f6caf71a6ce48f6d5048c5d31997474_b.jpg

v2-039e44a27377bea6ba767d15a4c717a7_b.jpg

v2-f0b2a7b0d2b88e0ef1b367699f1fb368_b.jpg

v2-6964271198f0ab3926e78475953d995e_b.jpg

v2-118b855871c4675630e8ae3f70db01a5_b.jpg

以前觉得提到黑科技只能和程序猿联系到一起

没想到设计师懂了编程更是 ➕ !

没想到前沿设计师们都开始拿起书本学编程了

不写了 不写了 下线 88!我也去看网课了

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/260482.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

微软.NET Framework 4.5.2 RTM正式版

今天,微软.NET开发团队发布.NET Framework 4.5.2 RTM正式版。新版框架继续高度兼容现有的.NET Framework 4、4.5、4.5.1等版本,该版本框架与旧版的.NET Framework 3.5 SP1和早期版本采取不同的处理方式,但与.NET Framework 4、4.5相比&#x…

HDU 1042 N!(高精度计算阶乘)

N! Time Limit: 10000/5000 MS (Java/Others) Memory Limit: 65536/32768 K (Java/Others)Total Submission(s): 34687 Accepted Submission(s): 9711 Problem DescriptionGiven an integer N(0 ≤ N ≤ 10000), your task is to calculate N!InputOne N in one line, pr…

使用WebDriver遇到的那些坑

http://blog.csdn.net/oWuFeng1/article/category/2722111 在做web项目的自动化端到端测试时主要使用的是Selenium WebDriver来驱动浏览器。Selenium WebDriver的优点是支持的语言多,支持的浏览器多。主流的浏览器Chrome、Firefox、IE等都支持,手机上的浏…

python的闭包要素_Python的闭包

我的理解,Python中的闭包和其他语言中的闭包一样,都是在一个函数中返回另一个函数。def out_fun(num): print(------1-----) def in_fun(in_num): print(---------2--------) print(in_num%d % in_num) return num in_num print(-------3--------) retu…

Pytorch 自定义激活函数前向与反向传播 Tanh

看完这篇,你基本上可以自定义前向与反向传播,可以自己定义自己的算子 文章目录Tanh公式求导过程优点:缺点:自定义Tanh与Torch定义的比较可视化import matplotlib import matplotlib.pyplot as plt import numpy as np import torc…

multi mysql_mysqld_multi 的使用方法

mysqld_multi 的使用方法:官方文档:https://dev.mysql.com/doc/refman/5.7/en/mysqld-multi.html 【文档有些问题,按照它的这个配置,mysqld_multi无法关闭实例】mysqld_multi无法关闭实例的解决方法:https://bugs.mysql.com/bug…

vsftp 无法启动,500 OOPS: bad bool value in config file for: anonymous_enable

朋友的FTP启动不了,叫我帮他看,启动时出现以下错误信息: 500 OOPS: bad bool value in config file for: anonymous_enable 看似配置文件错误,看了一下配置相应的行: anonymous_enableNO 语句没什么错误,不…

HDU ACM 1181 变形课 (广搜BFS + 动态数组vector)-------第一次使用动态数组vector

http://acm.hdu.edu.cn/showproblem.php?pid1181 题意&#xff1a;给我若干个单词,若单词A的结尾与单词B的开头相同,则表示A能变成B,判断能不能从b开头变成m结尾. 如: big-got-them 第一次使用动态数组vector View Code 1 #include <iostream>2 #include <vector>…

Max Sum 杭电 1003

2019独角兽企业重金招聘Python工程师标准>>> #题目概述 题目的意思是给你一个数列&#xff0c;找到一个子数列&#xff0c;这个子数列的和是所有子数列中和最大的。 当然把数列的所有数都列出来肯定不现实。 黑黑&#xff0c;不知道正不正确&#xff0c;我是先从第一…

shiro反序列化工具_Apache Shiro 1.2.4反序列化漏洞(CVE-2016-4437)源码解析

Apache ShiroApache Shiro是一个功能强大且灵活的开源安全框架,主要功能包括用户认证、授权、会话管理以及加密。在了解该漏洞之前,建议学习下Apache Shiro是怎么使用.debug环境jdk1.8Apache Shiro 1.2.4测试demo本地debug需要以下maven依赖<!-- https://mvnrepository.com/…

window 下的mysql_Windows下MySQL下载安装、配置与使用

用过MySQL之后&#xff0c;不论容量的话&#xff0c;发现比其他两个(sql server 、oracle)好用的多&#xff0c;一下子就喜欢上了。下面给那些还不知道怎么弄的童鞋们写下具体的方法步骤。(我这个写得有点太详细了&#xff0c;甚至有些繁琐&#xff0c;有很多步骤在其他的教程文…

H264视频通过RTMP直播

http://blog.csdn.net/firehood_/article/details/8783589 前面的文章中提到了通过RTSP&#xff08;Real Time Streaming Protocol&#xff09;的方式来实现视频的直播&#xff0c;但RTSP方式的一个弊端是如果需要支持客户端通过网页来访问&#xff0c;就需要在在页面中嵌入一个…

Pytorch 自定义激活函数前向与反向传播 ReLu系列 含优点与缺点

文章目录ReLu公式求导过程优点&#xff1a;缺点&#xff1a;自定义ReLu与Torch定义的比较可视化Leaky ReLu PReLu公式求导过程优点&#xff1a;缺点&#xff1a;自定义LeakyReLu与Torch定义的比较可视化自定义PReLuELU公式求导过程优点缺点自定义LeakyReLu与Torch定义的比较可视…

手势处理

在ios开发中&#xff0c;需用到对于手指的不同操作&#xff0c;以手指点击为例&#xff1a;分为单指单击、单指多击、多指单击、多指多击。对于这些事件进行不同的操作处理&#xff0c;由于使用系统自带的方法通过判断touches不太容易处理&#xff0c;而且会有事件之间的冲突。…

mybatis select count(*) 一直返回0 mysql_Mybatis教程1:MyBatis快速入门

点击上方“Java技术前线”&#xff0c;选择“置顶或者星标”与你一起成长一、Mybatis介绍MyBatis是一个支持普通*SQL*查询&#xff0c;存储过程和高级映射的优秀持久层框架。MyBatis消除了几乎所有的JDBC代码和参数的手工设置以及对结果集的检索封装。MyBatis可以使用简单的XML…

css预处理器sass使用教程(多图预警)

css预处理器赋予了css动态语言的特性&#xff0c;如变量、函数、运算、继承、嵌套等&#xff0c;有助于更好地组织管理样式文件&#xff0c;以及更高效地开发项目。css预处理器可以更方便的维护和管理css代码&#xff0c;让整个网页变得更加灵活可变。对于预处理器&#xff0c;…

mysql 主从优点_MySql主从配置实践及其优势浅谈

1、增加两个MySQL,我将C:\xampp\mysql下的MYSQL复制了一份&#xff0c;放到D:\Mysql2\Mysql5.1修改my.ini(linux下应该是my.cnf)&#xff1a;[client]port 3307[mysqld]port 3307basedirD:/Mysql2/Mysql5.1/mysqldatadirD:/Mysql2/Mysql5.1/mysql/data/之后&#xff0c;再增加…

python 多线程并发编程(生产者、消费者模式),边读图像,边处理图像,处理完后保存图像实现提高处理效率

文章目录需求实现先导入本次需要用到的包一些辅助函数如下函数是得到指定后缀的文件如下的函数一个是读图像&#xff0c;一个是把RGB转成BGR下面是主要的几个处理函数在上面几个函数构建对应的处理函数main函数按顺序执行结果需求 本次的需求是边读图像&#xff0c;边处理图像…

Sharepoint学习笔记—Site Definition系列-- 2、创建Content Type

Sharepoint本身就是一个丰富的大容器&#xff0c;里面存储的所有信息我们可以称其为“内容(Content)”&#xff0c;为了便于管理这些Conent&#xff0c;按照人类的正常逻辑就必然想到的是对此进行“分类”。分类所涉及到的层面又必然包括: 1、分类的标准或特征描述{即&#xf…

arduino byte转string_Java数组转List集合的三驾马车

点击上方 蓝字关注我们来源&#xff1a;blog.csdn.net/x541211190/article/details/79597236前言本文中的代码命名有的可能不太规范&#xff0c;是因为没法排版的问题&#xff0c;小仙已经很努力去解决了&#xff0c;希望各位能多多点赞、分享。好了&#xff0c;不多bb了(不要让…