Mac屏保开发之iScreenSaver

大致思路;

1. 主程序使用 macOS 对应 kit 挂一个webview, 输入单文件 html document(html+js+css)
2. 解析对应 document 并 load 到 webview 展示

子程序从本地文件夹 load codepen 相关文件并根据codepen css js 引用规则做解析, 合并为单文件, 复制粘贴到 screen saver 里, load

iScreenSaver - A Screen Saver for Mac OSX 10.8+

一个神奇的的屏幕保护程序，内置了30多种酷炫的屏幕保护。你还可以创建属于自己的屏幕保护！

如何安装iScreenSaver

1. 下载最新的安装包 (名字一般为iScreenSaver.x.xx.saver.zip)
2. 解压文件
3. 双击安装
4. 打开 系统偏好设置 > 桌面与屏幕保护程序 > 屏幕保护程序
5. 选择 “iScreenSaver” (安装完后一般在列表最底部) 然后点击 屏幕保护程序选项 选择你喜欢的屏幕保护程序! 或者，你也可以自己自定义一个！

iScreenSaver支持屏保文件是HTML的 必须js，css，html在同一个文件内 （下面有代码合并工具）

安装Pen简易合成工具（可以不必安装只是个代码合并工具）

1. 下载最新的安装包 (名字一般为CodePenSourceCodeFileMergeTool.dmg)
2. 解压文件并双击
3. 双击：CodePenSourceCodeFileMergeTool.app
4. 安装工具指示操作就可以了

其中的一些屏幕保护程序截图

[Square lightning]

[Sheep]

[Lonely moon]

[Hearts]

[Jellyfish]

[Yellow Square]

[Virus]

[Plankton]

特性

• 自动加载最新的屏幕保护程序: 作者会增加新的屏幕保护程序在推荐列表
• 自定义属于你自己的屏幕保护程序: 如果你有一些酷炫的 HTML / URL / JAVASCRIPT, 你可以把它作为一个屏幕保护程序.

Compatibility

最低支持 Mac OSX 10.8+

FAQ

我不能安装iScreenSaver?

请打开 系统偏好设置 > 安全性与隐私 > 仍然打开.

有一些屏幕保护程序黑屏?

请等待几秒钟，因为程序需要加载一些必要的js文件.

我能找到其他酷炫的屏幕保护程序文件吗?

请进入反馈区 一起讨论, 或者进入CodePen搜索你喜欢的动画

它的原理是什么?

iScreenSaver使用经过深度优化的WebView来加载HTML文件, 高性能并且帧数有保证, 你也不必担心会耗电, 它与平常的保护程序没什么两样.

Community

• 发现Bug? Open an issue. Try to be as specific as possible.
• 想增加一些功能? Open an issue. Tell me why this feature would be useful, and why you and others would want it.

Change log

• May 27th, 2017 - 1.04: 支持本地屏幕保护编辑.
• May 23th, 2017 - 1.03: First release.

License

本项目是协助传播
如果我侵犯了你的合法权益, 请及时联系我!