three.js从入门到精通系列教程006 - three.js创建旋转立方体BoxGeometry

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>three.js从入门到精通系列教程006 - three.js创建旋转立方体BoxGeometry</title><script src="js/three.js"></script><script src="js/jquery.js"></script>
</head><body><center id="myContainer"></center><script>//创建渲染器var myWidth = 480, myHeight = 320;var myRenderer = new THREE.WebGLRenderer({ antialias: true });//设置渲染尺寸大小myRenderer.setSize(myWidth, myHeight);myRenderer.setClearColor("white", 1);$("#myContainer").append(myRenderer.domElement);var myScene = new THREE.Scene();var k = myWidth / myHeight, s = 120;//创建透视相机OrthographicCameravar myCamera = new THREE.OrthographicCamera(-s * k, s * k, s, -s, 1, 1000);myCamera.position.set(400, 300, 200);//设置相机视角myCamera.lookAt(myScene.position);//创建立方体var myGeometry = new THREE.BoxGeometry(100, 100, 100);var myMaterial = new THREE.MeshNormalMaterial();var myMesh = new THREE.Mesh(myGeometry, myMaterial);//立方体放入场景myScene.add(myMesh);//使用定时器实现间隔渲染立方体,模拟旋转setInterval(function () {myMesh.rotateX(0.02);        //按照指定的弧度围绕x轴旋转网格(立方体)myRenderer.render(myScene, myCamera);}, 50);</script>
</body></html>

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/416615.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

three.js从入门到精通系列教程007 - three.js绘制空心扇形和实心扇形

<!DOCTYPE html> <html><head><meta charset"UTF-8"><title>three.js从入门到精通系列教程007 - three.js绘制空心扇形和实心扇形</title><script src"js/three.js"></script><script src"js/jqu…

STM32之002--软件安装 Keil

文章目录&#xff1a; 一、安装 Keil 二、注册 三、安装芯片支持包 一、安装 Keil 重点 1&#xff1a; 安装时&#xff0c;不能使用中文路径&#xff0c;否则无法正常使用!! 重点 2&#xff1a; 不要安装 V5.36 及以上的版本&#xff0c;其默认AC6编译器&#xff0c…

C#,入门教程(21)——命名空间(namespace)与程序结构的基础知识

上一篇&#xff1a; C#&#xff0c;入门教程(20)——列表&#xff08;List&#xff09;的基础知识https://blog.csdn.net/beijinghorn/article/details/124094382 编写软件&#xff08;大软件称为系统&#xff09;与盖大楼一个道理。 假设咱们现在需要盖一座名为“天梯大厦”的…

UI开发布局-HarmonyOS应用UI开发布局

UI页面的构建不用再像Android开发过程中在.xml文件中书写&#xff0c;可直接在页面上使用声明式UI的方式按照布局进行排列&#xff0c;构建应用的页面。 如下代码使用Row、Column构建一个页面布局&#xff0c;在页面布局中添加组件Text、Button&#xff0c;共同构成页面&#…

VSCode OpenGL 环境搭建

目录 下载glfw、glad、安装vscode插件C/C Project Generator 下载glfw Download | GLFW 下载 glad https://glad.dav1d.de/ vscode 插件安装&#xff1a; C/C Project Generator 创建C项目&#xff1a;commondp 项目结构如下图&#xff1a; 添加glfw、glad 添加glfw 头…

ICBE 2024第十二届深圳国际跨境电商交易博览会

ICBE 2024第十二届深圳国际跨境电商交易博览会 暨中国跨境电商综试区发展高峰论坛 展会时间&#xff1a;2024年9月2日-4日 展会地点&#xff1a;深圳会展中心&#xff08;福田&#xff09; 指导单位:广东省商务厅 主办单位&#xff1a;广东省电子商务协会/扩展集团 承办单…

Kafka-RecordAccumulator分析

前面介绍过&#xff0c;KafkaProducer可以有同步和异步两种方式发送消息&#xff0c;其实两者的底层实现相同&#xff0c;都是通过异步方式实现的。 主线程调用KafkaProducer.send方法发送消息的时候&#xff0c;先将消息放到RecordAccumulator中暂存&#xff0c;然后主线程就…

C++_Lambda表达式的完整介绍

目录 1. 什么是Lambda表达式 1.1 四种表达式的含义 1.2 lambda表达式各个成员的解释 2. 捕获列表 3. 编译器如何看待Lambda表达式 参考文章 参考: C Lambda表达式的完整介绍 - 知乎 c在c11标准中引入了lambda表达式&#xff0c;一般用于定义匿名函数&#xff0c;使得代码…

【java基础】String、StringBuffer和StringBuild 那些事

String 基本特性 String是一个final类&#xff0c;代表不可变的字符序列。字符串是常量&#xff0c;用双引号引起来表示。它们的值在创建之后不能更改。String对象的字符内容是存储在一个字符数组value[]中的。 String的继承图 Serializable 在 Java 中&#xff0c;Seriali…

Electron中苹果支付 Apple Pay inAppPurchase 内购支付

正在开发中&#xff0c;开发好了&#xff0c;写一个完整详细的过程&#xff0c;保证无脑集成即可 一、先创建一个App 一般情况下&#xff0c;在你看这篇文章的时候&#xff0c;说明你已经开发的app差不多了。 但是要上架app到Mac App Store&#xff0c;则要在appstoreconnect…

中央空调安装冷媒配管基本要求一

冷媒配管施工三原则:清洁、干燥、气密 施工流程&#xff1a; 安装机组-按施工图配管-氮气置换&钎焊-管道吹洗-气密试验-真空干燥 配管的安装 R410A冷媒配管要求 材料:磷酸脱氧无缝铜管&#xff0c;设计压力:4.0Mpa以上(运行压力比R22高约1.6倍) 洁净度要求: 杂质含量<3…

Qt QCustomPlot 绘制子轴

抄大神杰作&#xff1a;QCustomplot&#xff08;五&#xff09;QCPAxisRect进行子绘图-CSDN博客 需求来源&#xff1a;试验数据需要多轴对比。 实现多Y轴、单X轴、X轴是时间轴、X轴range联动、rect之间的间距是0&#xff0c;每个图上有legend(这里有个疑问&#xff0c;每添加…