图形化开发
文章平均质量分 89
图形化开发是未来前端发展的三个方向之一,本专栏主要记录threejs的学习历程以及学习过程中遇到的问题。
宇宙修理员
开垦和维修,缺一不可。|| CS研究生在读。
展开
-
react fiber加载gltf文件:3d模型
本文将从threejs引入3d模型讲起,到react fiber引入3d模型结束。提示:这里对文章进行总结:例如:以上就是今天要讲的内容,本文仅仅简单介绍了pandas的使用,而pandas提供了大量能使我们快速便捷地处理数据的函数和方法。......原创 2022-08-05 10:57:02 · 959 阅读 · 1 评论 -
react fibre接收后台数据,实时更新物体位置
通过按钮实现:点击一次鼠标,物体改变一次位置。react是个框架,react fiber是一种协调器。Fiber 协调器的主要目标是增量渲染,更好更平滑地渲染 UI 动画和手势,以及用户互动的响应性。所以,react又或者是react fiber中遇到的逻辑问题、语法问题等,通通都可以转化为底层JavaScript问题进行思考。...原创 2022-08-04 10:06:20 · 449 阅读 · 0 评论 -
react-three-fiber入门项目(1)-组件化设计
1. three.js入门知识点资料整理Global Warming项目是基于react框架写的threejs项目,本文将记录从html+threejs嵌入react fiber框架中的过程。背景中的地球仪将绕着y轴匀速转动。效果图分成两部分:将地球的材质贴图放在arc文件下的textures文件中,component文件下放结果图拆分出来的两个组件。地球仪earth文字topSectionCanvas 组件在幕后做了一些重要的设置工作:细节:此处参考博客:使用react-three-fiber原创 2022-07-14 16:48:08 · 1879 阅读 · 0 评论 -
three.js入门知识点整理
关于threejs和react-three-fiber的学习原创 2022-07-13 14:05:16 · 716 阅读 · 0 评论