分享
查看: 491|回复: 0

[分享] thingjs 1.0视频融合

[复制链接]

thingjs 1.0视频融合

发表于 2025-3-13 17:06:51 来自 分享 阅读模式 倒序浏览
zzv_icon491 zzr_icon0 查看全部
  1. Projector 投影对象类
  2. 提供将视频或视频流投影到物体对象上的能力
  3. 基类
  4. THING.BaseObject

  5. 参数说明
  6. 属性
  7. color
  8. 设置投影颜色
  9. 类型:Number / String
  10. 示例:
  11. projector.color = 0xffffff;

  12. opacity
  13. 设置投影透明度
  14. 类型:Number
  15. 示例:
  16. projector.opacity = 0.5;

  17. fov
  18. 设置纵向投影角
  19. 类型:Number
  20. 示例:
  21. projector.fov = 30;

  22. aspect
  23. 设置投影长宽比
  24. 类型:
  25. Number
  26. 示例:
  27. projector.aspect = 16 / 9;

  28. near
  29. 设置投影近截面
  30. 类型:Number
  31. 示例:
  32. projector.near = 0.1;

  33. far
  34. 设置投影远截面
  35. 类型:Number
  36. 示例:
  37. projector.far = 3;

  38. culling
  39. 开启/关闭遮挡剔除如果投射的区域被遮挡,可以剔除掉被遮挡的投射图像
  40. 类型:Boolean
  41. 示例:
  42. projector.culling = true;

  43. cullingBias
  44. 遮挡精度修正如果图像遮挡出现泄露或者显示不全,尝试调整该值
  45. 类型:Number
  46. 示例:
  47. projector.cullingBias = 0.00001;

  48. autoUpdateCulling
  49. 开启/关闭遮挡剔除会增加渲染成本,默认情况下,每帧更新遮挡情况如果场景是静态的,可以将该值设置为false否则,插件只在第一帧的时候检测遮挡情况,并存储起来,后面不再重复更新遮挡情况
  50. 类型:Boolean
  51. 示例:
  52. projector.autoUpdateCulling = false;

  53. sphereSpace
  54. 是否设置为扇形投射区域默认投射的区域为平头截体
  55. 类型:Boolean
  56. 示例:
  57. projector.sphereSpace = true;

  58. fisheye
  59. 设置鱼眼镜头阵列
  60. 类型:Number
  61. 示例:
  62. projector.fisheye = (i + 1);

  63. barrelCorrection
  64. 开启/关闭畸变矫正有些图像资源是广角镜头获取的,可能需要进行畸变矫正(桶形矫正或枕形矫正)开发者可以在后台对图像进行预处理另外,也可以通过Projector提供的接口,在渲染时进行实时的畸变矫正
  65. 类型:Boolean
  66. 示例:
  67. projector.barrelCorrection = true; // 开启畸变矫正

  68. barrelFx
  69. x方向畸变修正
  70. 类型:Number
  71. 示例:
  72. projector.barrelFx = 0.413;

  73. barrelFy
  74. y方向畸变修正
  75. 类型:Number
  76. 示例:
  77. projector.barrelFy = 1.497;

  78. barrelS
  79. 畸变缩放系数
  80. 类型:Number
  81. 示例:
  82. projector.barrelS = 1.172;

  83. debug
  84. 开启/关闭视锥辅助线,默认为false
  85. 类型:Boolean
  86. 示例:
  87. prjector.debug = true;

  88. 方法
  89. setReceiveObjects([object1, object2...])
  90. 设置接收投影的物体只有主动设置为接受投影的物体,才能在表面显示投影接受投影的物体会进行二次重绘,所以,基于性能考虑,应当尽量控制接受投影物体的数量
  91. 参数:
  92. 变量名        类型        描述
  93. objects        Array<String>        物体对象的数组或Selector选择器
  94. 示例:
  95. projector.setReceiveObjects([app.query('.Facade')[0]]);

  96. setVideo
  97. 设置投影视频
  98. 参数:
  99. 变量名        类型        描述
  100. url        String        视频资源地址
  101. 返回值:无
  102. 示例:
  103. projector.setVideo('./sintel.mp4');

  104. setImage
  105. 设置投影图片
  106. 参数:
  107. 变量名        类型        描述
  108. url        String        图片资源地址
  109. 返回值:无
  110. 示例:
  111. projector.setImage('./diffuse.jpg');
复制代码

avatar
游客~
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

130700ppkpl8x3t7tt1b1t