Three.js创建一个场景(Creating a scene)

最新推荐文章于 2023-02-09 19:27:19 发布

胡阳0601

最新推荐文章于 2023-02-09 19:27:19 发布

阅读量247

点赞数

分类专栏： Three.js 文章标签： Three.js

本文链接：https://blog.csdn.net/qq_38853527/article/details/78095413

版权

Three.js 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<html> <head> <title> My first Three.js app </title> <style> body { margin : 0 ; } canvas { width : 100 %; height : 100 % } </style> </head> <body> <script src = "//wow.techbrood.com/libs/three.r73.js" ></script> <script> 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 ); var geometry = new THREE . BoxGeometry ( 1 , 1 , 1 ); var material = new THREE . MeshBasicMaterial ( { color : 0x00ff00 } ); var cube = new THREE . Mesh ( geometry , material ); scene . add ( cube ); camera . position . z = 5 ; var render = function () { requestAnimationFrame ( render ); cube . rotation . x += 0.1 ; cube . rotation . y += 0.1 ; renderer . render ( scene , camera ); }; render (); </script> </body> </html>