lyb-pixi-js 1.12.67 → 1.12.69

package/README.md

@@ -152,7 +152,7 @@ app.stage.addChild(box);
 
 \- [LibPixiTextGroupWrap-文本组换行](#LibPixiTextGroupWrap-文本组换行)
 
-\- [LibPixiGridLayoutV2-网格布局V2](#LibPixiGridLayoutV2-网格布局V2)
+\- [LibPixiGridLayoutV2-网格布局 V2](#LibPixiGridLayoutV2-网格布局V2)
 
 \- [LibPixiAreaClick-扩大点击范围](#LibPixiAreaClick-扩大点击范围)
 
@@ -196,12 +196,14 @@ app.stage.addChild(box);
 
 \- [LibPixiEmitContainerEvent-触发后代监听](#LibPixiEmitContainerEvent-触发后代监听)
 
-\- [LibPixiTicker-Ticker管理器](#LibPixiTicker-Ticker管理器)
+\- [LibPixiTicker-Ticker 管理器](#LibPixiTicker-Ticker管理器)
 
 \- [LibPixiPivot-容器锚点设置](#LibPixiPivot-容器锚点设置)
 
 \- [LibPixiPivot-容器锚点设置](#libPixiLocalBoundary-本地边界坐标)
 
+\- [LibPixiIsOutOfView-离开可视区检测](#LibPixiIsOutOfView-离开可视区检测)
+
 ## Base-基础
 
 ### LibPixiText-文本
@@ -1271,7 +1273,7 @@ LibPixiDownScaleAnimation(sprite);
 LibPixiEmitContainerEvent(this, "EVENT_NAME", {});
 ```
 
-### LibPixiTicker-Ticker管理器
+### LibPixiTicker-Ticker 管理器
 
 > 添加和删除 `Ticker` 函数，单个 `Ticker` 函数暂停开始，所有 `Ticker` 函数使用的是全局的 `Ticker`
 
@@ -1281,4 +1283,8 @@ LibPixiEmitContainerEvent(this, "EVENT_NAME", {});
 
 ### LibPixiLocalBoundary-本地边界坐标
 
-> 
+>获取屏幕左上角和右上角在舞台上的位置
+
+### LibPixiIsOutOfView-离开可视区检测
+
+> 检测元素是否离开可视区

package/Utils/LibPixiDownScaleAnimation.d.ts

@@ -4,4 +4,4 @@ import { Container } from "pixi.js";
  * @param type 缩放类型
  * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiDownScaleAnimation-按下放大
  */
-export declare const LibPixiDownScaleAnimation: (container: Container, type?: "small" | "big") => void;
+export declare const LibPixiDownScaleAnimation: (container: Container, type?: "small" | "big", scaleContainer?: Container) => void;

package/Utils/LibPixiDownScaleAnimation.js

@@ -1,13 +1,13 @@
-import { libPixiEvent } from "./LibPixiEvent";
 import gsap from "gsap";
+import { libPixiEvent } from "./LibPixiEvent";
 /** @description 按下放大
  * @param container 要放大的容器
  * @param type 缩放类型
  * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiDownScaleAnimation-按下放大
  */
-export const LibPixiDownScaleAnimation = (container, type = "big") => {
+export const LibPixiDownScaleAnimation = (container, type = "big", scaleContainer) => {
     libPixiEvent(container, "pointerdown", () => {
-        gsap.to(container, {
+        gsap.to(scaleContainer || container, {
             duration: 0.1,
             pixi: {
                 scale: type === "big" ? 1.1 : 0.9,
@@ -15,7 +15,7 @@ export const LibPixiDownScaleAnimation = (container, type = "big") => {
         });
     });
     libPixiEvent(container, "pointerup", () => {
-        gsap.to(container, {
+        gsap.to(scaleContainer || container, {
             duration: 0.1,
             pixi: {
                 scale: 1,
@@ -23,7 +23,7 @@ export const LibPixiDownScaleAnimation = (container, type = "big") => {
         });
     });
     libPixiEvent(container, "pointerleave", () => {
-        gsap.to(container, {
+        gsap.to(scaleContainer || container, {
             duration: 0.1,
             pixi: {
                 scale: 1,

package/Utils/LibPixiIsOutOfView.d.ts

@@ -0,0 +1,3 @@
+import { Container } from "pixi.js";
+/** @description 判断元素是否超出屏幕 */
+export declare const libPixiIsOutOfView: (entity: Container) => boolean;

package/Utils/LibPixiIsOutOfView.js

@@ -0,0 +1,10 @@
+/** @description 判断元素是否超出屏幕 */
+export const libPixiIsOutOfView = (entity) => {
+    const bounds = entity.getBounds();
+    const viewWidth = window.innerWidth;
+    const viewHeight = window.innerHeight;
+    return (bounds.x + bounds.width < 0 ||
+        bounds.x > viewWidth ||
+        bounds.y + bounds.height < 0 ||
+        bounds.y > viewHeight);
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lyb-pixi-js",
-  "version": "1.12.67",
+  "version": "1.12.69",
   "description": "自用Pixi.JS方法库",
   "license": "ISC",
   "exports": {