HTML5画布知识：在Three.js文件实现WebGL Plane

最新推荐文章于 2021-10-19 15:30:58 发布

VIP文章刘佳悦谈谈编程

最新推荐文章于 2021-10-19 15:30:58 发布

阅读量780

点赞数

分类专栏：在Three.js文件实现WebGL 文章标签：在Three.js文件实现WebGL

本文链接：https://blog.csdn.net/liujiayues/article/details/18079607

版权

创建一个WebGL Plane Three.js,我们可以实例化一个PlaneGeometry对象并定义其宽度沿x轴及其高度沿y轴。

<!DOCTYPE HTML>
<html>
  <head>
    <style>
      body {
        margin: 0px;
        padding: 0px;
      }
    </style>
  </head>
  <body>
    <div id="container"></div>
    <script src="http://www.html5canvastutorials.com/libraries/three.min.js"></script>
    <script defer="defer">
      // revolutions per second
      var angularSpeed = 0.2; 
      var lastTime = 0;
 
      // this function is executed on each animation frame
      function animate(){
        // update
        var time = (new Date()).getTime();
        var timeDiff = time - lastTime;
        var angleChange = angularSpeed * timeDiff * 2 * Math.PI / 1000;
        plane.rotation.z += angleChange;
        lastTime = time;
 
        // render
        renderer.render(s

最低0.47元/天解锁文章

优惠劵

刘佳悦谈谈编程

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML5画布知识：在Three.js文件实现WebGL Plane

创建一个WebGL Plane Three.js,我们可以实例化一个PlaneGeometry对象并定义其宽度沿x轴及其高度沿y轴。 body { margin: 0px; padding: 0px; } // revolutions per second
复制链接

扫一扫