示例

HTML

<div id="threejs" />

CSS

body {margin: 0;
}

JS

const material = new THREE.MeshStandardMaterial({color: 0x9400D3,emissive: 0x111111,specular: 0xffffff,metalness: 1,roughness: 0.55,
});const scene = new THREE.Scene();const frontSpot = new THREE.SpotLight(0xeeeece);
frontSpot.position.set(1000, 1000, 1000);
scene.add(frontSpot);const frontSpot2 = new THREE.SpotLight(0xddddce);
frontSpot2.position.set(-500, -500, -500);
scene.add(frontSpot2);/** Elements that aren't the focus of the example */
scene.background = new THREE.Color(0xFFC0CB);
const camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.2, 1000);const renderer = new THREE.WebGLRenderer();
renderer.setSize(window.innerWidth, window.innerHeight);
document.getElementById('threejs').appendChild(renderer.domElement);const geometry = new THREE.TorusKnotGeometry(20, 1.5, 500, 6, 6, 20);const mesh = new THREE.Mesh(geometry, material);mesh.scale.x = 0.1;
mesh.scale.y = 0.1;
mesh.scale.z = 0.1;scene.add(mesh);camera.position.z = 5;const animate = function () {requestAnimationFrame(animate);mesh.rotation.x += 0.005;mesh.rotation.y += 0.005;mesh.rotation.z += 0.005;renderer.render(scene, camera);
};animate();

光滑的圆环(glossy torus)相关推荐

使用OpenGL绘制圆环体(Torus)
本篇介绍一下使用OpenGL绘制圆环体的方法.程序是在C#和OpenTK环境下编译的. 代码: /// <summary> /// 绘制圆环体 /// </summary> / ...
php球半径为2的圆面积,某竖直平面内有一半径为R的光滑固定圆环，斜边长2R、短边长R的匀质直角三角板放在环内，试求三角板在其平衡位...
病人再次疟疾发作的发病机制是A．疟原虫感染后不产生持久免疫B．第一次抗疟治疗未消灭红细胞内期疟伸张法用来() .A.矫正板料B.矫正条料C.矫正棒料D.矫直线材 CCB-II型制动机中BCCP按照1 ...
odoo tree视图过滤数据_在EA中建立优雅的仪表板视图
在EA中为什么需要仪表盘在EA中可以建立需求模型.设计模型.code模型.测试模型,实现基于模型的管理,包括: 需求管理质量管理项目管理这些管理需要对相应的模型元素进行统计,并以图表的形式展示 ...
《Real-Time Rendering 4th Edition》全文翻译 - 第6章纹理化（上）6.1 ~ 6.3
由于工作变动原因,这次翻译拖的时间比较长--抱歉啦! 其实也是由于每章的内容越来越多了,很难在短时间内翻译完,是个很磨人的事情. 不过我会坚持下去的!希望能更多地帮到大家吧! 业余翻译,若有不周到之处 ...
Unity_Shader中级篇_10_Unity Shader入门精要
高级纹理第七章学习了关于基础纹理的内容,这些纹理包括法线纹理.渐变纹理和遮罩纹理等.这些纹理尽管用处不同,但他们都属于低维(一维或二维)纹理.此时我们将学习一些更复杂的纹理.在10.1中我们会学习如 ...
AUTOCAD二次开发工具
ARX(AutoCAD Runtime eXtension 实时运行扩展)作为继AutoLISP.ADS后的第三代开发工具,采用全新的面向对象编程技术. 1985年6月推出的AutoCAD2.17版本 ...
计算机图形学【GAMES-101】11、渲染前沿技术介绍(双向路径追踪BDPT、MLT、光子映射、实时辐射度、外观建模)
快速跳转: 1.矩阵变换原理Transform(旋转.位移.缩放.正交投影.透视投影) 2.光栅化(反走样.傅里叶变换.卷积) 3.着色计算(深度缓存.着色模型.着色频率) 4.纹理映射(重心坐标插值 ...
常见三维文件格式之IGES
IGES文件由五或六段组成: (1)标志(FLAG)段: (2)开始(START)段: (3)全局(GLOBAL)段: (4)元素索引(DIRECTORY ENTRY)段: (5)参数数据(PARAM ...
3ds Max：标准几何体
三维软件中一般有许多非常复杂的命令,能够完成非常复杂的图形运算,但其实许多绚丽的图形也是由最基本的几何体构成,许多复杂的命令也是基本的运算程序的集合,就像是砖块,构成了复杂的大厦. 任何一个几何体,在 ...
通过人眼识别的帧数来理解采样频率
2019独角兽企业重金招聘Python工程师标准>>> 1. 人眼识别的帧数 1.1 问人眼能识别的帧数最高是多少? 就是超过多少帧就感觉不出画面是有间隔的.有人说24帧,有人说3 ...

光滑的圆环(glossy torus)

光滑的圆环（glossy torus）

示例

HTML

CSS

JS

光滑的圆环(glossy torus)相关推荐

最新文章

热门文章