ThreeJS – 设置透明背景模仿L2Dwidget.js看板娘渲染效果
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
当前分类随机文章推荐
- ThreeJS - 使用Hdr环境贴图作为间接光照对模型进行渲染 阅读2590次,点赞3次
- ThreeJS - three.moudle.js报Uncaught SyntaxError:Unexpected token ‘export‘错误 阅读2173次,点赞0次
- ThreeJS - 直接设置Fbx模型的某个关节的位移和旋转值 阅读2007次,点赞0次
- ThreeJS - 使用自定义Shader 阅读1058次,点赞2次
- ThreeJS - 如何提升three.js的渲染效果?看完这篇你可能会有启发 阅读5626次,点赞1次
- ThreeJS - 动态更换fbx模型的某个子Mesh现有的纹理贴图为指定的纹理贴图 阅读3220次,点赞1次
- ThreeJS - 摄像机绕X轴、绕Y轴、绕Z轴旋转指定角度 阅读1412次,点赞1次
- ThreeJS - 获取当前使用的three.js的版本 阅读826次,点赞0次
- ThreeJS - FBXLoader: TGA loader not found, creating placeholder texture for ... 阅读1075次,点赞0次
- ThreeJS - 设置透明背景模仿L2Dwidget.js看板娘渲染效果 阅读1004次,点赞0次
全站随机文章推荐
- WordPress - 插件WP Editor.md 在网站更换为https后无法正确加载 阅读4336次,点赞0次
- 资源分享 - Geometric tools for computer graphics(Philip J. Schneider, and David H. Eberly)英文高清PDF下载 阅读3895次,点赞0次
- 资源分享 - Game Physics Cookbook 英文高清PDF下载 阅读1998次,点赞0次
- C++11 - std::shared_ptr初始化的几种方式 阅读7505次,点赞2次
- WordPress - 用户修改密码/邮箱时禁止向管理员/用户发送通知邮件 阅读1146次,点赞0次
- C++11 - 构建一个符合实际应用要求的线程池 阅读1437次,点赞0次
- WordPress - 增加百度统计代码 阅读3340次,点赞0次
- C++ - std::unordered_map中使用结构体或者vector等复杂的数据结构作为Key值 阅读1337次,点赞0次
- 资源分享 - 神经网络与深度学习应用实战(刘凡平著)PDF下载 阅读2584次,点赞0次
- Python - 在子线程中使用OpenCV异步读取摄像头视频帧传递到主线程中进行处理 阅读2065次,点赞1次
评论
169