【Adobe CEP 扩展开发】Playful Palette 调色板

最新推荐文章于 2024-05-16 09:37:07 发布
最新推荐文章于 2024-05-16 09:37:07 发布
阅读量1.2k 收藏 1
点赞数
分类专栏： 语言/框架/引擎
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/birdy_/article/details/80713641
版权
该博客介绍了基于Adobe CEP扩展开发的一个调色板Demo，实现了Siggraph 17论文中的水滴融合交互方式。文章详细阐述了事件和交互、球的信息同步以及绘制过程中的三个关键步骤，并分享了遇到的挑战和解决方案，如在JavaScript和ExtendScript之间传递数据、处理透明度问题等。最后，作者提到了未来改进的方向。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

写的这个demo是想要实现Siggraph 17的一篇论文
原文地址如下
https://dl.acm.org/citation.cfm?doid=3072959.3073690

代码链接
https://github.com/Birdy-C/HCI_ColorMixer

demo

src="https://www.youtube.com/embed/DReQe-e84sw" allowfullscreen="" width="560" height="315">

B站链接https://www.bilibili.com/video/av31583427/

关于论文

这个论文其实还是比较简单的啦（我不过我只看了和写的部分有关的内容）
主要部分一个是水滴融合，一个是提出了新的交互方式（的样子）。（为什么不是一篇HCI论文而是一篇图形学论文）
因为原文是在Pad上的一个软件，所以相对而言交互会方便很多。

所以交互方式就只能用鼠标点击了——

关于水滴融合，其实我的理解就是
这里写图片描述</

