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

谈谈p5js编辑器

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

3.2K20

你想把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 或多或少在处理比如文件、视频、音频等都有一些不同。

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

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.3K10

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

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

1.2K30

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

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

6.9K20

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

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

78730

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.2K10

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

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

1.7K30

android刘海屏适配(刘海屏或圆角适配)

为保障用户的使用体验,应用市场已在3月启动Android P版本应用适配检测工作, 针对未做适配的应用开发者陆续进行邮件通知。...这样就导致我们不得不去适配安卓P了。 在收到邮件后,查阅谷歌官方的资料,更新SDK。其中UI最大的改变就是需要适配刘海屏。...我另外又同时为大家准备了另外一个适配场景,其中做了适配和没有做适配的页面如下图: 想必大家从以上2个场景中也能总结出刘海屏的适配规则了: 就是界面的重要元素(例如按钮)不能被状态栏遮挡,需要充分的利用状态栏的显示区域...这个也是根据场景而定,如果你的界面最顶部元素不需要侵入状态栏,那就只需要关注设置了全屏样式的activity的适配。否则你还得继续做一部分适配工作。...另外附上厂商提供的适配方案: 华为官方适配方案:http://mini.eastday.com/bdmip/180411011257629.html oppo官方适配方案:https://open.oppomobile.com

1.8K10
领券