进口啤酒vi设计的核心价值在于为企业打造独特的品牌,进口啤酒vi设计可以给企业带来良好的社会声誉和经济效益。
我们的浏览器拥有5年或10年前做梦也想不到的功能。整个三维(three dimension的缩写)游戏世界可以在浏览器中运行,交互式网站可以提供更加身临其境的体验。
随着某家虚拟现实公司被某家社交媒体公司收购,现在是开始三维(three dimension的缩写)工作的最佳时机。令人惊讶的是,我们现在可以用纯Java Script语言创建3D,包括网格和材料。
当然,即使这是可能的,它也需要大量的代码,这就是三. js的用武之地,它允许我们用更少的代码简单地构建三维(three dimension的缩写)环境。
浏览器兼容性
不幸的是,由于三维(three dimension的缩写)是新技术,并不是所有的浏览器都支持它。我们目前仅限于Chrome、Safari和火狐浏览器.
随着时间的推移,对工业管理学(Industrial Engineering)的支持将会改善,但现在你需要一个对微软爱好者的支持。
入门指南
我们需要做的第一件事是访问三. js网站并下载该库的最新版本。
接下来,像对待任何其他Java Script语言文件一样,在文档的头部引用它,我们就可以开始了。
创造我们的第一个场景
要用三. js渲染任何东西,我们需要做的第一件事是创建ascene、acamera和阿伦德尔.从ascene开始:
定义变量场景=新三。场景();
接下来,我们需要一个摄像机。请将此视为用户正在观看的视角3 . 3 . js实际上有很多选项,但为了简单起见,我们将使用透视相机:
定义变量相机=新三PerspectiveCamera(100,窗口。内部宽度/窗口。内高,0.1,1000);
这个方法有四个参数:第一个是视野,第二个是纵横比(我建议总是基于用户的视口),近剪裁平面,最后是远剪裁平面。这最后两个参数决定了渲染的限制,因此不会绘制太近或太远的对象,这将浪费资源。
接下来,我们需要设置WebGL渲染器:
定义变量渲染器=新三WebGLRenderer();渲染器。setsize(窗口。窗户内部宽度。内高);文档。身体。appendchild(渲染器。DOM元素);
如您所见,这里的第一件事是创建渲染器的实例,然后将其大小设置为用户的视口,最后我们将它添加到页面以创建一个供我们使用的蓝色画布。
添加一些对象
到目前为止,我们所做的就是设置舞台,现在我们将创建我们的第一个三维(three dimension的缩写)对象。
对于本教程,它将是一个简单的圆柱体:
定义变量几何=新三。圆柱几何形状(5,5,20,32);
这个方法也需要四个参数:第一个是圆柱体顶部的半径,第二个是圆柱体底部的半径,第三个是高度,最后是高度段的个数。
我们已经建立了物体的数学模型,现在我们需要用材料把它包装起来,这样它看起来就像屏幕上的东西:
定义变量
总监微信咨询 舒先生
业务咨询 张小姐
业务咨询 付小姐