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 CHANGED
@@ -4,9 +4,12 @@
4
4
 
5
5
  ## Introduction
6
6
 
7
- WebWallGL is a browser-side renderer for Wallpaper Engine "scene" wallpapers: it faithfully replays workshop scene packages (scene.pkg) in WebGL, with layer effect chains, particles, 3D puppet bones, text widgets, script sandboxes, audio response and live user-property updates.
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
- - Zero runtime dependencies, single-file delivery (ESM ~400KB / gzip ~126KB)
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.example.com/webwallgl/1.0.0-beta1/webwallgl.min.mjs";
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.example.com/webwallgl/1.0.0-beta1/webwallgl.global.min.js"></script>
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
- | ![WeChat Pay QR code](imgs/wechat.png) | ![Alipay QR code](imgs/alipay.png) |
176
+ | ![WeChat Pay QR code](https://raw.githubusercontent.com/oneincase/webwallgl/main/imgs/wechat.png) | ![Alipay QR code](https://raw.githubusercontent.com/oneincase/webwallgl/main/imgs/alipay.png) |
package/README.md CHANGED
@@ -4,9 +4,12 @@
4
4
 
5
5
  ## 简介
6
6
 
7
- WebWallGL 是一个浏览器端的 Wallpaper Engine「scene」场景壁纸渲染库:把创意工坊场景包(scene.pkg)在 WebGL 里实时还原,支持图层效果链、粒子、3D 木偶骨骼、文字挂件、脚本沙箱、音频响应与用户自定义属性热更新。
7
+ WebWallGL 是一个浏览器端的 Wallpaper Engine「scene」场景、视频、web(后续版本支持)壁纸渲染库:主要功能是把创意工坊场景包(scene.pkg)在 WebGL 里实时还原,支持图层效果链、粒子、3D 木偶骨骼、文字挂件、脚本沙箱、音频响应与用户自定义属性热更新。后续版本将加入本库独有效果支持,请敬请期待。
8
8
 
9
- - 零运行时依赖,单文件引入(ESM 约 400KB / gzip 约 126KB)
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 安装,也可 &lt;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.example.com/webwallgl/1.0.0-beta1/webwallgl.min.mjs";
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.example.com/webwallgl/1.0.0-beta1/webwallgl.global.min.js"></script>
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
- | ![微信支付赞赏码](imgs/wechat.png) | ![支付宝赞赏码](imgs/alipay.png) |
176
+ | ![微信支付赞赏码](https://raw.githubusercontent.com/oneincase/webwallgl/main/imgs/wechat.png) | ![支付宝赞赏码](https://raw.githubusercontent.com/oneincase/webwallgl/main/imgs/alipay.png) |
package/package.json CHANGED
@@ -1,9 +1,15 @@
1
1
  {
2
2
  "name": "webwallgl",
3
- "version": "1.0.0-beta1",
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",