有关代码学习的经验分享设计教程

创意编程可以自学吗?据我了解,圈子里真正玩得好的高手,都是从自学开始。自学不仅仅是一种学习形式,其中最关键的,是思维方式的养成。它是可复用,可迭代进化的,并且不仅局限在单一领域。

当初自己为什么选择这种方式呢?不是因为有先见之明,了解自学有这等好处,仅仅是因为没有条件。学校没开设这类课程,身边也没有认识会这个的朋友,也就不得不自学了。

很多人觉得自学的难处之一是,没有氛围,一个人难以坚持。现在有了互联网,情况大不一样了。通过国内外的各种社交媒体,论坛网站,你可以了解到领域里最前沿的人物,他们近期的动向。看过什么,如何思考问题,做了什么练习,产出什么作品,这些信息都可以刺激你。

如果你勤学好问,你甚至可以直接向这些前辈请教。前提是展示你为了获得这个问题做了哪些努力。

所以只要有一台能上网,可翻墙的电脑,你就具备了最基本的自学条件,剩下只是方法的问题。

讲如何学之前,还是先谈谈为什么学。

创意编程。我的个人理解,就是用代码画画。如果你本身就是设计师或插画师。那现在,你仅仅是换了一个图形表达工具而已。

那创意编程能有什么具体的应用价值呢?“有什么用?”,其实不是个好问题。我更喜欢回答,它为什么有趣。

对于一个艺术家来说,一辈子的追求无非就是形成自我风格。你可能穷其一生,最终可以熟练驾驭几种画风。但你却无法做到掌握所有人的绘画风格。

这些都是由于工具的革新所带来的。但人的思维速度再怎么快,也不可能在一秒内创作100张作品。这是人的思维局限,也是传统创作工具的局限。

通过计算机则不一样。你只要了解自己是如何思考,并将这个思考过程用编程语言去描述,计算机就能帮你实现。

要知道,当今最有想象力,最不可思议的事情,都与计算机发生关联。而通过编程,可以将你的想法延伸到更多的地方。

2015年9月,LeonA.Gatys等人基于神经网络的论文就让大家看到了可能性。

当然,还是有人喜欢用画笔去完成这种探索,我更倾向用计算机。在我看来,编程对于图形创作而言,就是个潘多拉魔盒。下面我想讲讲它的打开方式~

自己其实在大学期间就对编程产生过兴趣,也浅尝辄止地了解过一些编程语言,诸如VB,C,后来还包括python,最终都没有坚持下去。

后来总结了一个原因,学习这些编程语言的反馈周期太长了。并且都是从抽象的概念开始讲起,输入输出都是一串数字,相当不直观。

直到我在一年前遇到Processing。发现它简直就是为设计师这种视觉生物所量身定做的。简单的代码,就能写出十分丰富的视觉效果。过往在编程中抽象的概念,这里都会以一种鲜活的视觉形式呈现出来,十分有趣。

之后它一直让我爱不释手。由于反馈直观,每次练习都与画画无疑。所以会持续刺激自己,去用代码进行更多图形上的探索。

Processing的设计理念,是让设计师,艺术家都可以轻松地掌握编程。虽然门槛降低了,不代表它是一门“玩具”语言。毕竟编程语言都许多概念都是相通的,而Processing本身又基于Java,所以此门语言的一些基础编程概念,在其他语言中也一样有。假如以后你想学习一门新语言,你在Processing上打下的基础都能发挥作用。

我自己的所有编程基础的修炼,都是在Processing上完成的。我认为Processing是设计师进入代码世界的首选工具。

值得一提的是,除了上面的链接。Processing自身的范例库做得相当完善,如果本身有代码基础,那几乎只通过范例库,就能学会这门语言了。

除了Processing,里面还提到了另一门创意编程的主流工具叫Openframeworks(简称OF)。它们都是最主流的创意编程工具之一。格式,写法十分相像。OF有它自身强大的地方,比如它是基于C++的,运行效率更高。支持跨平台,代码几乎可以不做任何改动,就能在Windows和MacOS上执行。而且还能开发App。

