当前位置:   article > 正文

Stone教程:一行代码就可以把3D场景植入到普通网页中_3d场景怎么引入到web端

3d场景怎么引入到web端

踏得网的Stone工具可以帮助用户快速构建3D场景,场景可以在Stone工具内编辑、播放、保存和重新加载。

如果想把在Stone工具中制作的场景放到现有的网页中,也很简单,只需要2步。

Stone提供了一个运行时库tds_rt.js,(tds_rt全称为techbrood stone runtime) 

链接地址为:https://techbrood.com/stone/tds_rt.js,

第一步是把该js库加载到页面中:

<script src="https://techbrood.com/stone/tds_rt.js"></script>

第二步是在页面加载完成时,调用TDS_RT.init方法来完成3D场景应用程序的加载:

  1. window.onload = (event) => {
  2.             //init有2个参数,第一个参数是工程的url,第二个参数是容纳3d场景的页面元素的id
  3.             TDS_RT.init('https://techbrood.com/stone/templates/earth-and-moon.tsp', 'stone_div');
  4. };

这里的tsp文件是techbrood stone program应用程序文件,是在Stone工具里面点击菜单保存时自动生成的。

这里有一个在线参考用例:

https://wow.techbrood.com/fiddle/59704

 

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/羊村懒王/article/detail/91580
推荐阅读
相关标签
  

闽ICP备14008679号