位置: 编程技术 - 正文

使用3D引擎threeJS实现星空粒子移动效果(3d引擎开发)

编辑:rootadmin

推荐整理分享使用3D引擎threeJS实现星空粒子移动效果(3d引擎开发),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:3d引擎技术应用,3d引擎建模,threejs引入3d模型,3d引擎建模,3d引擎应用,3d引擎应用,3d 引擎,3d引擎应用,内容如对您有帮助,希望把文章链接给更多的朋友!

three.js是JavaScript编写的WebGL第三方库。提供了非常多的3D显示功能。Three.js 是一款运行在浏览器中的 3D 引擎,你可以用它创建各种三维场景,包括了摄影机、光影、材质等各种对象。

下载地址: 透视投影就是、从视点开始越近的物体越大、远处的物体绘制的较小的一种方式、和日常生活中我们看物体的方式是一致的。 正投影就是不管物体和视点距离,都按照统一的大小进行绘制、在建筑和设计等领域需要从各个角度来绘制物体,因此这种投影被广泛应用。在 Three.js 也能够指定透视投影和正投影两种方式的相机。

场景:

场景就是一个三维空间。 用 [Scene] 类声明一个叫 [scene] 的对象。

渲染器:三维空间里的物体映射到二维平面的过程被称为三维渲染。 一般来说我们都把进行渲染的操作叫做渲染器。

数据初始化

相机初始化说明:

  实例中使用的是透视投影. var camera = new THREE.PerspectiveCamera( fov , aspect , near , far );  透视投影中,会把称为视体积领域中的物体作成投影图。 视体积是通过以下4个参数来指定。  视野角:fov  纵横比:aspect  相机离视体积最近的距离:near  相机离视体积最远的距离:far

  设置相机的位置:

  相机的位置坐标和视野的中心坐标,按

  方式进行设置。 和该方式一样,下面这样的方法也可以    camera.position.set(,,);

此外还可以设置相机的上方向,视野中心等,设置相机的上方向为正方向: 

设置相机的视野中心

  利用[lookAt]方法来设置相机的视野中心。 「lookAt()」的参数是一个属性包含中心坐标「x」「y」「z」的对象。   「lookAt()」方法不仅是用来设置视点的中心坐标、 在此之前设置的相机属性要发生实际作用,也需要调用 [lookAt] 方法。

使用3D引擎threeJS实现星空粒子移动效果(3d引擎开发)

其他投影方式

在 Three.js 中、有各种各样的类,用来来实现透视投影、正投影或者复合投影(透视投影和正投影)这样的相机。

渲染器

创建CanvasRenderer对象.这是一个普通的2D画布对象,实例中我们添加到body标签中. 否则我们就不会看到它。我们想让它充满整个浏览器窗口,所以我们设置其大小为window.innerwidth和window.innerheight。

鼠标监听

使用自定义函数makeParticles()创建粒子,并为其添加mousemove侦听器来跟踪鼠标的位置,最后我们建立一个间隔调用update函数一秒次。update函数中的定义如下:

产生粒子的函数

math . random()返回一个浮点数在0和1之间,我们乘以,给了我们一个0到之间的数字。然后我们减去,这给了我们一个号码在-和之间.我们也可以这样定义一个生成范围区间内随机值的函数

绘制粒子的函数

定义粒子移动的函数,这里设置成移动速度随着鼠标距离Y轴0点的值越大,粒子移动越快,

鼠标移动时函数监听

至此,空间粒子简单效果学习完毕.

整合代码如下:

演示地址:

Bootstrap table使用方法汇总 bootstrap-table是在bootstrap-table的基础上写出来的,专门用于显示数据的表格插件。而bootstrap是来自Twitter,是目前最受欢迎的前端框架。Bootstrap是基于HTML、

js 毫秒转天时分秒的实例 实例如下所示:formatDuring:function(mss){vardays=parseInt(mss/(***));varhours=parseInt((mss%(***))/(**));varminutes=parseInt((mss%(**))/(*));varseconds

基于Bootstrap表单验证功能 基于Bootstrap表单验证,供大家参考,具体内容如下GitHub地址:

标签: 3d引擎开发

本文链接地址:https://www.jiuchutong.com/biancheng/369815.html 转载请保留说明!

上一篇:Three.js基础学习教程(three.js菜鸟教程)

下一篇:Bootstrap table使用方法汇总(bootstrap table edit)

  • 小规模免征增值税额度2023
  • 企业捐赠灾区
  • 补贴收入是否缴税
  • 预缴增值税的附加税
  • 国家规定先打五联还是麻腮风
  • 报销必须是公司吗
  • 收益法评估的基本思路
  • 母公司对子公司的债务承担连带责任
  • 2016 营改增 对建筑企业影响
  • 公益性生物资产属于什么科目
  • 加工生产产品的地方 用两个字形容
  • 简易征收的项目是否可以实行30万免税
  • 缴纳城建税会计分录怎么做账
  • 增值税销项税如何进行处理,有哪些种情况
  • 公路工程营改增
  • 开红字冲红发票 下个月怎么申报
  • 印花税没有按时申报怎么办
  • 进项税和销项税怎么理解
  • 现金收付业务流程图
  • 我公司以房产土地为主
  • 理财公司收到客户投资款怎么处理
  • 辅助核算的内容
  • win10系统升级软件
  • 为什么win10系统更新不了
  • 单位向员工出租房屋要交增值税吗
  • php的in_array
  • win7系统打印机在哪里
  • PHP:mcrypt_generic_init()的用法_Mcrypt函数
  • 长期待摊费用与预付账款的区别
  • php返回函数值的关键字
  • 金税三期个税扣缴客户端
  • 小企业固定资产折旧方法包括
  • 油卡预付卡发票能入费用吗怎么入账
  • 前后端分离弊端
  • vue该怎么学
  • ChatGPT 逆天测试,结局出乎预料
  • pythontime模块
  • xclip命令怎么用
  • 现金零星支出大还是小
  • 应交增值税是应收账款吗
  • sqlserver实现分页查询
  • sqlserver2008触发器语法
  • 小额零星业务税收政策
  • mysql注入的修复方式
  • 注销公司详细步骤
  • 太阳能发电的开发条件
  • 分公司挣的钱归谁所有
  • 跨月的增值税专用发票怎么冲红或者是作废
  • 2020年税务师报名流程
  • 政府补贴业务如何发放
  • 经营利润所得税费用
  • 增值税进项用不完怎么办
  • 预提费用如何做账务处理
  • 现金流量表的编制基础是权责发生制
  • 被投资企业注销,确认投资损失需
  • 会计凭证是对外公布的资料吗
  • 联合账簿是备查账簿和序时账簿的结合
  • 房地产企业资产减值损失
  • mysql5.7版本的服务的名字是
  • dwrg_repair.exe什么意思
  • 两台xp电脑怎么共享文件
  • win10系统预览版
  • linux查看文件夹大小
  • centos7软件安装
  • linux压缩文件tar命令
  • 内存 服务器
  • opengl geometry shader
  • JavaScript字体颜色
  • 怎么做小地图图片呢
  • 老生常谈的错别字
  • Knockout visible绑定使用方法
  • express中间件面试题
  • logcat read failure
  • js 单击弹出对话框
  • python socks
  • 税务局分局副局长什么级别的干部
  • 国家对供暖企业更换主管道有没有年限?
  • 专票怎么查询已开记录
  • 增值税税控系统专用设备及技术维护费
  • 山西省网上营业执照申请官网?
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设