尽管如此,对于初学者,我还是推荐先从Processing入手,因为它有更丰富的学习资源,更详尽的文档,更友善的社区。这些都是Openframeworks不具备的。

对于外语基础不太好的朋友,Processing最好的一点就是有大量的中文教程,感谢国内这些前辈为推广创意编程所做的努力。

编程和画画一样,是门手艺。光看不练,是学不会的。看教程“看”不是重点,练才是重点。只有通过实打实地敲代码,你的代码能力才可能提高。

以《爱上Processing》一书为例,书中有不少代码示例。但仅仅看上面的实例是不完全不够的,要想真正掌握需要分三步:理解,模仿,重组。

要吃透某个概念,你要首先理解它通过文本所叙述出的概念。接着,再放到程序的语境中去理解它,敲出同样的代码。而要检验自己是否真正理解,你就需要主动去实验。比如修改某个参数,调整某个语句的位置,这代表你有真正去思考,而不是简单地复制命令。

如果你这步已经做到了,不妨对实例进行“默写”,不看示例代码。看自己能否清晰,流畅地将代码写出来,以此检验自己的熟悉程度。

到最后,不要局限于示例本身。你需要重组知识点,这个过程同时是创造的过程。好比你新学了for循环,书中给出的例子都是画线和画圆的。那你应该去思考,如何做些简单的修改,可以做出不同的效果?例如可不可以用arc,triangle,beginShape-endShape这些绘图函数去画。或者利用“i”,给每个图形赋上不同的颜色。

只有走到重组这一步,才会真正成为自己的知识。而无论什么类型的教程,学习无非是这几个过程的循环。

练习也是有技巧的。心理学里面有一个概念叫做“刻意练习”。一万小时理论可能大家都听过。大意是无论做什么,只要坚持一万小时,基本上都可以成为该领域的专家。

有人将刻意练习的内容总结成以下四点:

1.只在“学习区”学习2.把训练内容分成有针对性的小块,对每个小块进行重复练习3.在整个练习过程中,随时能获得有效反馈4.练习时,注意力高度集中

程序本身就能提供即时的反馈。所以第三点并不存在问题。

关键会是第1点,什么是学习区?

要做到有效的练习,就应该在自己所处的学习区进行学习。一旦学会了,就转入下一个难点。

而明白这点,就会减少许多学习上的困惑。

比如你第一天接触编程,刚掌握了print(“Hello,world!”);的写法,这个知识点对你而言就处在学习区,第二天你只要多重复练习,你就会完全熟悉它,它也会从原来的学习区的位置变为舒适区。之后你要做的就不是继续揪着print这类自己完全熟悉的内容,而是去学习新知识。

另一种情形,则是揪着恐慌区的知识不放,这往往是最常见的,也是导致许多人认为编程很难的原因。

如果你能理解,当然最好。但通常下面两种情况会出现得更多。一,里面的代码很多都不认识。二,每句代码都认识,但是不明白彼此之间是如何组织的。

知识的吸收不是一触而就,更不代表你把它完全背下来了,就真正掌握。在我看来,大部分的代码问题都由一个共同原因所导致:基础没打好。当某些函数的用法,代码的组织方式你还没摸索清楚,你这样硬学下来的知识,都是模糊的,碎片化的。

只要明白这点,即使你在程序上遇到一些暂时还无法实现效果,也不会苦恼,不会自惭形秽了。因为随着练习的增多,知识版图的扩大,有很多问题是不言自明的。与其硬啃,在恐慌区揪着那些自己还没法吸收的知识。不如放慢脚步,打好基础。

在“学习区学习”,用过去最通俗的说法,就是“循序渐进”。编程并不难,只要找准自己的学习节奏即可。

知道练习的重要性了,也知道要在学习区练习。那有没有具体的参考指标?

如果以案例作为衡量单位。从零开始的话,把print(“hello,world”)这类也算上。

基本写够500个实例左右,可以算入门了。此时你基本能了解变量,函数,类等等概念。

