今天郭先生收到评论,想要之前制作太阳系的案例,因为找不到了,于是在vue版本又制作一版太阳系,在线案例请点击博客原文(加载时间比较长,请稍等一下)。话不多说先看效果图。 图片有点多,先放三张,相比于上一个版本,这个版本制作更加细致,动画更加流畅。那么下面分析一下主要代码。 1. 先 ...
最近学了three.js,想拿来练练手,喜欢宇宙,于是亲手撸代码来完成这个,为了更真实,于是查了一些相关资料。 . 距离太阳由近及远分别是 水星,金星,地球,火星,木星,土星,天王星,海王星 . 他们分别到太阳的距离为 , , , , , , , 单位万千米 . 他们的半径分别为 , , , , , , , 千米 . 他们的公转周期分别为 , , , , , , , 天 . 他们的自转周期分别为 ...
2019-12-21 17:08 6 1227 推荐指数:
今天郭先生收到评论,想要之前制作太阳系的案例,因为找不到了,于是在vue版本又制作一版太阳系,在线案例请点击博客原文(加载时间比较长,请稍等一下)。话不多说先看效果图。 图片有点多,先放三张,相比于上一个版本,这个版本制作更加细致,动画更加流畅。那么下面分析一下主要代码。 1. 先 ...
没考虑各大行星自转轴指向的问题,都是默认指向y轴方向。 ...
行星。 效果图如下: 预览地址:three.js模拟实现太阳系行星体系 初始化场景、相机、渲 ...
因为之前的几节讲了一些数学方法,例如Vector3、Matrix4、Euler还有Quaternion的知识。所以这篇郭先生就来说说用three.js怎么制作一个魔方。在线案例请点击博客原文 制作魔方主要运用坐标变换的知识,制作魔方的方法有很多,建议你先在大脑中构思,然后试着做一做,下面 ...
three.js使用的人太少了,一个博文就几百个人看,之前发js基础哪怕是d3都会有几千的阅读量,看看以后考虑说一说d3了,哈哈。吐槽完毕回归正题。前几天郭先生看到网上有人开发了3D机房,正愁博客没什么写的,于是昨天熬夜也做了一个,今天就把大体的流程告诉萌新们,先说说主要功能模块。 墙体 ...
今天郭先生又出来制作游戏了,最近有小伙伴要做一个逻辑转体小游戏,我怎么能不先来试试呢。玩法可以看上面的连接,下面附几张图。线案例请点击博客原文。 游戏规则不懂得可以看自行百度哈,其实玩起来还挺有难度的。关于这个问题,对于新手来说,主要需要克服两个困难。一是这个模型的旋转轴不是固定 ...
这一篇书接上文,说一说剩下的一些模块。 1. 机箱存储占用比率 机箱存储占用比其实很简单,就是在机箱上新加一个组即可,然后根据比率值来设置颜色,这个颜色我们去HSL(0.4,0.8,0.5) ~ ...
这是个基于three.js的插件,预览地址:戳这里 使用方法: 1、这个插件的用法很简单,引入如下2个js 2、初始化一下,(具体各种参数配置根据情况而定) 配置参数 下面是该全景图插件的所有可用配置参数: 3、上面demo的代码 ...