Web 技术研究所

我一直坚信着,Web 将会成为未来应用程序的主流

WebGL画了个管子~

  本来是想画个圆柱体的,不过觉得这个管子效果不错我就不把它做成圆柱体了。仔细想想,这东西比绘制球体还简单。只要遍历一个圆上的点,就可以画出多边形,调整下高度就可以画出棱柱。当棱柱的棱数足够时看上去就是圆柱,只不过头尾缺了个圆来密封。
  var i,f=function(i,h){
    i=Math.PI*2*i/n;
    var x=Math.sin(i)*r,z=Math.cos(i)*r,y=h;
    position.push(x,y,z);
    //每一条高都是互相平行的,所以法向量的y都为0
    normal.push(x,0,z);
  };
  for(i=0;i<n;i++)
    f(i,h/2),f(i+1,h/2),f(i,-h/2),f(i+1,h/2),f(i,-h/2),f(i+1,-h/2);


  WebGL画了个管子
网名:
3.80.32.*
电子邮箱:
仅用于接收通知
提交 悄悄的告诉你,Ctrl+Enter 可以提交哦
神奇海螺
[查看全部主题]
各类Web技术问题讨论区
发起新主题
本模块采用即时聊天邮件通知的模式
让钛合金F5成为历史吧!
次碳酸钴的技术博客,文章原创,转载请保留原文链接 ^_^