但如果要达到相对运用自如的程度,就要做到1000+。

这个练习还得处于学习区。就像你写1000个“Hello,world”,编程是不会有进步的(开始的两三个可能会)。但如果你本身善于思考,做东西懂得举一反三。实际练习的数量也会比这个少。所以以数量并不是绝对的指标。

但无论如何,只有足够量的积累,才能做到游刃有余,顺手拈来。如果你脑中的任何想法,都能迅速实现,做到无障碍的表达,后面就能玩得很痛快了,可以更专注于创意本身。

练习不是枯燥的代名词。练习的方向可以很自由。知识点是固定的,但你可以决定如何组织。许多练习只要多想一步,稍加变化,就能成为有趣的作品。

之前看书一般很少做后面的练习题,而是习惯自己给自己出思考题。比如我对“画东西”比较感兴趣,我会思考怎样将学到的新概念往这个方向上靠拢,以此做点不一样的东西。

除此之外,你还可以从自己喜欢的作品去学习。Gif狂人DaveWhyte的很多动图估计大多人都见过,他的作品常常给我带来很多灵感。我们也可以用同样的形式来练习,甚至是模仿。

受他影响,个人有一种记录练习的方式,就是做Gif。只要略微有看点的练习,我都会保存成图片或是导出Gif。这样方便回顾的同时,还可以驱动自己去持续练习。自己从初学到现在,已经积累了100多的动图,从中可以看到自己的学习轨迹。

Test0

Test1

Test32

Test41

Test56

Test106

Test107

对于练习,建议将它们都按类别功能用文件夹归好类,这样练习库也会成为你创作时的素材库。写代码不像绘画,创作一幅作品,你可能每次都必须从白纸开始。Coding则不一样,练习是可复用的。

复用还是一种编程思维,你甚至可以写一些类或者插件,将自己最常用的东西打包起来,以此提高创作效率。

无论是Processing还是Openframeworks,我最先想解决的问题,就是如何更快地制作Gif,毕竟这个功能对自己而言是最常用。虽然有现成的一些插件,但使用起来总要敲很多代码,十分不便。为此我就设计一些方法去简化这个流程,这样就无需重复劳动。(Processing快速制作Gif)

(针对OF,自己也基于ofxGifEncoder重写了一个类,之后会一并开源出来)

刚开始接触CreativeCoding的时候,我产生了一个问题。如果我想写一个函数,如何能从指定坐标A,变化到指定坐标B?这在Flash或是AE之类的软件中很容易实现,但在程序中却需要思考一番。

当时刚学会PVector向量,就想用它去承载坐标点的数据。当验证了想法可行,我就将完成后的代码放在animation的文件夹中,这算完成了一个练习。

直到某天,产生了一个算法的灵感,能够结合之前的代码,制作一个图片转换效果?想到的思路是将前后两张图片的所有像素的灰度进行排序,再进行点对点的映射。没费很大的功夫,就跑出下面的效果了。

Test27

当时实验成功后会很兴奋。一是你通过主动的思考做出了不一样的东西,二是其中的原理居然出乎意料地简单,我觉得这都是代码的魅力所在。后面基于点对点的变换,还延伸出许多练习,其实都基于先前一段最不起眼的代码。

Test97

Test99

另一个相近的例子,是较早前做了一个录制绘画轨迹的练习。直到后来看到这个系列图片。

于是有了将绘制轨迹进行对称的想法。

也催生了一个图形生成器。

所以不要忽视任何的练习,这些练习距离创作并没有那么遥远,稍微打磨下,都可以成为作品。

更多练习

前面用了很多篇幅去强调练习的重要性,但无论你练习的次数多么多,总会遇到你个人无法解决的问题。这时有两种途径,一是向google发问,二是向前辈发问。

除了google之外,如果你在学校有导师。那就不要放过机会,用大量的好问题逼出他的干货。但如果你没有,身边又没有了解这个的朋友,那就需要虚心地向圈内的前辈请教问题,通过各种社交媒体或是论坛网站。另外,向人提问是有技巧的,不要让人觉得你是不愿动脑的伸手党。这篇“提问的智慧”值得一读,不仅局限在编程领域。

