@gjsify/example-dom-canvas2d-fireworks 0.4.42 → 0.4.44
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.md +30 -0
- package/package.json +6 -6
package/README.md
ADDED
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
# @gjsify/example-dom-canvas2d-fireworks
|
|
2
|
+
|
|
3
|
+
A polished Canvas 2D fireworks animation running on both GJS/GTK (via `@gjsify/canvas2d`'s `Canvas2DBridge` over Cairo) and in the browser — from the same shared source. Adapted from [juliangarnier's fireworks pen](https://codepen.io/juliangarnier/pen/gmOwJX). The GJS variant renders inside a native Adwaita window with GTK controls; the browser variant uses the same animation code with `@gjsify/adwaita-web` components.
|
|
4
|
+
|
|
5
|
+
Part of the [gjsify](https://github.com/gjsify/gjsify) project — Node.js and Web APIs for GJS (GNOME JavaScript).
|
|
6
|
+
|
|
7
|
+
## Run
|
|
8
|
+
|
|
9
|
+
```bash
|
|
10
|
+
# Build first
|
|
11
|
+
gjsify run build
|
|
12
|
+
|
|
13
|
+
# GJS / GTK4 native window
|
|
14
|
+
gjsify showcase canvas2d-fireworks
|
|
15
|
+
# or: gjsify run start
|
|
16
|
+
|
|
17
|
+
# Browser (serves dist/ on localhost:8080)
|
|
18
|
+
gjsify run start:browser
|
|
19
|
+
```
|
|
20
|
+
|
|
21
|
+
## What it demonstrates
|
|
22
|
+
|
|
23
|
+
- Canvas 2D rendering on GJS via `@gjsify/canvas2d` (Cairo + PangoCairo backend)
|
|
24
|
+
- Shared animation logic between GJS and browser targets
|
|
25
|
+
- Adwaita design language in both variants (`@gjsify/adwaita-web` for browser, native Adw widgets for GJS)
|
|
26
|
+
- `gjsify build --app gjs` and `--app browser` dual-target build
|
|
27
|
+
|
|
28
|
+
## License
|
|
29
|
+
|
|
30
|
+
MIT
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gjsify/example-dom-canvas2d-fireworks",
|
|
3
|
-
"version": "0.4.
|
|
3
|
+
"version": "0.4.44",
|
|
4
4
|
"description": "Colorful fireworks Canvas 2D example with Adwaita controls, adapted from https://codepen.io/juliangarnier/pen/gmOwJX",
|
|
5
5
|
"main": "dist/gjs.js",
|
|
6
6
|
"type": "module",
|
|
@@ -27,11 +27,11 @@
|
|
|
27
27
|
"@girs/gjs": "4.0.4",
|
|
28
28
|
"@girs/gobject-2.0": "2.88.0-4.0.4",
|
|
29
29
|
"@girs/gtk-4.0": "4.23.0-4.0.4",
|
|
30
|
-
"@gjsify/adwaita-icons": "^0.4.
|
|
31
|
-
"@gjsify/adwaita-web": "^0.4.
|
|
32
|
-
"@gjsify/canvas2d": "^0.4.
|
|
33
|
-
"@gjsify/cli": "^0.4.
|
|
34
|
-
"@gjsify/vite-plugin-blueprint": "^0.4.
|
|
30
|
+
"@gjsify/adwaita-icons": "^0.4.44",
|
|
31
|
+
"@gjsify/adwaita-web": "^0.4.44",
|
|
32
|
+
"@gjsify/canvas2d": "^0.4.44",
|
|
33
|
+
"@gjsify/cli": "^0.4.44",
|
|
34
|
+
"@gjsify/vite-plugin-blueprint": "^0.4.44",
|
|
35
35
|
"@types/node": "^25.9.1",
|
|
36
36
|
"http-server": "^14.1.1",
|
|
37
37
|
"typescript": "^6.0.3"
|