Three.js中使用MarkPass(掩码)的高级效果组合器

JavaScript013

Three.js中使用MarkPass(掩码)的高级效果组合器,第1张

可以对指定的scene运行后期效果。

(1)创建一个作为背景图片的场景。

(2)创建一个场景,里面包含一个看起来像地球的球体。

(3)创建一个场景,里面包含一个看起来像火星的球体。

(4)创建EffectComposer对象,用于将这三个场景渲染到一个图片中。

(5)在渲染为火星的球体上应用彩色效果。

(6)在渲染为地球的球体上应用褐色效果。

1、 我们直接使用场景的背景属性来添加星光背景图片。还有一种可选方式也可以同于添加背景图片,那就是利用THREE.OrthoGraphicCamera(正交摄像机)。因为THREE.OrthoGraphicCamera不会根据物体距离摄像机的距离来缩放物体,所以可以添加一个正对摄像机的THREE.PlaneGeometry几何体,然后在上面添加图片。

2、场景渲染时候需要将渲染器改为组合器的渲染器,并且需要将WebGLRenderer中autoClear设置为false

本文实例为大家分享了JS隐藏号码中间4位的具体代码,供大家参考,具体内容如下

function

resetPhone(phone)

{

var

str

=

String(phone)

var

len

=

str.length

var

prev,next

if

(len

>=

7)

{

prev

=

str.slice(-len,-7)

next

=

str.slice(-3)

str

=

prev+"****"+next

}

else

if

(len

<

7

&&

len

>=

6)

{

prev

=

str.slice(-len,-4)

next

=

str.slice(-2)

str

=

prev

+

"**"

+

next

}

console.log(str)

return

str

}

上面可以正常使用,正则更加方便,但是如果中间连续重复数字有点小问题(如下面的正则方式)。

function

resetPhone(phone)

{

var

str

=

String(phone)

var

len

=

str.length

if

(len

>=

7)

{

var

reg

=

str.slice(-7,

-3)

return

str.replace(reg,

"****")

}

else

if

(len

<

7

&&

len

>=

6)

{

//1234567

var

reg

=

str.slice(-4,

-2)

return

str.replace(reg,

"**")

}

}

以上所述是小编给大家介绍的JS隐藏号码中间4位详解整合,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

您可能感兴趣的文章:JS中实现隐藏部分姓名或者电话号码的代码JS中input表单隐藏域及其使用方法JS实现“隐藏与显示”功能(多种方法)javascript点击按钮实现隐藏显示切换效果AngularJS实现元素显示和隐藏的几个案例JS实现鼠标点击展开或隐藏表格行的方法jquery和js实现对div的隐藏和显示方法js设置控件的隐藏与显示的两种方法js判断元素是否隐藏的方法javascript获取隐藏元素(display:none)的高度和宽度的方法