首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

谈谈p5js编辑器

小菜的读者中有使用 p5js 进行学习和创作的,私信我想了解下 p5js 除了 Processing 软件的 p5js 模式,还有什么编辑器可以用。 这里小菜就单独开一篇文章来说下这事。...不过如果使用 p5js 的读者想获得好的编辑体验,那还是可以说道说道的。 小菜这里列举下 p5js 可以用到的编辑器。...高校的学生,如果使用 p5js 教学,用这个可能比较多。...p5js Snippets 用来提供代码提示 p5Canvas用来提供画布预览 可以在只有一个 js 文件的情况下,点击 VSCode 下方的 p5Canvas 便可以直接预览。...(当然 p5js Snippets 代码提示插件还是需要安装的) 评分:★★★★★ 结论 以上评分仅是小菜个人使用体验得出的结论,如果和大家的不一致,不要喷哈。 还是那句话,专注于创作本身。

3.3K20

你想把Processing跑在iPhone上?

Processing 是开源的,后面根据不同场景的需要,也诞生了其他语言的版本,比如用于浏览器端的 p5js,用于 Android 系统的 Processing Android,以及 python 语言版本的...p5js 呢? 小菜之前写过一个玩具,开发了一个 demo app,使用系统的浏览器,结合 p5js,将 processing 画布内容运行在了手机 app 中。...使用 p5js 在 iOS 系统上玩转 Processing,不得不面临着一些问题: 1、p5js 需要运行在浏览器上,效率堪忧 2、p5js 如果利用 iOS 的系统特性,如重力加速计、摄像头、AR等等...,需要和原生开发语言如 Objective-C 或者 Swift 进行桥接通信,成本有些大 3、p5js 的一些特性仅适用于桌面浏览器,并不适用于移动端 iOS 上的浏览器。...需要注意的是,每一种移植的版本,如 p5js、Processing Android、Processing Python 或多或少在处理比如文件、视频、音频等都有一些不同。