最低0.47元/天 解锁文章
【CEP 扩展开发三】Debug
qq_39523606的博客
08-14 368
通过第二篇的教程我们已经可以初步上手开发 CEP 插件了。实际的开发工作中，随着业务的增多和复杂度的加深，单凭人肉代码来定位和修复 bug 会变得越来越困难。这时候，debug 工具就显得尤为强大和高效了。由于 CEP 架构的特殊性，本篇将会按照不同的环境分别讲述对应的 debug 方法。 浏览器环境代码 debug 由于 CEP 的浏览器环境代码下可以混编 nodejs 代码，因此浏览器 v...
【CEP 扩展开发一】简介
小陈的博客
05-11 1840
写作目的 Adobe 毫无疑问是设计软件行业的垄断级巨头，旗下的 PS，AE 等都是搞设计和自媒体的必装软件。有很多小公司的产品其实本质上是依赖这些设计软件生存的，例如开发 AE 特效插件的公司，例如使用 PS 开发海报模板的我司。 其实 CEP 扩展的开发生态是相当的恶劣，中文资料不能说少，简直可以说是没有，质量不错的一只手可以数得过来。国外的资料相对多一点，但还是很少，主要还是以论坛，github 仓库, stackoverflow 提问的形式散落在各处，大多数文章的内容也很浅。 笔者将近一年时间的主要
Adobe CEP 扩展开发教程 「 0 」
nmg10的博客
12-16 2116
PhotoShop等Adobe CC（和以前的CS）系列工具的扩展插件开发在国内一直很是边缘的领域，相关中文资料少的可怜。 所以我在断断续续在简书上写了关于CEP扩展开发的教程：《零基础的PhotoShop CEP 6开发教程》， 由于没有很好的规划写的很零散，而在简书上没有目录功能，文章写长了不便于阅读，加之CEP更新到了6.1有了些新内容，所以我将把些篇教程整理后写在这里作为《Adobe CEP扩展开发教程 》，而《零基础的PhotoShop CEP 6开发教程》还会继续写...
Adobe CEP 扩展开发教程 「 1 」
nmg10的博客
12-16 3212
本篇会从配置CEP的开发环境开始讲解如何从零开始构建一个CEP扩展，还有关于扩展调试的方法。 配置开发环境 常情况下宿主应用是不会运行未经签名扩展的，只有打包并签名才可以运行，这样我们就没法即时测试开发的扩展了，所以在开始之前，我们要打开开发者模式，来忽略签名检查： Windows 打开到注册表，然后找到如下位置：（运行->regedit）： 添加字符串值项PlayerDebugMode，将值设置为1 这里提供2个.reg文件（针对CSXS.6，也就是CC201...
adobe pr cep插件开发，进来学习
小小白
03-10 722
脑洞：用sql+素材打标实现剪辑自动化，你们说可能吗？
【CEP 扩展开发二】Hello World
qq_39523606的博客
08-07 938
本文是 CEP 扩展开发系列教程的第二篇，通过手把手实现一个 Hello World 级别的插件来初步掌握 CEP 插件的配置和开发。 CEP 扩展本身是跨系统(Windows，MacOS)平台的，但是不同宿主环境(Photoshop，AfterEffects 等)的 jsx 解释器(或者说 engine)的技术实现有些许差异。注入的 API 那更是完全不一样，毕竟不同宿主的文档模型和工具能力差...
【Creative Cloud Extension SDK】CEP入门笔记
Birdcage
06-16 758
https://www.adobe.com/devnet/photoshop/scripting.html https://helpx.adobe.com/photoshop/kb/downloadable-plugins-and-content.html 可以下载ScriptListener.8li来确定所有的动作 也在这个界面中有介绍 非常的有意思，这个插件会记录下工作，会记录在桌面上...
phtoshop CEP扩展 读取xls文件内容
cyj51060的专栏
06-12 1251
思路：1、cep直接读取xls文件，但cep扩展本身和浏览器类似，所以直接读取本地文件，会有一个浏览器的安全问题要绕过去，就直接用ps自带的读取xls文件（为什么一定要读取xls文件，而不是），以获取到xls文件的 ...
AE（ 脚本 ，效果 ，扩展 ，素材） 的安装及使用
宝码香车的博客
01-22 2856
AE（脚本 ，效果 ，扩展 ，素材） 的安装及使用
createHtml:CEP插件，用于快速将psd输出为html+css+img
05-12
createHtml(com.adobe.myCreateHtml) CEP插件，用于快速将psd输出为html+css+img CEP 概述： CEP 即是 Common Extensibility Platform：通用扩展平台， CEP 上运行的实际上一个可以与宿主程序（调用这个扩展的程序，比如 Photoshop）进行交互 Web APP， 它的界面是由 HTML5 网页构成，通过 JavaScript 调用 ExtendScript 与宿主交互（如操作图层），通过 Node.js 与本地操作系统交互(如读写文件、调用本地程序) CEP 开发，需要了解以下： --HTML + CSS + JS 的网页开发基础概念 --ExtendScript 的相关概念 --对要开发的宿主应用（如 PhotoShop）的了解 CEP插件开发教程参考: 【h
Adobe Illustrator CEP插件开发入门指南
胤祥矢量商铺的博客
02-03 2421
总结起来，开发Adobe Illustrator CEP插件是一项融合前端技术和Adobe产品特性的创新实践，它能够极大地提升工作效率，丰富设计师的工作流，并且随着Adobe不断更新和完善CEP平台，插件开发的前景将持续向好。4. 打包与签名•完成开发后，需要将插件打包成符合CEP规范的ZXP格式，并使用Adobe提供的工具进行数字签名，以便在其他用户的Illustrator中安装和运行。1. 创建UI•使用HTML和CSS设计你的插件用户界面，它可以是一个简单的面板，也可以是包含复杂交互元素的窗口。
Adobe Illustrator CEP插件开发系列（1）——开发环境配置
HouGISer的博客
06-29 7320
文章目录背景CEP简介开发环境Adobe CC Extension Builder 1.0.0其他可选插件Adobe Illustrator CC 2014-2018参考资料 背景 由于项目需求，需要开发Adobe Illustrator的有关功能插件。最初查找到的解决方案是Adobe提供的SDK进行C++开发，SDK的官方文档提供了四部分pdf，如下： getting-started-guid...
探索Adobe CEP扩展的无限可能 —— 样例库全解析
最新发布
gitblog_00046的博客
05-16 560
探索Adobe CEP扩展的无限可能 —— 样例库全解析 SamplesCode samples for CEP extensions项目地址:https://gitcode.com/gh_mirrors/samples/Samples 项目介绍 在开发Adobe Creative Cloud扩展的世界中，有一个宝藏般的资源——Sample Extensions。这是一个由Adobe官方维护的G...
Adobe-Premiere-CEP 扩展 入门-视频剪辑-去气口插件-Silence Remover
大话程序员
05-04 1051
短视频，这两年比较火，不要再问为什么用Premiere，非常难用，为什么不用某影，某些国内软件非常接地气简单，又例如某音资深的视频短编辑就很好用了。。。Premiere二次开发调试难，不如自己搞个console输出，简单明了。。。有兴趣的可以去淘宝搜索一下，个人开发的 Silence Remover中文版本下面继续说代码。
Adobe CEP插件面板结构
emptykid的博客
10-07 1162
这篇文章发布在个人博客https://blog.cutterman.cn/，推荐去官网查看。 前言 原计划这篇文章要写开发工具和调试环境的，但是后来发现如果不先介绍CEP面板的基本结构的话，会对调试环境的配置的理解有障碍，于是本篇文章介绍一下CEP插件的基本分层结构和文件目录结构。 分层结构 CEP的全称是Common Extensibility Platform，是Adobe在CC2014版本一起推出的扩展开发平台，在CC2014及以前，相对应的面板插件开发，是基于Flash开发平台.
Adobe Illustrator CEP插件开发系列（3）——插件文件结构说明
HouGISer的博客
06-30 3368
文章目录前情提要文件结构树manifest.xml写法 前情提要 本文主要涉及CEP扩展文件夹的结构，以及文件详细说明。 文件结构树 我在第一章就提过CEP扩展文件的结构，不是固定的，但是有必须的部分。在官网中提供的样例结构如下： 其实是一种不错的文件结构，很清晰。分为三部分，CSXS、client和host。 CSXS是核心部分，里面的manifest.xml是整个CEP扩展的配置文件⭐️。...
Adobe ExtendScript笔记1
weixin_33709219的博客
10-18 418
1.打开文档 varfileRef=File("E:\\test\\P1.psd")vardocRef=app.open(fileRef) 或 varfileRef=File("E:/test/P1.psd")vardocRef=app.open(fileRef) 转载于:https://blog.51cto.com/xcf007/40...
Adobe Illustrator CEP插件开发系列（2）——设置调试环境
HouGISer的博客
06-29 3045
文章目录背景调试配置允许Adobe应用调试未签名的CEP扩展修改注册表.debug文件调试日志参考资料 背景 上一章讲到CEP扩展的开发环境，这一章讲下如何调试CEP扩展。调试是开发很重要的一环，如果不能调试，那么很难找出bug。由于CEP扩展是基于前端语言编写的，因此，调试信息可以在Chrome中显示。本章内容主要涉及调试的配置以及步骤。 调试配置 允许Adobe应用调试未签名的CEP扩展 在开...
Adobe CEP扩展开发工具：adobe-cep-template快速入门
通过CEP框架，开发者可以利用HTML、CSS和JavaScript等Web技术开发扩展程序，从而增强Adobe软件的功能和用户体验。 标题“adobe-cep-template:创建Adobe CEP扩展样板的工具”说明了该工具是专门用于生成Adobe CEP...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值