第一个three.js程序

最新推荐文章于 2024-05-14 22:29:05 发布

hb707934728

最新推荐文章于 2024-05-14 22:29:05 发布

阅读量351

点赞数

分类专栏： three.js

本文链接：https://blog.csdn.net/hb707934728/article/details/78718134

版权

用three.js绘制一个旋转的正方体

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <style>canvas { width: 100%; height: 100% }</style>
    <script src="../js/three.js"></script>
</head>
<body>
<script>
    // 三大组件 场景scene 相机camera 渲染器renderer
    var scene=new THREE.Scene();//创建场景
    var camera=new THREE.PerspectiveCamera(
        75,
        window.innerWidth/window.innerHeight,
         0.1,1000);//创建相机 透视投影(参数含义 ,视角,宽高比,近平面和远平面到摄像机的距离)
    var renderer=new THREE.WebGLRenderer();//创建渲染器
    //设置渲染器的大小为窗口的内宽度,也就是内容区的宽度
    renderer.setSize(window.innerWidth,window.innerHeight);
    document.body.appendChild(renderer.domElement);

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

hb707934728

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
第一个three.js程序

用three.js绘制一个选择的正方体 canvas { width: 100%; height: 100% } // 三大组件场景scene 相机camera 渲染器renderer var scene=new THREE.Scene();//创建场景 var camera=new THREE.PerspectiveCame
复制链接

扫一扫