本博客包含多个文档和书籍的翻译,但有能力者推荐阅读英文原版

【已完结】Learn JavaScript with p5.js中文版

Coding Alan 10个月前 (01-26) 2248次浏览 0个评论

视觉艺术行业或新媒体艺术行业相关人员想必对Processing和p5.js都不会陌生,前者是 Java 的语法结构,后者是 JavaScript 的语法结构。Alan 并不是新媒体艺术的直接从业者,仅在工作中也会部分的接触到。决定翻译这本书其实是非常偶然的,但生活就这样:有意栽花花不开,无心插柳柳成荫。

关于 p5.js 市面上目前只看到两本书:Getting Started with p5.js by Lauren McCarthy, Casey Reas, and Ben Fry和Learn JavaScript with p5.js: Coding for Visual Learners by Engin Arslan,前者出版于2015年,网上已有相关翻译,后者成书于2018年,暂时未有对应的中文版,所以出于学习的目的,我决定尝试翻译全书。

【已完结】Learn JavaScript with p5.js中文版

关于作者

Engin Arslan是一个拥有材料工程理科学士和视觉效果硕士学位的软件工程师。在成为软件工程师之前,他是一名电影和电视节目的视效艺术家和技术总监,他参与的包括但不限于:《生化危机》、《创:战纪》、《庞贝末日》、《维京传奇》和《血族》。他因视觉效果的贡献曾获艾美奖提名并荣获过加拿大银幕奖(Canadian Screen Award)。在做 VFX(视效)的同时,他爱上 Python 和编程。并最终改变了职业,全身心的投入到了软件开发中。Engin 目前就职于一家多伦多的数字服务公司,在那里他通过新兴的技术协助制定战略问题空间(strategic problem spaces)的开发解决方案(译者注:官网显示他目前就职于 Shopify)。他还同时是圣力嘉学院(Seneca College)的一名兼职教授,在Lynda/LinkedIn和Pluralsight都有他的在线课程。

关于本书

本书的首要重点是使用JavaScript和p5.js来学习编程,创建视效则次之。全书聚集于如何编程,这样读者可以在学习了相关技能后可以选择参与到任何喜欢的领域。从本书中获得的技能融汇贯通,可用于创建读者所选的任何项目:可以是网页应用、可编程机器人(programmable robots)或者生成艺术(generative art)。这表示本书会带领读者建立编程的坚实基础。但作者也不会讲述不相关的技术和理论点来消磨读者的学习动力。全书旨在建立代码运行的坚实但又最小化的实用知识,这是一本作者在学习编程希望能够遇到的书。

如果你是一名艺术家或视觉设计师,这本书非常适合你,因为本书中将有与你工作直接相关的示例。如果你不是,这也是本不错的编程图书,视觉方面的练习可以帮助你更容易地掌握编程的基础,并在更短的时间内夯实基础。

本书在各章节中展示了JavaScript和p5.js的各种功能和概念。通过动画和数据可视化案例可以强化这些知识,本书的最终项目是通过全书所学创建一个可部署在线上的游戏。

本书所覆盖的课题有:

第一章 导学:对写代码和编程进行概述

第二章 准备工作:学习JavaScript命令和操作的基础来开启p5.js的学习之旅

第三章 p5.js中的颜色:这一章是针对p5.js的,将学习如何在p5.js中定义颜色,并不适用于常规的JavaScript

第四章 操作符和变量:在p5.js 中使用第二章所学的JavaScript知识

第五章 条件语句和比较运算符:使用条件语句和比较运算符来编写不同条件下的分支程序

第六章 p5.js中的更多变量:本章也是针对p5.js的,将学习针对某些特定库的变量

第七章 循环:学习编写可处理大量运算的循环程序

第八章 函数:函数是JavaScript的基石,我们更深入的学习函数来创建可扩展、模块化的健壮程序

第九章 对象第十章 数组:对象和数组是JavaScript的数据结构,通过它们可以更智能的方式组织代码及处理复杂问题

第十一章 事件:事件处理让我们可以编写处理用户交互的程序

第十二章 p5.js扩展知识:这也是仅针对p5.js的一章,在进入最终的项目前更深入的学习函数库相关功能

第十三章 最终项目:使用全书所学知识创建一款游戏

附录 写在最后

下面就开始我们的学习之旅吧,必须得提前说明 Alan 并非JavaScript大咖,对于新媒体艺术和视效最多也就是一知半解,如有疏漏和错误,敬请指正。

所翻译的内容仅供学习交流,有英文基础的朋友请在Amazon 上购买原版图书支持原作者。

喜欢 (0)
[]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址