除了纸质教程之外。openProcessing对初学者学习来说是首选。代码都是开源的。里面有足够丰富的资源,可以让你去学习。

Coding是这样的,你了解越多,越能挖掘更多的乐趣。如果你是自己自学,而不是有学校课程去驱使你,那坚持的唯一理由,只能靠动力本身了。

动力足够强烈的人,是不会意识到自己需要坚持的,因为整个过程他都乐在其中。但往往是少数,多数人可能会面临动力不足的问题。

学习最忌两种心态。一是妄自菲薄,二是骄傲自大。它们都是阻止你不断进步的因素。不要觉得编程太难,怎么学也赶不上别人。也不要认为自己什么都会了,而放弃持续学习。

学什么工具不重要,用工具创造了什么才重要。正如编出Photoshop的工程师,没有人会比他们更熟悉Ps的各项功能了。但很显然,不代表他们就能用这个工具创作出好作品。

同理,CreativeCoding最终要比拼的不是Code,而是Creative的想法。否则每个Coder都会是CreativeCoding的高手了。设计师学编程的优势,是他自身已经有创作者的思维,并且视觉表达能力不错,再稍微了解代码,就可以做出很不一样的作品。

前面之所以强调代码,是不希望设计师空有想法,而没有落地能力。学习编程除了实现想法之外,可以多一个角度去理解事物更底层的规则,它是能反过来丰富你的想法,而不纯粹是门工具。

所以想法才是最大的驱动力。更鼓励大家围绕一两个具体的想法,用它来串联所学的知识。

自己学习创意编程的动力,源于两个感兴趣的方向,一是从数的角度去剖析图形,用代码用法则去探索图形的更多可能性(万物皆数)。二,是希望用程序,去测量人的思维,以此开发一些训练工具(量化绘画)。

这些想法用传统的软件都是无法做到的,但学习创意编程让我有机会亲自去实现它。

“取乎其上,得乎其中;取乎其中,得乎其下;取乎其下,则无所得矣”。如果你对创作有更高的目标,那绝对是件好事,他会驱使你走得更远。

如果Coding是种武功,那算法就是“内功”。不要疲于学习各种插件,虽然能很快的出一些很炫的效果,这些都是最表面,也最容易学会的。加深自己对算法的理解,学会对图形进行规则的抽象和重设计,这十分重要。

另外,技术并不是创作的最主要瓶颈。我们不要将精力放在学习各样五花八门的技术上。做个比喻,要成为“武林高手”,不是说刀枪剑棍你什么都需要会。你将一种武功练到极致,也同样能打遍天下。代码的创造相当自由,你完全可以将一些常人认为最简单,最普通不过的规则摸透,并且将它玩到极致,这样同样可以走出自己的风格。

技术怎么学都没有尽头的,所以学一点,就尽量做点东西把它运用起来。其实简单的技术,也能做出精彩的作品。就像对有创造力的画家而言,给它一支铅笔就足够了。

相信你现在有足够的信息可以去开始自学了。编程水平的高低,与你在什么学校,学什么专业,跟随哪位老师,看哪本教材没有必然的联系。如果这个能力可以量化,前面的因素充其量决定开头的第一个数字,而自我修炼,则决定这个数字后面跟多少个“0”。

创意编程有它自身独有的魅力。正如当初我去学习它,不是因为它能为我直接带来什么好处,仅仅是觉得有趣而已。希望将来有更多人,能发自内心地喜欢创意编程,用它来创造不一样的东西。

