位置: 编程技术 - 正文

使用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)

  • 长期零申报的公司容易注销吗
  • 国税和地税的区别
  • 汇总记账凭证会计核算形式与科目汇总表
  • 开承兑汇票的条件 费用
  • 材料费发票税点
  • 以前年度多计管账怎么做
  • 季度所得税可以零申报吗
  • 电子商业汇票怎么兑现
  • 资产负债表里面的应收账款怎么算
  • 滴滴的发票能不能作废
  • 电子发票冲红后算金额吗?
  • 土地所有权可以出资吗
  • 转让土地缴纳增值税进项如何抵扣
  • 合作建房如何纳税
  • 没残值的固定资产有哪些
  • 结转周转材料成本差异会计分录
  • 建筑企业如何管理资质证书
  • 企业购买的衣服会计分录
  • 增值税普通发票需要交税吗
  • 增值税发票开户行填简称是被允许的吗?
  • 个体户缴纳个人经营所得税分录
  • 航天金税费用怎么做账
  • 通用机打发票上没有税率
  • 租房时,怎么替房东缴税?
  • 物业公司停车费怎么开票
  • 国家征收苗木专业合作社成员土地,应该怎样出示证件
  • 员工福利费用会计怎么做
  • 销售收入交的印花税谁交
  • 已计提的存货跌价准备确认为净损失吗
  • 广播影视服务需要交文化事业建设费吗
  • 建筑业一般纳税人简易计税和一般计税
  • 出口货物免抵退税额确认会计分录
  • 上月留底的进项税额本月转出做什么分录
  • 如何从Windows 10注销其他用户
  • 临时文件夹移动到c盘根目录下windows7
  • 空头支票怎么办
  • win10重装系统后网卡没了
  • 企业财务会计
  • 卡洛里山脉
  • 可供出售金融资产现在叫什么
  • Laravel 5.4向IoC容器中添加自定义类的方法示例
  • 招待费增值税能抵扣吗
  • 怎么开通公众号微信公众平台
  • 代开增值税额与实际缴款额差一分钱如何入账
  • php接口技术
  • 微信小程序如何删除
  • 移动端适配 px
  • High-resolution image reconstruction with latent diffusion models from human brain activity
  • 数据库查询框架
  • 前一个月开的发票怎么查
  • 个人所得税申报流程图
  • 接待客人的本地人叫什么
  • 帝国cms升级到7.5后不能发布内容信息
  • json转pojo
  • 企业其他应收款包括哪些
  • 工业设备种类
  • mysql 随机
  • 国有企业投资程序
  • 金以旧换新合适吗
  • 奖金是职工福利?
  • 销货清单自己留哪一联
  • 支付水电费的会计
  • 稳岗补贴如何入账
  • 以下各项不属于肝郁气滞证表现的是
  • 增值税免税入账
  • 固定资产盘点表excel
  • MySQL replace into 语句浅析(一)
  • Windows Server 2008与2012建立林信任详细步骤
  • win8打开桌面
  • 电脑没有声音怎么恢复按哪个键
  • win7桌面提示7601
  • 如何打开和关闭HMB
  • Shell脚本监控日志 出现关键字 grep提醒
  • python中字符
  • jQuery+JSON实现AJAX二级联动实例分析
  • unity怎么替换模型位置
  • 普通发票开具系统
  • 如何证明发货前货物完好
  • 天津环保网站官网
  • 一般纳税人企业是什么意思
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设