• 欢迎大家交换友链,可在https://www.stubbornhuang.com/申请友情链接进行友链交换申请!

  • 问题反馈可发送邮件到stubbornhuang@qq.com

  • 感谢大家访问本站,希望本站的内容可以帮助到大家!

  • 工资「喂饱肚子」,副业「养活灵魂」!

  • 本站由于前段时间遭受到大量临时和国外邮箱注册,所以对可注册的邮箱类型进行了限制!

  • 计算机图形学与计算几何经典必备书单整理,下载链接可参考:https://www.stubbornhuang.com/1256/

  • 本站会放置Google广告用于维持域名以及网站服务器费用。

  • 在本站开通年度VIP,无限制下载本站资源和阅读本站文章

  • 如果觉得本站的内容有帮助,可以考虑打赏博主哦!

ThreeJS – 设置透明背景模仿L2Dwidget.js看板娘渲染效果

ThreeJS 发布于2022-09-27 阅读 4,022次 0次评论 0次点赞 本文共233个字,阅读需要1分钟。

1 ThreeJS设置透明背景

ThreeJS可以模仿L2Dwidget.js看板娘的那种效果,我们可以渲染一个模型,然后将背景设置为透明,然后播放模型动画。

首先我们需要将场景的背景颜色设置为null或者不设置场景颜色,

scene.background = null;

然后将渲染器的alpha设置为true即可,

renderer = new THREE.WebGLRenderer({
            alpha:true
        });

然后在场景中渲染人物模型,播放人物的动画,并调整摄像头位置和角度即可。

欢迎扫码关注我的微信公众号,及时获取文章更新

微信公众号二维码

本文作者:StubbornHuang

版权声明:本文为站长原创文章,如果转载请注明原文链接!

原文标题:ThreeJS – 设置透明背景模仿L2Dwidget.js看板娘渲染效果

原文链接:https://www.stubbornhuang.com/2371/

发布于:2022年09月27日 11:20:31

修改于:2023年06月21日 18:00:57

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

文章末尾
上一篇
Blender - 为模型贴法线贴图
Blender
下一篇
Blender - 为模型贴透明贴图
Blender
当前分类随机文章推荐

发表评论

您必须 [ 登录 ] 才能发表留言!

关注我们的公众号

微信公众号