栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > JavaScript

js模拟3D场景效果代码打包

JavaScript 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

js模拟3D场景效果代码打包

要在二维空间模拟出三维的效果,就需要把三维的坐标转换成二维坐标。一个最基本依据是:东西越远,看到大小就越小,坐标越往消失点靠拢。
  透视公式:
   scale = fl / (fl + z);
   scale是大小的比例值,0.0到1.0之间,fl是观察点到成像面的距离,通常这个值是固定,z就是物件的三维空间中的z轴。
  在写这些代码之前,我喜欢用面向对象来描述我写的这些东西,比如我需要一个场景,场景是个空间,空间内是可以容纳各种物件的,物件是个对象,物件是是x,y,z三个维度的,场景可以插入任意多的物件,物件就会以它的坐标值,显示在场景的特定位置,由场景来负责物件的显示位置。
  一些demo,请使用鼠标移动及滚轮来控制。
效果1

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
效果2

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
效果3

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
效果4

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/113398.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号