- 博客(71)
- 收藏
- 关注
RSS订阅原创 第10章、dva介绍与环境搭建；
1、介绍；dva 首先是一个基于 redux 和 redux-saga 的数据流方案，然后为了简化开发体验，dva 还额外内置了 react-router 和 fetch，所以也可以理解为一个轻量级的应用框架。2、特性；易学易用：仅有 6 个API，对 redux 用户尤其友好，配合 umi 使用降低为 0 API；elm概念：通过reducer，effect 和 subscription 组织 model；
2024-07-29 15:54:19
237
原创 第9章、React Hook新特性；
1、Hook 是 React16.8的新特性，在不编写 class 的情况下使用 state 以及其他的 React 特性；二、React新特性 Effect Hook；
2024-07-26 14:44:13
209
原创 第7章、React&Redux 实战 - 登录注册验证；
一、登录注册认证系统课程介绍；六、使用axios发送请求；八、前端显示表单验证错误；九、补充事件点击bug；四、页面与路由搭建；
2024-04-12 17:59:18
295
原创 第3章、Fetch网络请求
在进行跨域请求时，fetch api 提供了一种简单而强大的解决方案：使用 cors（跨域资源共享）头部实现跨域请求；该协议使用 http 请求和响应进行通信，与传统的 ajax 方式相比，fetch 更加简单易用；三、React Fetch 配置 package 文件解决跨域问题；fetch 是一种网络通信协议，用于在客户端和服务器之间传输数据；fetch api 默认只支持 get 和 post 请求方法；四、React Fetch 手动配置跨域；五、React Fetch 封装网络请求；
2024-04-11 16:34:44
384
1原创 前言：web可视化3D技术的学习路线
可以使用blender去掌握制作各种动画，以前是通过编写代码编写的动画，我们可以使用blender软件去将我们复杂的动画先做好，做好之后再到处到网页中，这样的话就可以做出各种各样的复杂动画，或者是轨迹动画以及我们的一些人物动画、物体动画都可以制作出来。3d的渲染肯定是要逼真，需要结合pbr的使用，需要详细的了解什么是pbr？这和传统的前端其实是两种不一样的东西。我们需要掌握css的3D的渲染器对应的渲染页面的web的元素和html内容进行互动，进行3d的效果的展示、3d的互动，跟随物体的变化而变化；
2024-04-02 17:13:38
545
原创 1、使用 Vue3 封装 Button 组件（一）
type：不同的样式 （Default、Primary、Danger、Info、Success、Warning）需求分析、初始化项目、确定项目文件结构、规范基础写法、样式解决方案以及色彩系统。size：不同大小（small、normal、large）3、Button组件的本质：就是 class 名称的组合。十一、使用PostCSS生成对应CSS颜色变量；五、Button编码第二部分；九、添加CSS Reset；十、给Button添加样式；六、选取CSS解决方案；十二、Button总结；
2024-04-02 17:07:30
406
原创 第二十六章、材质与智慧园区物体实现；
二、原理化 BSDF 各种属性使用；五、使用image插件快速搭建房子；四、物体设置两种材质打造大厦屋顶；七、使用建筑生成插件快速生成建筑；六、通过实现照片打造摩天大厦；十一、根据地图创建多边形建筑；三、使用纹理贴图创建大厦；九、制作照亮路面的路灯；一、原理化 BSDF；十、根据地图打造马路；
2024-04-01 11:49:39
424
原创 第二十四章、blender建模；
进入编辑模式 -》选择一条线 -》操作面板 -》选择 -》选择循环 -》循环边 / 并排边；选择多个顶点 -》面板选择 "顶点" -》从顶点创建边/面 -》渲染出来 线 或者 面；进入编辑模式，选择点、线、面，点击删除按钮，弹出面板，然后进行删除操作；选择两个点之间的最短路径：选择两个点 -》选择相连元素 -》最短路径；进入编辑模式，键盘上面的1，2，3 对应 选中点、线、面；对点、线、面 可以进行移动、旋转、缩放 的操作；1、点、线、面的选择；1、删除点、线、面；2、渲染点、线、面；
2024-03-29 14:25:02
822
原创 第二十三章、blender操作教学；
二、物体移动旋转缩放设置方式；三、变换坐标系与变换轴心点；七、设置物体的父级和子级；十、各种视图着色预览使用；五、模式切换与物体切换；六、物体合并与分离；九、平滑与平直着色；
2024-03-13 16:33:58
2191
原创 第二十一章、智慧城市
二、Vue创建智慧城市项目 并 配置glsl写法；十二、edgeGeometry生成建筑线框特效；六、多层着色器特效合并 与 城市光圈扩散效果；九、利用tube特性生成带纹理图案飞线；十五、封装3D警告标识与点击提示事件；十、飞线方案2-着色器绘制酷炫飞线；十一、函数翻折实现彗星型飞线动画；五、城市模型科技感渐变效果；十四、智慧城市雷达扫描特效；三、项目基础代码结构分解；七、直线光带掠过城市效果；八、从上向下扫描衬衫特效；一、智慧城市和项目介绍；十三、智慧城市光墙特效；四、生成城市建筑模型；
2024-03-08 17:58:51
193
原创 第二十章、全景科技与科技展馆；
八、进阶项目 户型墙体顶点根据顶点数据自动生成；七、进阶项目 全景图映射到对应的地面和天花板；四、全局加载进度管理实现页面Loading；九、进阶项目 切换房间查看全景效果；六、进阶项目 户型数据生成地面；一、VR全景看房原理与实现；五、扩展提升实现科技展览馆；二、全景看房场景房间切换；三、房间切换之地图动画；
2024-03-08 09:39:22
182
原创 第十六章、效果合成与后期处理
三、使用shaderPress实现自定义合成效果；二、实现抗锯齿、点效果、发光、屏幕闪动等效果；四、使用法向纹理实现自定义合成效果；五、运用时间打造水底波浪动态效果；一、合成效果原理与设置；
2024-03-08 09:22:58
152
原创 第十五章、使用着色器加工材质；
二、修理物理光照材质制作人物被打效果01；三、修理物理光照材质制作人物被打效果02；四、修理物理光照材质制作人物被打效果03；一、three框架材质原理与应用；
2024-03-06 11:53:52
205
原创 第十四章、绚丽烟花交互项目案例；
一、点着色器设置绚丽烟花项目案例01；二、点着色器设置绚丽烟花项目案例02；三、点着色器设置绚丽烟花项目案例03；
2024-03-06 11:49:39
133
原创 第十三章、着色器设置点材质；
五、根据视图Position设置点图案远近大小；六、着色器设置顶点旋转打造臂旋星系；六、着色器设置顶点颜色打造臂旋星系；四、Points生成不同点图案；一、着色器设置点材质基本设置；三、使用纹理设置点着色器材质；二、着色器图形设置原理；
2024-03-06 11:30:44
105
原创 第十二章、着色器打造烟雾水云效果；
二、sin函数与噪音函数混合；五、设置水流与波纹方向与速度；一、烟雾水效果与代码准备；三、设置sin与噪声参数；六、设置官方提供的水模型；四、时间打造流动效果；七、打造沙滩、水池；
2024-03-06 11:23:41
402
原创 第十一章、精通着色器编程；（难点）
三、认识rawShaderMaterial 与 attribute un；五、uniform传递时间变量打造动画与通过uv采样；十一、shader着色器打造漫天飞舞孔明灯2；十、shader着色器打造漫天飞舞孔明灯1；九、shader着色器编写各种图案2；八、shader着色器编写各种图案；二、着色器插件安装与文件导入开发；四、控制顶点位置打造波浪形状；七、着色器编写各种类型图案2；六、着色器编写各种类型图案；一、初始着色器语言；
2024-03-06 11:18:53
329
原创 第十章、WEBGL与GPU渲染原理（难点）；
四、缩放矩阵与uniform变量和varying变量；五、着色器glsl基本规范；三、WEBGL绘制三角形；
2024-03-06 11:04:21
553
原创 第九章、应用物理引擎设置物体相互作用；
二、使用物理引擎关联Threejs物体；一、认识物理引擎与cannon安装；三、设置固定不动的地面与小球碰撞；四、监听碰撞事件和控制碰撞音效；五、关联材质设置摩擦与弹性系数；六、立方体相互碰撞后旋转效果；七、给物体施加作用力；
2024-03-06 11:00:02
132
原创 第八章、打造3D全屏滚动官网；
五、gsap控制网页切屏文字动画；四、切屏触发当前屏幕物体特效；二、同步屏幕滚动与相机位置；六、鼠标控制相机摇晃特效；七、设置滚动条隐藏的方式；一、设置页面结构与样式；
2024-03-06 10:48:07
139
原创 第六章、精通粒子特效；
四、通过封装与相机裁剪实现漫天飞舞的雪花；五、运用数学知识打造复杂形状臂旋星系01；六、运用数学知识打造复杂形状臂旋星系02；七、运用数学知识打造复杂形状臂旋星系03；八、运用颜色收敛方法设置星系臂旋渐变；三、应用顶点着色打造绚丽多彩的星空；一、初识Points 与 点材质；二、深度解析点材质属性；
2024-03-06 10:31:16
117
原创 第五章、详解灯光与阴影；
二、平行光阴影属性 与 阴影相机原理；三、详解聚光灯各种属性与应用；四、详解点光源属性 与 应用；一、灯光与阴影的关系与设置；
2024-03-06 10:15:04
105
原创 第四章、详解材质与纹理；
十六、清除物体、几何体 、材质、纹理保证性能 和 内存不能泄露；三、设置 纹理显示算法 与 mipmap；七、标准网格材质 与 光照物理效果；九、设置粗糙度 与 粗糙度贴图；十五、经纬线映射贴图 与 HDR；八、置换贴图 与 顶点细分设置；十二、如何获取各种类型纹理贴图；二、详解纹理偏移、旋转、重复；十、设置金属度 与 金属贴图；四、透明材质 与 透明纹理；六、详解 PRB 物理渲染；五、环境遮挡图 与 强度；十三、纹理加载进度情况；十一、法线贴图 应用；一、初识材质与纹理；十四、详解环境贴图；
2024-03-06 10:06:36
502
原创 第三章、全面认识three.js物体；
二、BufferGeometry 设置顶点创建矩形；三、生成酷炫自定义三角形科技物体；一、掌握几何体顶点 UV 属性；四、常用网格几何体；
2024-03-06 09:52:02
241
智慧工厂，采用webgl、three.js等3D前端效果打造
2024-04-07
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人