什么是 @pixi/interaction
@pixi/interaction 是一个 pixijs 库的插件,为用户提供丰富的交互能力,例如鼠标悬停、单击、双击、滚动等。
安装 @pixi/interaction
使用 npm 安装:
--- ------- -----------------
引入 @pixi/interaction
------ - -- ---- ---- ---------- ------ - ------------------ - ---- -------------------- ----- --- - --- ------------------ ------ ---- ------- --- --- -- -- ----------------- ----- ------------------ - --- ---------------------------------
使用 interaction
鼠标悬停
----- ------ - ------------------------------ ------------------ - ----- ---------------------- -- -- - ------------ - ---- --- --------------------- -- -- - ------------ - -- --- ---------------------------
单击和双击
----- ------ - ------------------------------ ------------------ - ----- ----------------- - ----- ------------------------ ------- -- - -- ----------------- --- -- - -- ---- - ---- -- ----------------- --- -- - -- ---- - --- ---------------------------
滚动
----- ------ - ------------------------------ ------------------ - ----- ------------ - ---- ------------- - ---- -- ------- ----- --------- - --- ----------------- --------------------- - ----- --------------- - ------------------- ---------------- - -------------------- ----------------- - --- ----------------- -- ---------------- ------------------ ------------------------------ -- ---- --- ---------- - ------ --- ------------ - --- ------------- --------------------------- ------- -- - ---------- - ----- ------------------------------------- --- --------------------------- ------- -- - -- ------------ - -------------------- -- -------------------- - ---------------- -------------------- -- -------------------- - ---------------- ------------------------------------- - --- ------------------------- -- -- - ---------- - ------ --- -------------------------- -- -- - ---------- - ------ --- ---------------------------
总结
@pixi/interaction 是一个非常有用的 pixijs 插件,可以极大的提升交互体验。本文介绍了如何安装和使用 @pixi/interaction,同时介绍了悬停、单击、双击和滚动的实现方法。希望对初学 pixijs 的前端开发者有所帮助。
来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/164500