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…

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

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

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;有很多步骤在其他的教程文…

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

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

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;…

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了(不要让…

ES6笔记(4)-- Symbol类型

系列文章 -- ES6笔记系列 Symbol是什么&#xff1f;中文意思是标志、记号&#xff0c;顾名思义&#xff0c;它可以用了做记号。 是的&#xff0c;它是一种标记的方法&#xff0c;被ES6引入作为一种新的数据类型&#xff0c;表示独一无二的值。 由此&#xff0c;JS的数据类型多了…

手把手教你如下在Linux下如何写一个C语言代码,编译并运行

文章目录手把手教你如下在Linux下如何写一个C语言代码&#xff0c;编译并运行打开Ubuntu终端创建 helloworld.c编译C文件手把手教你如下在Linux下如何写一个C语言代码&#xff0c;编译并运行 打开Ubuntu终端 我这里的终端是Windows下的WSL&#xff0c;如果有疑问&#xff0c;…

邮件群发工具的编写(二)数据的保存

数据的保存与读取 人类是在不断探索与改进中进步的 上一篇&#xff0c;邮件群发工具的编写&#xff08;一&#xff09;邮件地址提取&#xff0c;我们讲到了邮箱的提取。 那么这一篇&#xff0c;讲一下提取完的邮箱信息的保存和读取。 首先&#xff0c;我希望对上一篇邮箱提取类…

c++ lambda函数_C++11 之 lambda函数的详细使用

1. lambda 函数概述lambda 表达式是一种匿名函数&#xff0c;即没有函数名的函数&#xff1b;该匿名函数是由数学中的λ演算而来的。通常情况下&#xff0c;lambda函数的语法定义为&#xff1a;[capture] (parameters) mutable ->return-type {statement}其中&#xff1a;[c…

pytorch 正向与反向传播的过程 获取模型的梯度(gradient),并绘制梯度的直方图

记录一下怎样pytorch框架下怎样获得模型的梯度 文章目录引入所需要的库一个简单的函数模型梯度获取先定义一个model如下定义两个获取梯度的函数定义一些过程与调用上述函数的方法可视化一下梯度的histogram引入所需要的库 import os import torch import torch.nn as nn impor…

ubuntu升级python_Ubuntu 升级python3为更高版本【已实测】

2020-04-13 更新安装步骤&#xff1a; 1. 先update一下 sudo apt update 2. 安装依赖库 sudo apt-get install zlib1g-dev libbz2-dev libssl-dev libncurses5-dev libsqlite3-dev libreadline-dev tk-dev libgdbm-dev libdb-dev libpcap-dev xz-utils libexpat1-dev liblzma-d…

Framework打包

2019独角兽企业重金招聘Python工程师标准>>> iOS app需要在许多不同的CPU架构下运行&#xff1a; arm7: 在最老的支持iOS7的设备上使用 arm7s: 在iPhone5和5C上使用 arm64: 运行于iPhone5S的64位 ARM 处理器 上 i386: 32位模拟器上使用 x86_64: 64为模拟器上使用…

windows 10 下利用WSL的Linux环境实现vscode C/C++环境的配置

本文主要结合二个工具&#xff0c;介绍如何在windows搭建Linux开发环境&#xff1a; WSL(Windows Subsystem for Linux)VSCode(Visual Studio Code) 文章目录WSL安装VSCode安装配置Linux下的C/C环境1. 打开WSL的控制台2. 更新ubuntu软件3. 安装GCC和GDB4. 配置VSCode(1). 打开…

Windows 11下 WSL使用 jupyter notebook

这里写目录标题前言在WSL下的配置测试运行更优雅的启动方法配置jupyter生成默认配置文件生成秘钥修改配置文件nohup启动前言 一直都使用jupyter notebook&#xff0c;不管做数据分析&#xff0c;还是调试代码&#xff0c;还有写文章都是。但是好像在WSL下又不好使。看了网上有…