3D模型导入 CanvasMatrix.js发动机 demo(一)
日期：2014-05-16 浏览次数：20576 次
3D模型导入 CanvasMatrix.js引擎 demo(一)
为广大html5 3d开发的朋友们演示 代码贴图，请下载附件demo
<html>
<head>
<title>3DS model</title>
<script src="CanvasMatrix.js" type="text/javascript"></script>
<script id="shader-vs" type="x-shader/x-vertex">
attribute vec3 aPos;
attribute vec3 aNorm;
uniform mat4 mvMatrix;
uniform mat4 prMatrix;
varying vec3 col;
const vec4 dirDif = vec4(0., 0., 1., 0.);
const vec4 dirHalf = vec4(-.4034, .259, .8776, 0.);
void main(void) {
gl_Position = prMatrix * mvMatrix * vec4(aPos, 1.);
vec4 rotNorm = mvMatrix * vec4(aNorm, .0);
col = vec3(1., 1., 1.) * max( 0., dot(rotNorm, dirDif) );
// col += vec3(1., 1., 1.) * pow( max( 0., dot(rotNorm, dirHalf) ), 40.);
//文章来自http://wjlgryx.iteye.com
}
</script>
<script id="shader-fs" type="x-shader/x-fragment">
#ifdef GL_ES
precision highp float;
#endif
varying vec3 col;
void main(void) {
gl_FragColor = vec4( col, 1.);
}
</script>
<script type="text/javascript" src="m1.js">
</script>
</head>
<body onLoad="webGLStart();" onResize="webGLStart();">
<center>
<canvas id="canvas" width="696" height="696"></canvas>
</center>
<video id="video" autoplay loop style="display:none">
<!--<source src="sintel.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>-->
<source src="sintel.mp3" type='video/ogg; codecs="theora, vorbis"'>
</video>
</body></html>
为广大html5 3d开发的朋友们演示 代码贴图，请下载附件demo <html>
<head>
<title>3DS model</title>
<script src="CanvasMatrix.js" type="text/javascript"></script>
<script id="shader-vs" type="x-shader/x-vertex">
attribute vec3 aPos;
attribute vec3 aNorm;
uniform mat4 mvMatrix;
uniform mat4 prMatrix;
varying vec3 col;
const vec4 dirDif = vec4(0., 0., 1., 0.);
const vec4 dirHalf = vec4(-.4034, .259, .8776, 0.);
void main(void) {
gl_Position = prMatrix * mvMatrix * vec4(aPos, 1.);
vec4 rotNorm = mvMatrix * vec4(aNorm, .0);
col = vec3(1., 1., 1.) * max( 0., dot(rotNorm, dirDif) );
// col += vec3(1., 1., 1.) * pow( max( 0., dot(rotNorm, dirHalf) ), 40.);
//文章来自http://wjlgryx.iteye.com
}
</script>
<script id="shader-fs" type="x-shader/x-fragment">
#ifdef GL_ES
precision highp float;
#endif
varying vec3 col;
void main(void) {
gl_FragColor = vec4( col, 1.);
}
</script>
<script type="text/javascript" src="m1.js">
</script>
</head>
<body onLoad="webGLStart();" onResize="webGLStart();">
<center>
<canvas id="canvas" width="696" height="696"></canvas>
</center>
<video id="video" autoplay loop style="display:none">
<!--<source src="sintel.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>-->
<source src="sintel.mp3" type='video/ogg; codecs="theora, vorbis"'>
</video>
</body></html>
1 楼
Leilei2541
2011-06-21
你的模型文件怎么生成的？
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
