@visactor/vrender-kits 1.1.0-alpha.24 → 1.1.0-alpha.26
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/cjs/env/contributions/canvas-wrap.js +1 -1
- package/cjs/env/wx.js +2 -1
- package/cjs/graphic/Lottie.js +1 -2
- package/cjs/index-node.js.map +1 -1
- package/cjs/installers/browser-lite.d.ts +3 -0
- package/cjs/installers/browser-lite.js +63 -0
- package/cjs/installers/browser-lite.js.map +1 -0
- package/cjs/installers/browser.d.ts +3 -0
- package/cjs/installers/browser.js +75 -0
- package/cjs/installers/browser.js.map +1 -0
- package/cjs/installers/graphics-lite.d.ts +2 -0
- package/cjs/installers/graphics-lite.js +54 -0
- package/cjs/installers/graphics-lite.js.map +1 -0
- package/cjs/installers/graphics.d.ts +2 -0
- package/cjs/installers/graphics.js +81 -0
- package/cjs/installers/graphics.js.map +1 -0
- package/cjs/jsx/graphicType.d.ts +4 -4
- package/cjs/jsx/graphicType.js.map +1 -1
- package/cjs/jsx/jsx-classic.js +3 -3
- package/cjs/jsx/jsx-classic.js.map +1 -1
- package/cjs/react-tree.js +3 -3
- package/cjs/react-tree.js.map +1 -1
- package/cjs/register/env.js +2 -3
- package/cjs/register/env.js.map +1 -1
- package/cjs/register/register-arc.js +3 -3
- package/cjs/register/register-arc.js.map +1 -1
- package/cjs/register/register-arc3d.js +4 -4
- package/cjs/register/register-arc3d.js.map +1 -1
- package/cjs/register/register-area.js +3 -3
- package/cjs/register/register-area.js.map +1 -1
- package/cjs/register/register-circle.js +3 -3
- package/cjs/register/register-circle.js.map +1 -1
- package/cjs/register/register-gif.js +2 -1
- package/cjs/register/register-glyph.js +3 -3
- package/cjs/register/register-glyph.js.map +1 -1
- package/cjs/register/register-group.js +2 -2
- package/cjs/register/register-group.js.map +1 -1
- package/cjs/register/register-image.js +3 -3
- package/cjs/register/register-image.js.map +1 -1
- package/cjs/register/register-line.js +3 -3
- package/cjs/register/register-line.js.map +1 -1
- package/cjs/register/register-path.js +3 -3
- package/cjs/register/register-path.js.map +1 -1
- package/cjs/register/register-polygon.js +3 -3
- package/cjs/register/register-polygon.js.map +1 -1
- package/cjs/register/register-pyramid3d.js +4 -4
- package/cjs/register/register-pyramid3d.js.map +1 -1
- package/cjs/register/register-rect.js +3 -3
- package/cjs/register/register-rect.js.map +1 -1
- package/cjs/register/register-rect3d.js +3 -3
- package/cjs/register/register-rect3d.js.map +1 -1
- package/cjs/register/register-richtext.js +3 -3
- package/cjs/register/register-richtext.js.map +1 -1
- package/cjs/register/register-shadowRoot.js +3 -4
- package/cjs/register/register-shadowRoot.js.map +1 -1
- package/cjs/register/register-star.js +3 -3
- package/cjs/register/register-star.js.map +1 -1
- package/cjs/register/register-symbol.js +3 -3
- package/cjs/register/register-symbol.js.map +1 -1
- package/cjs/register/register-text.js +3 -3
- package/cjs/register/register-text.js.map +1 -1
- package/cjs/register/register-wraptext.js +2 -2
- package/cjs/register/register-wraptext.js.map +1 -1
- package/dist/index.es.js +13208 -267
- package/es/env/contributions/canvas-wrap.js +1 -1
- package/es/env/wx.js +2 -1
- package/es/graphic/Lottie.js +1 -2
- package/es/index-node.js.map +1 -1
- package/es/installers/browser-lite.d.ts +3 -0
- package/es/installers/browser-lite.js +86 -0
- package/es/installers/browser-lite.js.map +1 -0
- package/es/installers/browser.d.ts +3 -0
- package/es/installers/browser.js +115 -0
- package/es/installers/browser.js.map +1 -0
- package/es/installers/graphics-lite.d.ts +2 -0
- package/es/installers/graphics-lite.js +52 -0
- package/es/installers/graphics-lite.js.map +1 -0
- package/es/installers/graphics.d.ts +2 -0
- package/es/installers/graphics.js +79 -0
- package/es/installers/graphics.js.map +1 -0
- package/es/jsx/graphicType.d.ts +4 -4
- package/es/jsx/graphicType.js.map +1 -1
- package/es/jsx/jsx-classic.js +3 -3
- package/es/jsx/jsx-classic.js.map +1 -1
- package/es/react-tree.js +3 -3
- package/es/react-tree.js.map +1 -1
- package/es/register/env.js +2 -3
- package/es/register/env.js.map +1 -1
- package/es/register/register-arc.js +5 -1
- package/es/register/register-arc.js.map +1 -1
- package/es/register/register-arc3d.js +7 -1
- package/es/register/register-arc3d.js.map +1 -1
- package/es/register/register-area.js +5 -1
- package/es/register/register-area.js.map +1 -1
- package/es/register/register-circle.js +5 -1
- package/es/register/register-circle.js.map +1 -1
- package/es/register/register-gif.js +2 -1
- package/es/register/register-glyph.js +5 -1
- package/es/register/register-glyph.js.map +1 -1
- package/es/register/register-group.js +1 -1
- package/es/register/register-group.js.map +1 -1
- package/es/register/register-image.js +5 -1
- package/es/register/register-image.js.map +1 -1
- package/es/register/register-line.js +5 -1
- package/es/register/register-line.js.map +1 -1
- package/es/register/register-path.js +5 -1
- package/es/register/register-path.js.map +1 -1
- package/es/register/register-polygon.js +5 -1
- package/es/register/register-polygon.js.map +1 -1
- package/es/register/register-pyramid3d.js +7 -1
- package/es/register/register-pyramid3d.js.map +1 -1
- package/es/register/register-rect.js +5 -1
- package/es/register/register-rect.js.map +1 -1
- package/es/register/register-rect3d.js +5 -1
- package/es/register/register-rect3d.js.map +1 -1
- package/es/register/register-richtext.js +5 -1
- package/es/register/register-richtext.js.map +1 -1
- package/es/register/register-shadowRoot.js +2 -3
- package/es/register/register-shadowRoot.js.map +1 -1
- package/es/register/register-star.js +5 -1
- package/es/register/register-star.js.map +1 -1
- package/es/register/register-symbol.js +5 -1
- package/es/register/register-symbol.js.map +1 -1
- package/es/register/register-text.js +5 -1
- package/es/register/register-text.js.map +1 -1
- package/es/register/register-wraptext.js +1 -1
- package/es/register/register-wraptext.js.map +1 -1
- package/package.json +22 -2
- package/cjs/env/contributions/module.d.ts +0 -1
- package/cjs/env/contributions/module.js +0 -3
- package/cjs/env/contributions/module.js.map +0 -1
- package/cjs/node-bind.d.ts +0 -1
- package/cjs/node-bind.js +0 -1
- package/cjs/node-bind.js.map +0 -1
- package/cjs/picker/index.d.ts +0 -1
- package/cjs/picker/index.js +0 -1
- package/cjs/picker/index.js.map +0 -1
- package/cjs/render/contributions/render-module.d.ts +0 -1
- package/cjs/render/contributions/render-module.js +0 -3
- package/cjs/render/contributions/render-module.js.map +0 -1
- package/cjs/tools/dynamicTexture.d.ts +0 -1
- package/cjs/tools/dynamicTexture.js +0 -3
- package/cjs/tools/dynamicTexture.js.map +0 -1
- package/cjs/window/contributions/native-contribution.d.ts +0 -1
- package/cjs/window/contributions/native-contribution.js +0 -3
- package/cjs/window/contributions/native-contribution.js.map +0 -1
- package/es/env/contributions/module.d.ts +0 -1
- package/es/env/contributions/module.js +0 -3
- package/es/env/contributions/module.js.map +0 -1
- package/es/node-bind.d.ts +0 -1
- package/es/node-bind.js +0 -1
- package/es/node-bind.js.map +0 -1
- package/es/picker/index.d.ts +0 -1
- package/es/picker/index.js +0 -1
- package/es/picker/index.js.map +0 -1
- package/es/render/contributions/render-module.d.ts +0 -1
- package/es/render/contributions/render-module.js +0 -3
- package/es/render/contributions/render-module.js.map +0 -1
- package/es/tools/dynamicTexture.d.ts +0 -1
- package/es/tools/dynamicTexture.js +0 -3
- package/es/tools/dynamicTexture.js.map +0 -1
- package/es/window/contributions/native-contribution.d.ts +0 -1
- package/es/window/contributions/native-contribution.js +0 -3
- package/es/window/contributions/native-contribution.js.map +0 -1
package/cjs/picker/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
|
package/cjs/picker/index.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
//# sourceMappingURL=index.js.map
|
package/cjs/picker/index.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/picker/index.ts"],"names":[],"mappings":"","file":"index.js","sourcesContent":["// export * from './canvas-module';\n// export * from './math-module';\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/render/contributions/render-module.ts"],"names":[],"mappings":"","file":"render-module.js","sourcesContent":["// import { Container } from 'inversify';\n// import roughModule from './rough/module';\n\n// export default function load(container: Container) {\n// container.load(roughModule);\n// }\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/tools/dynamicTexture.ts"],"names":[],"mappings":"","file":"dynamicTexture.js","sourcesContent":["// import type { IContext2d, IGraphic } from '@visactor/vrender-core';\n\n// export function randomOpacity(\n// ctx: IContext2d,\n// row: number,\n// column: number,\n// rowCount: number,\n// columnCount: number,\n// ratio: number,\n// graphic: IGraphic\n// ) {\n// if (!graphic.dynamicTextureCache) {\n// graphic.dynamicTextureCache = new Array(rowCount * columnCount).fill(0).map(item => Math.random() * 2 * Math.PI);\n// }\n// const targetRandomValue = graphic.dynamicTextureCache[row * columnCount + column];\n// const _r = (Math.sin(ratio * 2 * Math.PI + targetRandomValue) + 1) / 2;\n// ctx.globalAlpha = _r;\n// ctx.fill();\n// }\n\n// // 从左到右的列式渐变\n// export function columnLeftToRight(\n// ctx: IContext2d,\n// row: number,\n// column: number,\n// rowCount: number,\n// columnCount: number,\n// ratio: number,\n// graphic: IGraphic\n// ) {\n// // 根据列号计算延迟\n// const delay = column / columnCount;\n// // 使用连续的sin函数,不需要max(0,ratio-delay)的截断\n// const _r = (Math.sin(ratio * 2 * Math.PI - delay * 2 * Math.PI) + 1) / 2;\n// ctx.globalAlpha = _r;\n// ctx.fill();\n// }\n\n// // 从右到左的列式渐变\n// export function columnRightToLeft(\n// ctx: IContext2d,\n// row: number,\n// column: number,\n// rowCount: number,\n// columnCount: number,\n// ratio: number,\n// graphic: IGraphic\n// ) {\n// const delay = (columnCount - 1 - column) / columnCount;\n// const _r = (Math.sin(ratio * 2 * Math.PI - delay * 2 * Math.PI) + 1) / 2;\n// ctx.globalAlpha = _r;\n// ctx.fill();\n// }\n\n// // 从上到下的行式渐变\n// export function rowTopToBottom(\n// ctx: IContext2d,\n// row: number,\n// column: number,\n// rowCount: number,\n// columnCount: number,\n// ratio: number,\n// graphic: IGraphic\n// ) {\n// const delay = row / rowCount;\n// const _r = (Math.sin(ratio * 2 * Math.PI - delay * 2 * Math.PI) + 1) / 2;\n// ctx.globalAlpha = _r;\n// ctx.fill();\n// }\n\n// // 从下到上的行式渐变\n// export function rowBottomToTop(\n// ctx: IContext2d,\n// row: number,\n// column: number,\n// rowCount: number,\n// columnCount: number,\n// ratio: number,\n// graphic: IGraphic\n// ) {\n// const delay = (rowCount - 1 - row) / rowCount;\n// const _r = (Math.sin(ratio * 2 * Math.PI - delay * 2 * Math.PI) + 1) / 2;\n// ctx.globalAlpha = _r;\n// ctx.fill();\n// }\n\n// // 从中心向两边的对角线渐变\n// export function diagonalCenterToEdge(\n// ctx: IContext2d,\n// row: number,\n// column: number,\n// rowCount: number,\n// columnCount: number,\n// ratio: number,\n// graphic: IGraphic\n// ) {\n// const centerRow = rowCount / 2;\n// const centerCol = columnCount / 2;\n// const distance = Math.sqrt(\n// Math.pow((row - centerRow) / rowCount, 2) + Math.pow((column - centerCol) / columnCount, 2)\n// );\n// const _r = (Math.sin(ratio * 2 * Math.PI - distance * 2 * Math.PI) + 1) / 2;\n// ctx.globalAlpha = _r;\n// ctx.fill();\n// }\n\n// // 从左上角到右下角的对角线渐变\n// export function diagonalTopLeftToBottomRight(\n// ctx: IContext2d,\n// row: number,\n// column: number,\n// rowCount: number,\n// columnCount: number,\n// ratio: number,\n// graphic: IGraphic\n// ) {\n// const delay = (row / rowCount + column / columnCount) / 2;\n// const _r = (Math.sin(ratio * 2 * Math.PI - delay * 2 * Math.PI) + 1) / 2;\n// ctx.globalAlpha = _r;\n// ctx.fill();\n// }\n\n// // 旋转扫描效果\n// export function rotationScan(\n// ctx: IContext2d,\n// row: number,\n// column: number,\n// rowCount: number,\n// columnCount: number,\n// ratio: number,\n// graphic: IGraphic\n// ) {\n// // 计算当前点相对于中心点的角度\n// const centerRow = rowCount / 2;\n// const centerCol = columnCount / 2;\n// const angle = Math.atan2(row - centerRow, column - centerCol);\n// // 将角度归一化到 [0, 2π]\n// const normalizedAngle = angle < 0 ? angle + 2 * Math.PI : angle;\n// // 计算扫描延迟\n// const delay = normalizedAngle / (2 * Math.PI);\n// const _r = (Math.sin(ratio * 2 * Math.PI - delay * 2 * Math.PI) + 1) / 2;\n// ctx.globalAlpha = _r;\n// ctx.fill();\n// }\n\n// // 波纹扩散效果\n// export function rippleEffect(\n// ctx: IContext2d,\n// row: number,\n// column: number,\n// rowCount: number,\n// columnCount: number,\n// ratio: number,\n// graphic: IGraphic\n// ) {\n// const centerRow = rowCount / 2;\n// const centerCol = columnCount / 2;\n// // 计算到中心的距离\n// const distance = Math.sqrt(Math.pow(row - centerRow, 2) + Math.pow(column - centerCol, 2));\n// // 归一化距离\n// const normalizedDistance = distance / Math.sqrt(Math.pow(rowCount / 2, 2) + Math.pow(columnCount / 2, 2));\n// // 创建多个波纹\n// const waves = 3;\n// const _r = (Math.sin(ratio * 2 * Math.PI * waves - normalizedDistance * 2 * Math.PI) + 1) / 2;\n// ctx.globalAlpha = _r;\n// ctx.fill();\n// }\n\n// // 蛇形波动效果\n// export function snakeWave(\n// ctx: IContext2d,\n// row: number,\n// column: number,\n// rowCount: number,\n// columnCount: number,\n// ratio: number,\n// graphic: IGraphic\n// ) {\n// // 使用行和列的位置创建蛇形路径\n// const delay = ((row + column) % (rowCount + columnCount)) / (rowCount + columnCount);\n// const _r = (Math.sin(ratio * 2 * Math.PI - delay * 4 * Math.PI) + 1) / 2;\n// ctx.globalAlpha = _r;\n// ctx.fill();\n// }\n\n// // 交错波纹效果\n// export function alternatingWave(\n// ctx: IContext2d,\n// row: number,\n// column: number,\n// rowCount: number,\n// columnCount: number,\n// ratio: number,\n// graphic: IGraphic\n// ) {\n// // 行和列的交错波纹\n// const rowPhase = row / rowCount;\n// const colPhase = column / columnCount;\n// const _r =\n// (Math.sin(ratio * 2 * Math.PI - rowPhase * 2 * Math.PI) * Math.sin(ratio * 2 * Math.PI - colPhase * 2 * Math.PI) +\n// 1) /\n// 2;\n// ctx.globalAlpha = _r;\n// ctx.fill();\n// }\n\n// // 螺旋效果\n// export function spiralEffect(\n// ctx: IContext2d,\n// row: number,\n// column: number,\n// rowCount: number,\n// columnCount: number,\n// ratio: number,\n// graphic: IGraphic\n// ) {\n// const centerRow = rowCount / 2;\n// const centerCol = columnCount / 2;\n// // 计算到中心的距离和角度\n// const distance = Math.sqrt(Math.pow(row - centerRow, 2) + Math.pow(column - centerCol, 2));\n// const angle = Math.atan2(row - centerRow, column - centerCol);\n// // 归一化距离\n// const normalizedDistance = distance / Math.sqrt(Math.pow(rowCount / 2, 2) + Math.pow(columnCount / 2, 2));\n// // 组合距离和角度创建螺旋效果\n// const delay = (normalizedDistance + angle / (2 * Math.PI)) / 2;\n// const _r = (Math.sin(ratio * 2 * Math.PI - delay * 4 * Math.PI) + 1) / 2;\n// ctx.globalAlpha = _r;\n// ctx.fill();\n// }\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/window/contributions/native-contribution.ts"],"names":[],"mappings":"","file":"native-contribution.js","sourcesContent":["// import { createCanvas, createImageData, loadImage } from 'canvas';\n// import { VGlobal, IWindow, EnvType, IGlobal, IWindowHandlerContribution, IWindowParams } from '../..';\n// import { BaseWindowHandlerContribution } from './base-contribution';\n\n// type NodePkg = {\n// createCanvas: typeof createCanvas;\n// createImageData: typeof createImageData;\n// loadImage: typeof loadImage;\n// };\n\n// export class NodeWindowHandlerContribution extends BaseWindowHandlerContribution implements IWindowHandlerContribution {\n// type: EnvType = 'native';\n\n// pkg: NodePkg;\n\n// configure(window: IWindow, global: IGlobal) {\n// if (global.env === this.type) {\n// window.setWindowHandler(this);\n// this.pkg = global.envParams;\n// }\n// }\n\n// get container(): HTMLElement | null {\n// // return this.canvas.nativeCanvas.parentElement;\n// return null;\n// }\n\n// constructor(private readonly global: IGlobal) {\n// super();\n// }\n\n// createWindow(params: IWindowParams): void {\n// // 如果没有传入canvas,那么就创建一个canvas\n// params.CreateWindow && params.CreateWindow(params.width, params.height, params.title);\n// }\n\n// destroyWindow(): void {\n// return;\n// }\n// resizeWindow(width: number, height: number): void {\n// return;\n// }\n// setDpr(dpr: number): void {\n// return;\n// }\n\n// getContext(): any {\n// throw new Error('暂不支持');\n// }\n\n// getWH(): { width: number; height: number } {\n// throw new Error('暂不支持');\n// }\n// getTitle(): string {\n// throw new Error('暂不支持');\n// }\n// getXY(): { x: number; y: number } {\n// throw new Error('暂不支持');\n// }\n// }\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/env/contributions/module.ts"],"names":[],"mappings":"","file":"module.js","sourcesContent":["// import { ContainerModule, EnvContribution } from '@visactor/vrender-core';\n// import { BrowserEnvContribution } from './browser-contribution';\n// import { FeishuEnvContribution } from './feishu-contribution';\n// import { TaroEnvContribution } from './taro-contribution';\n// import { LynxEnvContribution } from './lynx-contribution';\n// import { WxEnvContribution } from './wx-contribution';\n// import { NodeEnvContribution } from './node-contribution';\n\n// let isBrowserBound = false;\n// export const browserEnvModule = new ContainerModule(bind => {\n// // browser\n// if (!isBrowserBound) {\n// isBrowserBound = true;\n// bind(BrowserEnvContribution).toSelf().inSingletonScope();\n// bind(EnvContribution).toService(BrowserEnvContribution);\n// }\n// });\n\n// let isFeishuBound = false;\n// export const feishuEnvModule = new ContainerModule(bind => {\n// // feishu\n// if (!isFeishuBound) {\n// isFeishuBound = true;\n// bind(FeishuEnvContribution).toSelf().inSingletonScope();\n// bind(EnvContribution).toService(FeishuEnvContribution);\n// }\n// });\n\n// let isTaroBound = false;\n// export const taroEnvModule = new ContainerModule(bind => {\n// // taro\n// if (!isTaroBound) {\n// isTaroBound = true;\n// bind(TaroEnvContribution).toSelf().inSingletonScope();\n// bind(EnvContribution).toService(TaroEnvContribution);\n// }\n// });\n\n// let isTTBound = false;\n// export const ttEnvModule = new ContainerModule(bind => {\n// if (!isTTBound) {\n// isTTBound = true;\n// bind(TaroEnvContribution).toSelf().inSingletonScope();\n// bind(EnvContribution).toService(TaroEnvContribution);\n// }\n// });\n\n// let isLynxBound = false;\n// export const lynxEnvModule = new ContainerModule(bind => {\n// // lynx\n// if (!isLynxBound) {\n// isLynxBound = true;\n// bind(LynxEnvContribution).toSelf().inSingletonScope();\n// bind(EnvContribution).toService(LynxEnvContribution);\n// }\n// });\n\n// let isWxBound = false;\n// export const wxEnvModule = new ContainerModule(bind => {\n// // wx\n// if (!isWxBound) {\n// isWxBound = true;\n// bind(WxEnvContribution).toSelf().inSingletonScope();\n// bind(EnvContribution).toService(WxEnvContribution);\n// }\n// });\n\n// let isNodeBound = false;\n// export const nodeEnvModule = new ContainerModule(bind => {\n// // node\n// if (!isNodeBound) {\n// isNodeBound = true;\n// bind(NodeEnvContribution).toSelf().inSingletonScope();\n// bind(EnvContribution).toService(NodeEnvContribution);\n// }\n// });\n"]}
|
package/es/node-bind.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
|
package/es/node-bind.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
//# sourceMappingURL=node-bind.js.map
|
package/es/node-bind.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/node-bind.ts"],"names":[],"mappings":"","file":"node-bind.js","sourcesContent":["// import type { Container } from 'inversify';\n// import nodeEnv from './env/contributions/module';\n// import nodeWindow from './window/contributions/modules';\n// import nodeCanvas from './canvas/contributions/node/modules';\n\n// // 直接绑定node环境\n// export function nodeLoader(container: Container) {\n// container.load(nodeEnv);\n// container.load(nodeWindow);\n// container.load(nodeCanvas);\n// }\n"]}
|
package/es/picker/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
|
package/es/picker/index.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
//# sourceMappingURL=index.js.map
|
package/es/picker/index.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/picker/index.ts"],"names":[],"mappings":"","file":"index.js","sourcesContent":["// export * from './canvas-module';\n// export * from './math-module';\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/render/contributions/render-module.ts"],"names":[],"mappings":"","file":"render-module.js","sourcesContent":["// import { Container } from 'inversify';\n// import roughModule from './rough/module';\n\n// export default function load(container: Container) {\n// container.load(roughModule);\n// }\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/tools/dynamicTexture.ts"],"names":[],"mappings":"","file":"dynamicTexture.js","sourcesContent":["// import type { IContext2d, IGraphic } from '@visactor/vrender-core';\n\n// export function randomOpacity(\n// ctx: IContext2d,\n// row: number,\n// column: number,\n// rowCount: number,\n// columnCount: number,\n// ratio: number,\n// graphic: IGraphic\n// ) {\n// if (!graphic.dynamicTextureCache) {\n// graphic.dynamicTextureCache = new Array(rowCount * columnCount).fill(0).map(item => Math.random() * 2 * Math.PI);\n// }\n// const targetRandomValue = graphic.dynamicTextureCache[row * columnCount + column];\n// const _r = (Math.sin(ratio * 2 * Math.PI + targetRandomValue) + 1) / 2;\n// ctx.globalAlpha = _r;\n// ctx.fill();\n// }\n\n// // 从左到右的列式渐变\n// export function columnLeftToRight(\n// ctx: IContext2d,\n// row: number,\n// column: number,\n// rowCount: number,\n// columnCount: number,\n// ratio: number,\n// graphic: IGraphic\n// ) {\n// // 根据列号计算延迟\n// const delay = column / columnCount;\n// // 使用连续的sin函数,不需要max(0,ratio-delay)的截断\n// const _r = (Math.sin(ratio * 2 * Math.PI - delay * 2 * Math.PI) + 1) / 2;\n// ctx.globalAlpha = _r;\n// ctx.fill();\n// }\n\n// // 从右到左的列式渐变\n// export function columnRightToLeft(\n// ctx: IContext2d,\n// row: number,\n// column: number,\n// rowCount: number,\n// columnCount: number,\n// ratio: number,\n// graphic: IGraphic\n// ) {\n// const delay = (columnCount - 1 - column) / columnCount;\n// const _r = (Math.sin(ratio * 2 * Math.PI - delay * 2 * Math.PI) + 1) / 2;\n// ctx.globalAlpha = _r;\n// ctx.fill();\n// }\n\n// // 从上到下的行式渐变\n// export function rowTopToBottom(\n// ctx: IContext2d,\n// row: number,\n// column: number,\n// rowCount: number,\n// columnCount: number,\n// ratio: number,\n// graphic: IGraphic\n// ) {\n// const delay = row / rowCount;\n// const _r = (Math.sin(ratio * 2 * Math.PI - delay * 2 * Math.PI) + 1) / 2;\n// ctx.globalAlpha = _r;\n// ctx.fill();\n// }\n\n// // 从下到上的行式渐变\n// export function rowBottomToTop(\n// ctx: IContext2d,\n// row: number,\n// column: number,\n// rowCount: number,\n// columnCount: number,\n// ratio: number,\n// graphic: IGraphic\n// ) {\n// const delay = (rowCount - 1 - row) / rowCount;\n// const _r = (Math.sin(ratio * 2 * Math.PI - delay * 2 * Math.PI) + 1) / 2;\n// ctx.globalAlpha = _r;\n// ctx.fill();\n// }\n\n// // 从中心向两边的对角线渐变\n// export function diagonalCenterToEdge(\n// ctx: IContext2d,\n// row: number,\n// column: number,\n// rowCount: number,\n// columnCount: number,\n// ratio: number,\n// graphic: IGraphic\n// ) {\n// const centerRow = rowCount / 2;\n// const centerCol = columnCount / 2;\n// const distance = Math.sqrt(\n// Math.pow((row - centerRow) / rowCount, 2) + Math.pow((column - centerCol) / columnCount, 2)\n// );\n// const _r = (Math.sin(ratio * 2 * Math.PI - distance * 2 * Math.PI) + 1) / 2;\n// ctx.globalAlpha = _r;\n// ctx.fill();\n// }\n\n// // 从左上角到右下角的对角线渐变\n// export function diagonalTopLeftToBottomRight(\n// ctx: IContext2d,\n// row: number,\n// column: number,\n// rowCount: number,\n// columnCount: number,\n// ratio: number,\n// graphic: IGraphic\n// ) {\n// const delay = (row / rowCount + column / columnCount) / 2;\n// const _r = (Math.sin(ratio * 2 * Math.PI - delay * 2 * Math.PI) + 1) / 2;\n// ctx.globalAlpha = _r;\n// ctx.fill();\n// }\n\n// // 旋转扫描效果\n// export function rotationScan(\n// ctx: IContext2d,\n// row: number,\n// column: number,\n// rowCount: number,\n// columnCount: number,\n// ratio: number,\n// graphic: IGraphic\n// ) {\n// // 计算当前点相对于中心点的角度\n// const centerRow = rowCount / 2;\n// const centerCol = columnCount / 2;\n// const angle = Math.atan2(row - centerRow, column - centerCol);\n// // 将角度归一化到 [0, 2π]\n// const normalizedAngle = angle < 0 ? angle + 2 * Math.PI : angle;\n// // 计算扫描延迟\n// const delay = normalizedAngle / (2 * Math.PI);\n// const _r = (Math.sin(ratio * 2 * Math.PI - delay * 2 * Math.PI) + 1) / 2;\n// ctx.globalAlpha = _r;\n// ctx.fill();\n// }\n\n// // 波纹扩散效果\n// export function rippleEffect(\n// ctx: IContext2d,\n// row: number,\n// column: number,\n// rowCount: number,\n// columnCount: number,\n// ratio: number,\n// graphic: IGraphic\n// ) {\n// const centerRow = rowCount / 2;\n// const centerCol = columnCount / 2;\n// // 计算到中心的距离\n// const distance = Math.sqrt(Math.pow(row - centerRow, 2) + Math.pow(column - centerCol, 2));\n// // 归一化距离\n// const normalizedDistance = distance / Math.sqrt(Math.pow(rowCount / 2, 2) + Math.pow(columnCount / 2, 2));\n// // 创建多个波纹\n// const waves = 3;\n// const _r = (Math.sin(ratio * 2 * Math.PI * waves - normalizedDistance * 2 * Math.PI) + 1) / 2;\n// ctx.globalAlpha = _r;\n// ctx.fill();\n// }\n\n// // 蛇形波动效果\n// export function snakeWave(\n// ctx: IContext2d,\n// row: number,\n// column: number,\n// rowCount: number,\n// columnCount: number,\n// ratio: number,\n// graphic: IGraphic\n// ) {\n// // 使用行和列的位置创建蛇形路径\n// const delay = ((row + column) % (rowCount + columnCount)) / (rowCount + columnCount);\n// const _r = (Math.sin(ratio * 2 * Math.PI - delay * 4 * Math.PI) + 1) / 2;\n// ctx.globalAlpha = _r;\n// ctx.fill();\n// }\n\n// // 交错波纹效果\n// export function alternatingWave(\n// ctx: IContext2d,\n// row: number,\n// column: number,\n// rowCount: number,\n// columnCount: number,\n// ratio: number,\n// graphic: IGraphic\n// ) {\n// // 行和列的交错波纹\n// const rowPhase = row / rowCount;\n// const colPhase = column / columnCount;\n// const _r =\n// (Math.sin(ratio * 2 * Math.PI - rowPhase * 2 * Math.PI) * Math.sin(ratio * 2 * Math.PI - colPhase * 2 * Math.PI) +\n// 1) /\n// 2;\n// ctx.globalAlpha = _r;\n// ctx.fill();\n// }\n\n// // 螺旋效果\n// export function spiralEffect(\n// ctx: IContext2d,\n// row: number,\n// column: number,\n// rowCount: number,\n// columnCount: number,\n// ratio: number,\n// graphic: IGraphic\n// ) {\n// const centerRow = rowCount / 2;\n// const centerCol = columnCount / 2;\n// // 计算到中心的距离和角度\n// const distance = Math.sqrt(Math.pow(row - centerRow, 2) + Math.pow(column - centerCol, 2));\n// const angle = Math.atan2(row - centerRow, column - centerCol);\n// // 归一化距离\n// const normalizedDistance = distance / Math.sqrt(Math.pow(rowCount / 2, 2) + Math.pow(columnCount / 2, 2));\n// // 组合距离和角度创建螺旋效果\n// const delay = (normalizedDistance + angle / (2 * Math.PI)) / 2;\n// const _r = (Math.sin(ratio * 2 * Math.PI - delay * 4 * Math.PI) + 1) / 2;\n// ctx.globalAlpha = _r;\n// ctx.fill();\n// }\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/window/contributions/native-contribution.ts"],"names":[],"mappings":"","file":"native-contribution.js","sourcesContent":["// import { createCanvas, createImageData, loadImage } from 'canvas';\n// import { VGlobal, IWindow, EnvType, IGlobal, IWindowHandlerContribution, IWindowParams } from '../..';\n// import { BaseWindowHandlerContribution } from './base-contribution';\n\n// type NodePkg = {\n// createCanvas: typeof createCanvas;\n// createImageData: typeof createImageData;\n// loadImage: typeof loadImage;\n// };\n\n// export class NodeWindowHandlerContribution extends BaseWindowHandlerContribution implements IWindowHandlerContribution {\n// type: EnvType = 'native';\n\n// pkg: NodePkg;\n\n// configure(window: IWindow, global: IGlobal) {\n// if (global.env === this.type) {\n// window.setWindowHandler(this);\n// this.pkg = global.envParams;\n// }\n// }\n\n// get container(): HTMLElement | null {\n// // return this.canvas.nativeCanvas.parentElement;\n// return null;\n// }\n\n// constructor(private readonly global: IGlobal) {\n// super();\n// }\n\n// createWindow(params: IWindowParams): void {\n// // 如果没有传入canvas,那么就创建一个canvas\n// params.CreateWindow && params.CreateWindow(params.width, params.height, params.title);\n// }\n\n// destroyWindow(): void {\n// return;\n// }\n// resizeWindow(width: number, height: number): void {\n// return;\n// }\n// setDpr(dpr: number): void {\n// return;\n// }\n\n// getContext(): any {\n// throw new Error('暂不支持');\n// }\n\n// getWH(): { width: number; height: number } {\n// throw new Error('暂不支持');\n// }\n// getTitle(): string {\n// throw new Error('暂不支持');\n// }\n// getXY(): { x: number; y: number } {\n// throw new Error('暂不支持');\n// }\n// }\n"]}
|