We ❤ P5js, we decided to throw our full support on P5js in the future and drop support on Processingjs.

不久前,OpenProcessing 已宣布弃用 Processingjs,而选择全面支持 P5.js。于是乎,他们将后台里超过 100,000 个用 Java 创建的 sketch 移植到了 Javascript。换句话说,OpenProcessing 今后并不再待见 Java。

嗯~ o( ̄▽ ̄)o,实话来说,浏览器对于 Javascript 支持度甩开了 Java 不知几何。弃用 Processing.js,不得不说是 OpenProcessing 的一大提升,不论是对网站本身,抑或是运行性能。

而作为 P5.js 的小白玩家,可能经常会遇到将 Processing 移植到 P5.js 的情况。可这也许并不那么复杂,几次替换也许就能解决你的难题。【更详细的解决方法】,更多精彩和合作,欢迎关注微信公众号:Hewes。

简单的语法更改如下:

  • 创建函数,请使用 function 代替 void;
  • 创建变量,请使用 let 或 var 代替 int、float、String 等;
  • 创建数组,请使用 let myArray = [] 而不是 ArrayLists 对象;
  • 确保你使用正确的函数名,详情查询 如 createCanvas() 代替 size();
  • 使用 preload() 加载文件,以便浏览器可以在执行草图前将其缓存,代码示例如下:
function preload() { img = loadImage('image.jpg');
}


Daily Pattern #021 by Namika Hamasaki

Processing “迁” p5.js【秒懂小白篇】相关推荐

  1. p5.js 和 Processing 的恩怨情仇

    序卷 p5.j​​s 看起来与 Processing 非常相似,但有一些变化: 因为 size() 已经被 createCanvas() 代替,所以我们的草图不仅仅是画布,还能创建其他元素. fram ...

  2. P5.js 实现交互式动态绘画

    p5.js 实现交互式动态绘画 1.关于交互式绘画的思考 2.选定题目 3.内容展示 4.代码分析 (1).按钮的实现 (2).笔刷(画笔) (3).动作 5.总结 6.参考文献 1.关于交互式绘画的 ...

  3. Processing.js vs P5.js –有什么区别?

    几天前, P5.js被释放了. 这是一个遵循处理原则的用于可视化编程的JavaScript库. 根据这篇文章 : 处理是一种环境/编程语言,旨在使视觉交互式应用程序非常易于编写. 它可以用于从教孩子如 ...

  4. 雪梨小白的“码绘”起步——p5.js实现心形动态图形的绘制

    作为一个快乐的程序媛,尤其还是一个快乐的树莓程序媛,当然应该什么都会!所以这学期学院开了很多偏艺术类的课程让我们学习,然后就开始了互动媒体这门课的学习.这一次的作业要利用p5绘制动态图形,我自己还真的 ...

  5. 用P5 JS绘制二维动画场景——静态篇

    绘画 根据wiki百科的定义,绘画是在技术层面上,是一个以表面作为支撑面,再在其之上加上颜色的行为,那些表面可以是纸张.油画布.木材.玻璃.漆器或混凝土等,加颜色的工具可以是画笔.也可以是刀.海绵或是 ...

  6. 使用processing编译器写p5.js代码

    1.打开processing编译器,点击右上角Jav的下拉小箭头 2.选择添加模式进入如下界面,在上方菜单栏选择Modes,在屏幕中选P5.js一项,点击右下角installed.3.安装完成后返回, ...

  7. 用P5 JS绘制动态绚丽烟花——动态篇

    上一节我们探究了绘制静态图像手绘与码绘的差异,但是万事万物,变化万千,有很多东西仅仅用静态是无法描述的. 正如恩格斯所言:"整个自然界,从最小的东西到最大的东西,从沙粒到太阳,从原生生物到人 ...

  8. 雪梨小白的“码绘”日常——p5.js自画像来喽!

    这次需要完成互动媒体课程的第二项作业--利用p5.js绘制一幅表现自我的自画像,(雪梨是谁啊,那可是艺工交融的代表,骄傲的抬起快要睁不开的眼-),用三个字,那就是!!!我可以!!!(来啦!) 我觉得码 ...

  9. p5.js 光速入门中文教程

    本文简介 点赞 + 关注 + 收藏 = 学会了 本文的目标是和各位工友一起有序的快速上手 p5.js ,会讲解 p5.js 的基础用法. 本文会涉及到的内容包括: 项目搭建 p5.js 基础2D图形 ...

最新文章

  1. WebSphere概要文件类型
  2. 霍尼韦尔epks 操作 组态 维护 使用 硬件 手册_标准四合一气体检测仪霍尼韦尔MiniMAX X4...
  3. 关于Hive sql里面的分组函数
  4. 性能测试工具_磁盘性能测试工具fio
  5. 【代码笔记】Web-CSS-CSS 链接(link)
  6. CMS之promotion failedconcurrent mode failure
  7. 网页制作代码模板_科普:关于网页设计的4个基础小知识
  8. linux 端口qos,linux的qos机制 - cgroup篇 (2)
  9. Leetcode每日一题:57.insert-interval(插入区间)
  10. HTML解决div里面img的缝隙问题
  11. Hive中数据的导入与导出
  12. 黑马程序员_毕向东_Java基础视频教程第01天
  13. JavaScript常见的六种继承方式
  14. 灭霸一个响指,开源众包出现在开源中国的社区APP里,一键接单从此无忧。
  15. RC / RL并联电路计算
  16. bundle包是什么意思_bundle与package区别与联系
  17. PHP开发B2C商城 微信小程序商城系统源码+数据库,轻量级前后端分离的电商系统,支持微信小程序 + H5+ 公众号 + APP
  18. 大数据处理的基本思路
  19. Unity 实现圆圈调节
  20. 【经典蓝牙】蓝牙AVRCP协议分析

热门文章

  1. oracle 触发器统计本表数据库,Oracle触发器查询统计本表
  2. 【网络安全】php源代码保护——PHP加密方案分析解密还原
  3. python语言特点第三方库丰富_python语言的特点是什么?
  4. 关于Y7000电量显示0充不进电的解决方案
  5. Android编译时出现Unable to execute dex: Multiple dex files define Lcom...
  6. SpringMVC接收Get请求参数
  7. 【开箱即用】VirtualBox Ubuntu20.04.6、22.04.2虚拟机下载
  8. 自己最近做的一个关于自动进入飞行模式的经验分享
  9. 大赛报名 | 第八届“梦想中国·智汇嘉善”创新创业大赛项目征集
  10. 线上展厅vr展厅设计方法 广州商迪