webwallgl 1.0.0-beta1 → 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.en.md +11 -8
- package/README.md +11 -8
- package/package.json +7 -1
- package/webwallgl.global.js +949 -117
- package/webwallgl.global.js.map +1 -1
- package/webwallgl.global.min.js +48 -36
- package/webwallgl.global.min.js.map +1 -1
- package/webwallgl.min.mjs +48 -36
- package/webwallgl.min.mjs.map +1 -1
- package/webwallgl.mjs +949 -117
- package/webwallgl.mjs.map +1 -1
package/README.en.md
CHANGED
|
@@ -4,9 +4,12 @@
|
|
|
4
4
|
|
|
5
5
|
## Introduction
|
|
6
6
|
|
|
7
|
-
WebWallGL is a browser-side renderer for Wallpaper Engine "scene"
|
|
7
|
+
WebWallGL is a browser-side renderer for Wallpaper Engine wallpapers — "scene" today, with video and web support coming in later releases: its main job is replaying workshop scene packages (scene.pkg) in WebGL in real time, with layer effect chains, particles, 3D puppet bones, text widgets, script sandboxes, audio response and live user-property updates. Upcoming versions will add effects exclusive to this library — stay tuned.
|
|
8
8
|
|
|
9
|
-
-
|
|
9
|
+
- [GitHub repository](https://github.com/oneincase/webwallgl)
|
|
10
|
+
- [Live demo (GitHub Pages)](https://oneincase.github.io/webwallgl/)
|
|
11
|
+
|
|
12
|
+
- Zero runtime dependencies, single-file delivery (min ESM ~270KB / gzip ~90KB)
|
|
10
13
|
- Installable via npm or a <script> CDN tag; multiple isolated instances per page
|
|
11
14
|
- This bench is the library's first consumer — everything you see here is public API
|
|
12
15
|
|
|
@@ -23,22 +26,22 @@ In one line: everything can be a wall. Your app provides a canvas and a source f
|
|
|
23
26
|
|
|
24
27
|
## Installation
|
|
25
28
|
|
|
26
|
-
Three ways to include it — pick one:
|
|
29
|
+
Three ways to include it — pick one (CDN examples pin the currently released version):
|
|
27
30
|
|
|
28
31
|
```
|
|
29
32
|
// 1) npm + bundler (recommended)
|
|
30
|
-
npm i webwallgl
|
|
33
|
+
npm i webwallgl // tracks the latest release; pin the test build with npm i webwallgl@beta
|
|
31
34
|
import { mount, httpSource } from "webwallgl";
|
|
32
35
|
```
|
|
33
36
|
|
|
34
37
|
```
|
|
35
|
-
// 2) ESM CDN
|
|
36
|
-
import { mount, httpSource } from "https://cdn.
|
|
38
|
+
// 2) ESM CDN via jsDelivr (without a bundler)
|
|
39
|
+
import { mount, httpSource } from "https://cdn.jsdelivr.net/npm/webwallgl@1.0.0/webwallgl.min.mjs";
|
|
37
40
|
```
|
|
38
41
|
|
|
39
42
|
```
|
|
40
43
|
<!-- 3) UMD <script>: exposes the global WebWallGL -->
|
|
41
|
-
<script src="https://cdn.
|
|
44
|
+
<script src="https://cdn.jsdelivr.net/npm/webwallgl@1.0.0/webwallgl.global.min.js"></script>
|
|
42
45
|
<script>
|
|
43
46
|
const { mount, httpSource } = WebWallGL;
|
|
44
47
|
</script>
|
|
@@ -170,4 +173,4 @@ If this rendering core helped your project, buying the author a coffee is always
|
|
|
170
173
|
|
|
171
174
|
| WeChat Pay | Alipay |
|
|
172
175
|
| --- | --- |
|
|
173
|
-
|  |  |
|
|
176
|
+
|  |  |
|
package/README.md
CHANGED
|
@@ -4,9 +4,12 @@
|
|
|
4
4
|
|
|
5
5
|
## 简介
|
|
6
6
|
|
|
7
|
-
WebWallGL 是一个浏览器端的 Wallpaper Engine「scene
|
|
7
|
+
WebWallGL 是一个浏览器端的 Wallpaper Engine「scene」场景、视频、web(后续版本支持)壁纸渲染库:主要功能是把创意工坊场景包(scene.pkg)在 WebGL 里实时还原,支持图层效果链、粒子、3D 木偶骨骼、文字挂件、脚本沙箱、音频响应与用户自定义属性热更新。后续版本将加入本库独有效果支持,请敬请期待。
|
|
8
8
|
|
|
9
|
-
-
|
|
9
|
+
- [GitHub 开源仓库](https://github.com/oneincase/webwallgl)
|
|
10
|
+
- [在线版(GitHub Pages)](https://oneincase.github.io/webwallgl/)
|
|
11
|
+
|
|
12
|
+
- 零运行时依赖,单文件引入(min ESM 约 270KB / gzip 约 90KB)
|
|
10
13
|
- 可 npm 安装,也可 <script> CDN 引入;一页可开多个互不干扰的实例
|
|
11
14
|
- 本测试台本身就是库的第一个使用者 —— 你在这里看到的能力都是公共 API
|
|
12
15
|
|
|
@@ -23,22 +26,22 @@ WebWallGL 是一个「壁纸兼容渲染核心」——凡是需要「动态背
|
|
|
23
26
|
|
|
24
27
|
## 安装
|
|
25
28
|
|
|
26
|
-
|
|
29
|
+
三种引入方式,任选其一(CDN 示例按当前发布版本固定):
|
|
27
30
|
|
|
28
31
|
```
|
|
29
32
|
// 1) npm + 打包器(推荐)
|
|
30
|
-
npm i webwallgl
|
|
33
|
+
npm i webwallgl // 追最新版;锁定测试版用 npm i webwallgl@beta
|
|
31
34
|
import { mount, httpSource } from "webwallgl";
|
|
32
35
|
```
|
|
33
36
|
|
|
34
37
|
```
|
|
35
|
-
// 2) ESM CDN(vite/webpack 之外的直引方式)
|
|
36
|
-
import { mount, httpSource } from "https://cdn.
|
|
38
|
+
// 2) ESM CDN(jsDelivr,vite/webpack 之外的直引方式)
|
|
39
|
+
import { mount, httpSource } from "https://cdn.jsdelivr.net/npm/webwallgl@1.0.0/webwallgl.min.mjs";
|
|
37
40
|
```
|
|
38
41
|
|
|
39
42
|
```
|
|
40
43
|
<!-- 3) UMD <script>:暴露全局 WebWallGL -->
|
|
41
|
-
<script src="https://cdn.
|
|
44
|
+
<script src="https://cdn.jsdelivr.net/npm/webwallgl@1.0.0/webwallgl.global.min.js"></script>
|
|
42
45
|
<script>
|
|
43
46
|
const { mount, httpSource } = WebWallGL;
|
|
44
47
|
</script>
|
|
@@ -170,4 +173,4 @@ b.pause(); // 不影响 a
|
|
|
170
173
|
|
|
171
174
|
| 微信支付 | 支付宝 |
|
|
172
175
|
| --- | --- |
|
|
173
|
-
|  |  |
|
|
176
|
+
|  |  |
|
package/package.json
CHANGED
|
@@ -1,9 +1,15 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "webwallgl",
|
|
3
|
-
"version": "1.0.0
|
|
3
|
+
"version": "1.0.0",
|
|
4
4
|
"description": "Wallpaper Engine scene wallpaper renderer for the browser (npm / CDN)",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "oneincase <462534624@qq.com>",
|
|
7
|
+
"repository": {
|
|
8
|
+
"type": "git",
|
|
9
|
+
"url": "git+https://github.com/oneincase/webwallgl.git"
|
|
10
|
+
},
|
|
11
|
+
"homepage": "https://github.com/oneincase/webwallgl#readme",
|
|
12
|
+
"bugs": "https://github.com/oneincase/webwallgl/issues",
|
|
7
13
|
"type": "module",
|
|
8
14
|
"keywords": [
|
|
9
15
|
"wallpaper-engine",
|