自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(44)
  • 收藏
  • 关注

原创 设计参考来源

B端产品 - 搜索结果 - 花瓣。

2024-01-22 11:22:33 865

原创 B端系统-权限管理

当然用户组是可以拓展的,部门和职位常用在内部的管理系统,如果是面向c端的系统,比如淘宝网的商家,商家自身也有一套组织架构,如采购部,销售部,客服部,后勤部,有些人拥有客服权限,有些人拥有上架权限等,这就体现了用户组的扩展性。关于数据权限的处理,常见的有两种方式,一种是在角色内完成数据权限的定义,另一种是将角色和权限分开,两种方式各有偏重。即页面的功能按钮,包括查看,新增,修改,删除,审核等,用户点击删除按钮时,后台会校验用户角色下用户的所有权限是否包含该删除权限,如果是,就可以下一步,反之提示无权限。

2023-11-29 10:20:10 183

原创 figma-如何批量修改字体

编辑—>替换相同字体。

2023-10-31 11:54:54 5214

原创 产品-需求文档

产品概览、产品架构、UML 相关、流程梳理、文档相关、消息推送、原型界面、功能交互、废纸篓等。

2023-08-08 10:34:54 104

原创 UI学习资源

UI、figma

2023-05-22 11:04:49 102

原创 figma-图标

iconfont支持蓝色使用插件:Fill Rule Editor1.figma导入iconfont问题会遇到图标不一致的情况图标由黄色改为蓝色2.需要Flatten之后好用,选中内层图标,不要变成组件,直接改图形,目标是把它变成蓝色的需要点击高亮处,把空隙里面内容去掉另外要在原子组件里调。

2023-03-24 17:43:23 1477 1

原创 AI绘画工具

AI绘画midjourneyhttps://mp.weixin.qq.com/s/UowaksuKvsdz4Kly8uaLZwStable Diffusion

2023-03-24 15:47:10 253

原创 figma-插件汇总

收费。

2023-03-24 14:42:03 305

原创 figma-颜色

梯度色板

2023-03-23 17:42:44 1354

原创 figma-样式

所有带4个小方块按钮的都是可以添加样式的,需要先建立好一个样式,然后再点击添加样式的按钮。文字,颜色等都可以添加样式。

2023-03-23 10:54:34 566

原创 Three.js入门学习笔记14:动画小球完整案例

three.js

2023-03-23 10:20:31 145

原创 Three.js入门学习笔记20:如何防止模型变形

three.js

2023-03-23 10:19:18 565

原创 Three.js入门学习笔记09:Three.js对象拾取,鼠标点击对象响应事件

three.js

2023-03-23 10:16:26 1524

原创 Three.js入门学习笔记06:外部模型导入-C4D转成json文件供网页使用-材质导入

参考学习:Three.js入门指南https://www.ituring.com.cn/book/1272今日目标:把带材质的模型能够良好的导入网页中有错误的地方欢迎指正,我会仔细研究学习,加以改进哒~~~~~一.导入obj格式的静态外部模型教程参考:https://www.ituring.com.cn/book/miniarticle/53881(一).引入无材质模型,在代码中设置...

2023-03-23 10:15:50 432

原创 figma-快捷键

快捷键

2023-03-23 10:11:37 4380

原创 figma-组件库建立

组件库

2023-03-23 10:10:39 3657

原创 figma-autolayout专题

fill就是填满,就是让元素跟着父元素走,比如原来子元素是超出外框的,给子元素一个fill,它就收进来了。1.如果是给一个形状,shift+a,autolayout 则形状是子元素,还有一个frame父元素。用栅格自动处理除不尽的问题,自动计算间距,只要375把两边边距留好,中间间距留好,位置约束好即可。hug:跟着内容走,内容大就大,被撑起来,默认就是这种状态,对应前端里的box默认状态。HUG:指向子元素,跟着里面内容走,内容变大,frame就变大,没有子元素就没有HUG。

2023-03-23 09:59:18 953

原创 Audio2Face-语音驱动虚拟人表情

输入自己的音频,导入maya模型,让maya模型通过音频驱动说话。

2023-01-08 20:28:35 4603

原创 AE学习02:时间轴

时间轴学习目录1.视频剪辑#2.时间轴伸缩3.冻结关键帧4.缓动曲线

2022-02-11 16:36:25 5123

原创 AE学习01:AE完整项目总结

一.总结目录1.新建项目2.项目制作3.项目导出4.技术内容

2022-02-11 14:17:50 4349

原创 Three.js入门学习笔记19:如何导入fbx静态模型

