three.js中简单粗暴实现渐变色背景 - 隔壁的小明

link之家

链接快照平台

输入网页链接，自动生成快照
标签化管理网页链接

相关文章推荐

小眼睛的葡萄 · Electron把网页打包成桌面应用并进行源 ...· 2 月前 ·

单身的皮带 · 高速下载工具合集 - 西西嘛呦 · 1 月前 ·

爱旅游的可乐 · 第5课：Scratchjr说话指令_jrco ...· 2 年前 ·

健身的显示器 · cloudflare免费证书_Cloudfl ...· 2 年前 ·

八块腹肌的大葱 · 牛津译林版英语7-9年级上下册单词默写版，预 ...· 2 年前 ·

纯真的蚂蚁 · 艾娃(2020)的精彩影评 - 微博电影· 2 年前 ·

多情的莴苣 · 助力“乡村振兴” ...· 3 年前 ·

this.renderer = new THREE.WebGLRenderer({
    alpha: true, // canvas是否包含alpha (透明度) 默认为 false
    antialias: true,
    precision: 'highp',
this.renderer.setClearAlpha(0.0) // 设置alpha，合法参数是一个 0.0 到 1.0 之间的浮点数

使用css设置渲染器元素所在dom背景

#container {
    width: 100%;
    height: 600px;
    outline: none;
    background-image: linear-gradient(rgb(0, 0, 1), rgb(119, 119, 237));
另外需要注意的是，不能为 Scene 指定背景色
参考链接：http://www.webgl3d.cn/threejs/docs/index.html#api/zh/renderers/WebGLRenderer

推荐文章

小眼睛的葡萄 · Electron把网页打包成桌面应用并进行源码加密 - 蛋片鸡

2 月前

单身的皮带 · 高速下载工具合集 - 西西嘛呦

1 月前

爱旅游的可乐 · 第5课：Scratchjr说话指令_jrcode-CSDN博客

2 年前

健身的显示器 · cloudflare免费证书_Cloudflare 免费SSL证书使用-CSDN博客

2 年前

八块腹肌的大葱 · 牛津译林版英语7-9年级上下册单词默写版，预习复习必备！可下载打印_初中_电子版_全套

2 年前

纯真的蚂蚁 · 艾娃(2020)的精彩影评 - 微博电影

2 年前

多情的莴苣 · 助力“乡村振兴” 长安跨越全能微客为城乡物流加码！ - 第一商用车网 - www.cvworld.cn

3 年前