THE END
1.源码搭建详解:构建个性化项目的SEO高效秘籍3. 便于版本控制:源码搭建过程中,源代码的版本管理对于追踪代码变更、协作开发至关重要。 4. 降低维护成本:通过源码搭建,可以更好地理解软件的结构和逻辑,便于后续的维护和升级。 三、源码搭建的流程 源码搭建的流程可以概括为以下几个步骤: 1. 需求分析:明确软件的功能需求和性能指标。 http://www.aigou2019.com/archives/59788
2.成品网站短视频源码搭建免费:轻松打造个人短视频平台的最佳选择在如今互联网飞速发展的时代,短视频已经成为人们日常生活中不可或缺的一部分。无论是分享生活点滴,还是展示个人才艺,短视频都为我们提供了一个便捷的表达平台。如果你也想拥有属于自己的网站,分享短视频内容,如今有了"成品网站短视频源码搭建免费"的机会,让你轻松搭建个人短视频平台。 http://m.481u.com/1ugl/41587.html
3.构建个人网站:源代码全面解析与实战指南简介:个人网站已成为展示自我和推广业务的平台。本文详细介绍了构建个性化网站所需的关键技术,包括HTML基础、CSS样式设计、JavaScript交互、响应式布局、SEO优化、内容管理系统、数据库集成、安全措施、性能优化和浏览器兼容性。同时,为初学者提供了一份完整的个人网站源代码包,旨在通过学习和实践提升网页开发技能,创建独特https://blog.csdn.net/weixin_42186015/article/details/143240915
4.个人网站制作css源代码您好,您查找的“个人网站制作css源代码”问题,目前没有相关的答案,您可以通过下面查看是否有与“个人网站制作css源代码”相关内容!也可以扫描二维码添加微信了解相关内容。 相关前20条内容: 什么是C站_服务器 新闻来源:网络整理 2023-3-9共有:3562浏览 https://www.gzit.cn/theme/2112214.html
5.用html制作个人网站源代码/网站推广的6个方法是什么用html制作个人网站源代码,网站推广的6个方法是什么,网站设计用ps 怎么做,wordpress 迁站,长沙疫情新增轨迹公布,微信公众号网站制作闲言碎语不多讲了,今天的话题是一位朋友提出来的:“老师,百度近期做了这么多调整,SEO的春天来了还是冬天来了http://www.flsr.cn/news/1247905.html
6.网页设计网站制作源代码可免费个人创作网页设计 网站制作 源代码可免费个人创作 刘乐宝 青岛/设计爱好者/4年前/232浏览 版权 可能感兴趣的人 下次默认收起 皆凡人 创作27粉丝8949 绝望松鼠 哈尔滨 | 设计爱好者 创作54粉丝4170 陈出杰作 创作20粉丝11391 chensongchao 创作2粉丝4288 碳碳https://www.zcool.com.cn/work/ZNDMxODA1MzY=.html
7.创意个人网站设计成品源代码,打造独具特色的在线展示平台个人网站设计成品源代码是打造个人品牌的重要工具之一。选择合适的源代码,并结合创意和想象力,打造出与众不同的个人网站,将有助于展示您的个人魅力和专业素养,吸引更多的目标用户,实现个人品牌的成功。 微科技团队主要提供网站设计制作,小程序制作,在线商城,分销商城制作,积分商城的设计,海量行业模板供用户选择,为用户https://www.vikj.cn/hangye/9116.html
8.网页制作代码/源代码网站开发建设网页制作代码/源代码网站开发建设 如果你做了一个网站,但是你拿到的只有后台管理,没有源代码,那么你做的就不是一个独立的网站。而你拿到的只有网站内容的管理权限,如果后续你要进行网站的界面或功能升级,你想要将网站寄放在自己的服务器上,这些都是不允许的。如果你已经有网站了,你需要对源代码网站进行了解下。https://www.bunze.com/hots/1480.html
9.个人企业网站建站系统源码教程资源网站制作,网络服务器及其域名的花费不容易很贵,昂贵便是网站制作和软件开发,一般来说只要是你源代码建网站,都无法避免出设计图,随后审核,明确款式后,交给承包方开展企业网站建设,这方面费用有些网站建设公司是按网页页面收费标准,有的公司是按照设计要点收费标准,总而言之,企业网站设计花费大部分,没有一个预算定额,首https://wpbom.com/5778.html
10.asp个人网站建设设计源代码asp008.pdfasp个人网站建设设计源代码asp008.pdf 24页内容提供方:158***9376 大小:5.33 MB 字数:约2.16万字 发布时间:2022-04-15发布于北京 浏览人气:67 下载次数:仅上传者可见 收藏次数:0 需要金币:*** 金币 (10金币=人民币1元)asp个人网站建设设计源代码asp008.pdf 关闭预览 想预览更多内容,点击免费在https://max.book118.com/html/2022/0413/7142115011004112.shtm
11.独家代理发布html小霸王游戏网站制作,童年经典200款游戏[源代码独家代理发布html小霸王游戏网站制作,童年经典200款游戏[源代码入门教程] 独家代理推出的html网络游戏服务器已经增加到200款游戏,是原有网络游戏的两倍,也可以作为复古时尚和排水方式。直播流量效果很好,或者做复古时尚游戏账号 计算机设备规定:计算机设备规定:网站服https://www.9xhua.com/4573.html
12.最代码最代码 www.zuidaima.com 最全面,最专业的源代码分享网站,近万名用户分享超过数万份高质量的java/jquery/bootstrap/html/css源代码https://www.zuidaima.com/
13.HTML电脑维护网站源代码网站首页的实现,可以作为初学者的小例子,非常适合html初学者 上传者:zhangyanwei1988时间:2013-02-06 政府网站源代码 谢谢合作! 上传者:a410989396时间:2012-08-29 个人网站 源代码 html 个人网站,附带源代码,欢迎大家下载。。。 上传者:nbjon13时间:2011-04-18 OA办公https://www.iteye.com/resource/rj_huoying-3247885
14.如何使用78w78成品网站源码?学会轻松打造个性化网站!成品网站源码是指已经完成制作的网站的代码,可以直接使用或者进行二次开发。在1688网站上,有很多成品网站源码可以免费下载,这些源码可以帮助我们快速搭建网站,节省时间和精力。但是需要注意的是,下载源码后需要进行适当的修改和优化,以适应自己的需求和网站特点。 成品网站w灬源码三叶草下载 w灬源码三叶草是一款基于PHP+https://www.jxis.org/ceping/35851.html
15.蓝色国外域名主机销售源代码(PC+手机站)蓝色的国外域名主机销售源代码(带手机版)是域名主机销售html整站源代码下载是一款蓝色跟灰色搭配的适合服务器销售公司网站Wordpress模板通用型WP模板,适用制作各类型网站。采用WORDPRESS全新内核开发的模板,该模板兼容IE7+、Firefox、Chrome、360浏览器等主流浏览器;页面简洁,后台易管理,WORDPRESS各版本都可以使用。 模板特点https://aiwangxue.com/qita/31586.html
16.搞笑网站源代码静态网站托管华为云帮助中心为你分享云计算行业信息,包含产品介绍、用户指南、开发指南、最佳实践和常见问题等文档,方便快速查找定位问题与能力成长,并提供相关资料和解决方案。本页面关键词:搞笑网站源代码。https://support.huaweicloud.com/topic/721914-4-G
17.网站制作模板源码下载网站制作模板源码下载一站式指南,在当今数字化时代,拥有一个网站是许多企业、个人和组织的必备条件。对于那些希望快速搭建网站但又缺乏编程技能的人来说,网站制作模板源码下载是一个理想的选择。以下是一些受欢迎的网站模板源码下载资源,可以帮助你从零开始搭建网站。 https://www.yunbuluo.net/xueyuan/19370.html
18.ASP.NETCore适用于.NET的开源Web框架NET 在 GitHub 上是开放源代码的,已收到 100,000 次贡献,并已有 3,700 家公司参与。 加入.NET 社区 Azure 上的免费托管 使用Microsoft Azure 可免费获取 10 个 ASP.NET Core 网站。 还可以部署到任何主要云平台、自己的 Linux 或 Windows 服务器,或多个托管提供程序其中之一。 https://asp.net/