参考资料:https://www.jianshu.com/p/906072e601971.在JS里引入下面两个文件 <script type="text/javascript" src="js/FBXLoader.js"></script> <script type="text/javascript" src="js/inflate.min.js"></script>2.引入fbx文件,fbx文件放在页面同级文件夹里var loader =

2020-05-22 09:07:20 2646

原创 Three.js入门学习笔记18:如何用blender导出json文件

参考教程:https://www.jianshu.com/p/f7b45d9b957b需要在blender中安装导出three.js的插件blender需要2.79版本才行方法1:把js放入网页中参考教程https://blog.csdn.net/cj9551/article/details/80307426https://www.jianshu.com/p/f7b45d9b957...

2020-04-14 14:07:10 4421 7

原创 C4D学习笔记3-动画-动画渲染流程案例

学习教程:https://huke88.com/course/8787.htmlquick time需要下载安装,导出Mov格式全部帧就是整个帧频的红框处,预览范围就是蓝框的部分PNG格式导出1.保存时,输出图片序列,推荐png格式,图片序列在ae中导出2.渲染图片序列之前先新建一个文件夹3.透明底勾选透明通道4.直接在界面里渲染5.导入ae找到图片序列文件夹,选...

2020-04-10 14:29:37 3549

原创 C4D学习笔记2-动画-时间线及时间函数

学习课程:https://huke88.com/course/8786.html两种方式调出时间线1.界面-animate2.窗口-时间线3.animate界面-时间函数红框处点击可以看到立方体的动画曲线窗口操作:1.滚轮向上窗口加长,滚轮向下窗口压缩2.鼠标左键+键盘1号键可移动视窗3.鼠标左键+键盘2号键可缩放横向范围4.时间线差值两个关键帧之间的过渡如果运动...

2020-04-09 17:37:26 7939

原创 C4D学习笔记1-动画-动画关键帧

学习教程:https://huke88.com/course/8794.html一.帧频每秒播放多少张图片25帧/秒以下就卡顿通常C4D制作:25,30,60帧/秒默认界面下是30秒,播放90帧用3秒二.动画分类1.关键帧动画-PSR:postion scale rotation-PLA: point level animation各类参数动画2.非关键帧动画动...

2020-04-09 16:08:59 15415 2

原创 Three.js入门学习笔记17:鼠标控制json文件的3d模型旋转

参考学习https://blog.csdn.net/tuoxinquyu/article/details/72391797一.鼠标控制原理:当按下鼠标时及时当前鼠标的水平坐标clientX1,在鼠标移动的过程中不断触发onMouseMove事件,不停的记录鼠标的当前坐标clientX2,由当前坐标减去记录的上一个水平坐标,并且将当前的坐标付给上一个坐标clientX1,计算两个坐标的之间的...

2020-03-27 17:20:08 980

原创 Three.js入门学习笔记15:Threejs帧动画模块

参考学习http://www.webgl3d.cn/Three.js/编辑关键帧并解析播放Threejs提供了一系列用户编辑和播放关键帧动画的API,例如关键帧KeyframeTrack、剪辑AnimationClip、操作AnimationAction、混合器AnimationMixer。编辑关键帧:关键帧动画是通过关键帧KeyframeTrack和剪辑AnimationClip两个...

2020-03-24 17:23:24 2262

原创 Three.js入门学习笔记12:模型沿着任意轨迹线运动

参考学习http://www.yanhuangxueyuan.com/doc/Three.js/curveRun.htmlhttp://www.yanhuangxueyuan.com/doc/three.js/ringrun.html

2020-03-20 17:28:58 3586

原创 Three.js入门学习笔记13:动画学习

参考学习https://www.ituring.com.cn/book/miniarticle/53322setInterval方法可自定义fpssetInterval(func, msec)func是每过msec毫秒执行的函数,如果将func定义为重绘画面的函数,就能实现动画效果。setInterval函数返回一个id,如果需要停止重绘,需要使用clearInterval方法,并传入...

2020-03-20 17:27:59 543

原创 Three.js入门学习笔记11:Three.js-Group组合对象

参考学习http://www.yanhuangxueyuan.com/doc/Three.js/Group.htmlhttps://blog.csdn.net/ithanmang/article/details/80965712http://www.yanhuangxueyuan.com/Three.js/https://www.cnblogs.com/guxingy/p/11956390...

2020-03-17 14:13:46 1994

原创 Three.js入门学习笔记10:Three.js网格

参考学习:https://www.ituring.com.cn/book/miniarticle/52525一.网格概念最常用的一种物体就是网格(Mesh),网格是由顶点,边,面等组成的物体。其他物体包括线段(Line),骨骼(Bone),粒子系统(ParticleSystem)等。创建物体需要指定几何形状和材质,其中,几何形状决定了物体的顶点位置等信息,材质决定了物体的颜色,纹理等信息。...