2K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Android适配全面总结(二)----版本适配

    49fa8ebc0105 转载请标明出处: https://www.jianshu.com/p/49fa8ebc0105 本文出自 AWeiLoveAndroid的博客 ---- 上一篇文章讲了 屏幕适配...http://www.jianshu.com/p/7aa34434ad4d 这一篇文章讲一下 版本适配 https://www.jianshu.com/p/49fa8ebc0105 下一篇文章讲一下...ROM适配 https://www.jianshu.com/p/f9c67a4b908e ?...在我们的开发中,会对不同安卓版本做适配,比如我之前做过的项目中最低兼容到4.4,最高兼容是最新的系统7.1,由于不同版本的系统中部分API版本也不同,我就要对这些API做特殊处理。...2、华为手机的一些特殊处理方式,详情参见 ROM适配 https://www.jianshu.com/p/f9c67a4b908e ---- 六、Android 8.0适配报错:Only fullscreen

    2.4K10

    移动端适配之比例缩放适配

    前面一篇简单介绍了适配的方案(百分比适配),对于百分比的适配也是挺多问题,这次介绍一下viewport适配方案! 适配的思想呢?...此时我们可以将所有的设备的独立设备像素转为375px(ip6的),然后进行渲染适配,在375px上就行布局! 那么这个比例缩放适配存在什么问题呢?...head的子元素 document.head.appendChild(meta) } )()           然后进行去设置,这个宽度和高度相对于之前的百分比适配很好的提升...但是750px的图像等,在原始独立像素大于414的设备可能出现图像失真等问题,后面会详细介绍一下移动端终极适配方案rem适配 本博客所有文章如无特别注明均为原创。...原文地址《移动端适配之比例缩放适配》 分享到:更多 标签: 移动端适配 比例缩放适配

    1.2K30

    设计模式-适配器模式(类适配器、对象适配器、接口适配器详解)

    文章目录 适配器模式 类适配器 对象适配器 接口适配器 总结 适配器模式 适配器模式(Adapter Pattern)将某个类的接口转换成客户端期望的另一个接口表示,主的目的是兼容性,让原本因接口不匹配不能一起工作的两个类可以协同工作...适配器模式主要分为三类:类适配器模式、对象适配器模式、接口适配器模式 工作原理 将一个类的接口转换成另一种接口,让原本接口不兼容的类可以兼容。从用户的角度看不到被适配者,是解耦的/。...用户调用适配器转化出来的目标接口方法,适配器再调用被适配者的相关接口方法,用户收到反馈结果,感觉只是和目标接口交互。...类适配器 顾名思义,通过适配器通过类来实现,以类来继承和实现接口的方式,来获取被适配类的信息并转换输出重写到适配接口。...对象适配器 顾名思义,通过实例对象(构造器传递)来实现适配器,而不是再用继承,其余基本同类适配器。即:持有src类,实现dst类接口,完成src->dst的适配

    2.4K40

    【Android 屏幕适配】屏幕适配基础概念 ④ ( 屏幕适配限定符 | 手机平板电脑设备屏幕适配 )

    文章目录 一、屏幕适配限定符 二、手机/平板电脑设备屏幕适配 平板电脑市场占有率 密度无关像素计算 手机设备限定符 平板设备限定符 参考文档 : 设备兼容性概览 屏幕兼容性概览 支持不同的像素密度 声明受限屏幕支持...一、屏幕适配限定符 ---- Android 系统加载应用资源时 , 会根据当前运行应用的设备的相关属性 , 如 : 屏幕尺寸 / 屏幕像素密度 / 宽高比 / 屏幕方向 等属性 , 加载不同的屏幕适配限定符目录下的资源...\rm 320 < dpi \leq 480 ; xxxhdpi : 超超超高屏幕像素密度 , \rm 480 < dpi \leq 640 ; 屏幕方向限定符 : 一般是用于横竖屏切换时进行适配...屏幕宽高比限定符 : 标准屏幕宽高比为 16:9 ; long : 比标准屏幕要长的屏幕 , 如 20:9 , 21:9 ; notlong : 标准屏幕 ; 二、手机/平板电脑设备屏幕适配...---- 平板电脑市场占有率 Android 平板市场占有率如下 , 大概还是占了 40% 左右 , 因此平板适配还是很重要的 ; 密度无关像素计算 一般情况下 , 平板电脑的布局或图片资源 , 放在

    7.1K20

    Android开发 屏幕适配之像素密度适配

    由于市场上采用Android系统的设备种类繁多,迫使Andriod开发人员不得不做烦人的适配工作。 适配工作包括对安装不同Android版本的设备进行适配,对不同屏幕的设备进行适配等。...而屏幕适配又包括: 屏幕尺寸(small,normal,large,xlarge , 这些在Android 3.2以上版本开始不建议使用,转而使用最小屏幕宽度如 sw600dp,最小宽度,最小高度等)...屏幕方向(port 竖屏,land 横屏) 屏幕像素密度(ldpi,mdpi,hdpi,xhdpi,xxhdpi,xxxhdpi) 本文主要介绍屏幕像素密度适配相关知识。...如何进行像素密度的适配? 首先,Android将mdpi即中密度作为基准线,即以密度160 dpi 作为参考值。...96),hdpi会拉伸大小(64 -> 96) 最后一个ImageView引用的图片@drawable/hdpi_test_2 其大小是72×72,可以看出它的画质最为清晰,这也正体现根据屏幕像素密度适配的重要性

    1.3K10

    设计模式之适配器模式 adapter 适配器模式分类概念角色详解 类适配器 对象适配器 接口适配器 双向适配

    现实世界中的适配器模型 先来看下来几个图片,截图自淘宝 上图为港版的插头与港版的插座 上图为插座适配器卖家的描述图 上图为适配后的结果 现实世界中适配器模式 角色分类...注意:此处说的接口,并不是单纯的指Interface,而是指一切可以提供方法调用的类型,可能是接口也可能是类 客户使用适配器的过程: 客户通过目标接口调用适配器的方法,对适配器发出请求 适配器使用被适配者接口把请求进行处理...适配器分类 适配器三种模式 类适配器    对象适配器接口适配器 想要把一个类的接口转换为客户希望的另外一个接口必须要有输入输出,有目标  有源所以作为一个适配器,必须要 一手拿着被适配者也就是源 ...,那么,被适配者的子类拥有的方法和行为,他并不能拥有,也就是说不能适配适配者的子类 优点,那就是,适配器作为被适配者的子类,自然拥有更多的操作空间,比如重写方法 对象适配器 如同我们上面的例子一样...,如果把被适配者当做一个属性对象放到适配器中,这就是对象适配器 显然,他不要求目标一定是接口, 继承还是实现都可以 同类适配器比较的话,显然,他不能对被适配者 原来的一些方法进行操作

    1.8K30
    领券