- 博客(5)
- 问答 (1)
- 收藏
- 关注
原创 《threejs》十二周学习计划;04光源
5、半球光 HemisphereLight 从一个方向向所有方向发射的光,从高到低减半色,可以用来模拟天空到大地的效果;2、平行光 DirectonalLight 平行光是从一个方向向所有方向发射的光,平行光可以用来模拟太阳光的效果;3、点光源 PointLight 点光源是从一个点向所有方向发射的光,可以用来模拟灯泡的效果;4、聚光灯 SpotLight 聚光灯是从一个点向一个方向发射的光,可以用来模拟手电筒的效果;
2025-03-15 21:00:51
127
原创 《threejs》十二周学习计划;03物体的材质是什么
MeshBasicMaterial基础材质-不受光照影响、MeshStandardMaterial标准材质-受光照影响;漫反射:光线在物体表面的各个方向上均匀的反射,导致物体表面呈现出一种均匀的颜色;镜面反射:光线在物体表面的各个方向上反射,导致物体呈现出一种镜面的颜色;就是设置物体的皮肤,比如颜色、纹理、透明度、反射、光照、阴影等等;材质是一个对象,它包含了物体的外观和行为的所有属性;创建一个不受光照影响的几何体材质。创建一个受光照影响的几何体材质。光照又分为 漫反射、镜面反射。
2025-03-10 17:28:20
341
原创 《threejs》十二周学习计划;02让相机动起来
7、将上述逻辑放到animate方法中,这样相机的运动才会被渲染出来。以世界坐标0,0,0为原点,让相机围绕着0,0,0做旋转动作;4、通过三角函数计算相机在XY平面上的圆周运动坐标。6、找个参照物,不然会感觉相机没有动;3、通过角度累计增加,控制相机速度。5、让相机始终看向场景原点。
2025-03-09 16:57:37
252
原创 《threejs》十二周学习计划;01初识threejs
3、cmd:yarn add -D vite (下载vite依赖 node版本需要18以上 可以使用nvm管理node版本)2、现在还无法看到这个立方体,是因为没有设置好相机的位置,就像我们看不到身后的东西一样。9、创建渲染器、设置渲染器大小、将渲染器添加到页面中、将场景和相机放到渲染器中。4、cmd:yarn add -D three (下载three依赖)至此为止就成功创建了一个空的three项目;threejs三要素:场景、相机、渲染器;1、创建一个立方体、将立方体添加到场景中。
2025-03-09 14:59:00
120
原创 TensorFlow.js识别手写文字
在页面上放一个canvas、img、两个按钮,等训练结束后,用这个canvas手写数字,保存到img上,用来识别我们的训练结果是否准确。当浏览器弹出下图的框时,代表着训练结束,可以在页面左侧的框中用鼠标点击拖动输入数字,然后点击下面的识别,来测试模型。tf.min.js tfjs-vis.umd.min.js tf的依赖。这个文件中引入了精灵图和标签文件,因为网络的原因,我将这两个文件下载到了本地项目中。canvas、ctx用于操作canvas,绘制鼠标点击后的轨迹图,data.js 用于分割精灵图。
2024-01-26 11:24:26
2055
2
空空如也
java+oracle实现新增方法失败,怎么解决?
2017-03-22
TA创建的收藏夹 TA关注的收藏夹
TA关注的人