2020-03-17 11:41:02 343

原创 Three.js入门学习笔记08:OrbitControls.js插件-鼠标控制模型旋转,放大缩小,平移等

学习参考https://blog.csdn.net/qq_30100043/article/details/79606355一.引入1.引入OrbitControls.js文件,在three.js官方下载压缩包里找到<script type="text/javascript" src="js/OrbitControls.js"></script>二.添加 /...

2020-03-13 13:57:03 2872 5

原创 Three.js入门学习笔记07:外部模型导入-C4D转成json文件供网页使用-fbx导入

上一篇用的obj导入,转成json发现有些材质加载不进去,不知是什么原因。比如blender导入obj模型的时候,只要obj和mtl材质文件在同一个文件夹内,正常情况,导入obj的同时就能直接导入同文件夹下的mtl。在blender中可以看到有完整材质的obj模型,但是用three.js插件转成json放在网页里时,材质有缺失。这个问题还没解决。于是我换成用c4d转fbx,fbx导入ble...

2020-03-12 14:40:05 6216 3

原创 Three.js入门学习笔记05:外部模型导入-C4D转成json文件供网页使用

参考学习:https://www.jianshu.com/p/906072e60197var objectLoader = new THREE.ObjectLoader(); objectLoader.load("../model/eee.json", function ( obj ) { console.log(obj); scope.obj=obj;...

2020-03-05 16:59:18 4813 2

原创 Three.js入门学习笔记04:外部模型导入-无材质obj模型

参考学习:Three.js入门指南https://www.ituring.com.cn/book/miniarticle/53810外部模型导入支持格式外部文件导入辅助函数下载地址https://github.com/mrdoob/three.js/tree/master/examples/js/loaders*.obj是最常用的模型格式,导入*.obj文件需要OBJLoader.js...

2020-03-05 14:45:38 1722

原创 Three.js入门学习笔记03:透视投影照相机

参考内容:https://www.ituring.com.cn/book/miniarticle/49446##透视投影照相机不同于正交投影,物体大小不受远近的影响,透视投影更符合物理视觉,近大远小。构造:var camera = new THREE.PerspectiveCamera(fov, aspect, near, far);灰色是视景体,可以被渲染的部分,fov是视景体竖...

2020-03-04 14:51:25 358

原创 Three.js入门学习笔记0:图解WebGL与Threejs工作原理

参考内容https://www.jianshu.com/p/67809ccba021?tdsourcetag=s_pcqq_aiomsg我理解的就是:1.通过矩阵变换坐标,将三维坐标,变换为屏幕上的二维坐标2.通过获取顶点坐标,图元装配等,绘制点,直线,三角形,构建三维场景。3.three.js帮我们计算矩阵,转换坐标,简化了很多其他事情。所以我们要做的就是把真实世界的三维物体,通过绘...

2020-03-04 09:46:31 948 1

原创 Three.js入门学习笔记00:坐标系,照相机(暂时理解)

学习正交照相机遇到一些问题没理解透彻,在这里整理一下暂时的理解,以后再修正,小白一个,有错误欢迎指正。一.坐标系世界坐标系为右手坐标系,X正向向右,Y轴正向向上,Z轴正向由屏幕内伸向屏幕外。围绕轴旋转拇指指向旋转轴的正方向,四指弯曲的方向为旋转的正方向cube.rotaion.y -= 0.01; //弧度本地坐标物体的坐标,在物体中心点。可添加辅助坐标轴var axisH...

2020-03-03 16:47:19 1009

原创 Three.js入门学习笔记02:正交投影照相机

照相机(Camera)WebGL和Three.js使用的坐标系是右手坐标系,如下透视投影:近大远小,更接近真实。如图a正交投影:投影在二维空间中也是平行的,如图b(一) 正交投影照相机(Orthographic Camera)THREE.OrthographicCamera(left, right, top, bottom, near, far)这六个参数分别代表正交投影照相机拍...

2020-03-02 16:51:09 615

原创 Three.js入门学习笔记01:建立简单立方体场景

参考文章:https://blog.csdn.net/qq_26822029/article/details/91353209参考学习《Three.js入门指南》:https://www.ituring.com.cn/book/1272一.学习目标:理解建立一个小立方体三维场景的方法二.学习内容:1.建立可旋转的三维立方体我们要在页面里建立一个可以转动的三维小立方体,怎么来实现呢?...

2020-03-02 16:47:50 505

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除