threejs的shader材质 颜色混合函数mix

本文探讨了如何使用three.js中的shader材质进行颜色混合,重点讲解了线性混合函数mix以及如何实现颜色的加减效果,例如:gl_FragColor = vec4(tarcolor.rgb + color4.rgb, 1) 和 gl_FragColor = vec4(tarcolor.rgb - color4.rgb, 1)。" 114288388,9529491,React父组件调用子组件方法技巧,"['前端开发', 'React', '组件通信']
摘要由CSDN通过智能技术生成

float mix(floatx,float y,float a ) 返回x和y 的线性混合,即x(1-a)+ya

three.js webgl - shader [Monjori]
	<div id="container"></div>
	<script src="js/three.js"></script>

	<script src="js/Detector.js"></script>

	<script id="vertexShader" type="x-shader/x-vertex">
		varying vec2 vUv;

		void main()
		{
			vUv = uv;
			vec4 mvPosition = modelViewMatrix * vec4( position, 1.0 );
			gl_Position = projectionMatrix * mvPosition;
		}
	</script>

	<script id="fragmentShader" type="x-shader/x-fragment">
		uniform float time;
        uniform bool  isoriginColor;
		uniform sampler2D texture3;
		uniform sampler2D texture4;
		varying vec2 vUv;

		void main( void ) {
			vec2 position = - 1.0 + 2.0 * vUv;
			vec4 color3 = texture2D( texture3, vUv );
			vec3 tarcolor =color3.rgb;
			float f1 =
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值