zzatp

ThreeJs特效(颜色动画)

摘要： 1、导入测试面片，贴上贴图 2、勾选颜色动画点击颜色条打开颜色key帧动画面板 3.简单操作视频阅读全文

posted @ 2024-04-08 20:20 zzatp 阅读(158) 评论(0) 推荐(0)

webgpu用最简短的代码画一个三角形

摘要：

1.包含webgpu的初始化 2.三角形顶点缓冲的创建以及将cpu数据填充到gpu里 3.webgpu里着色器的编写，以及通过代码创建webgpu的着色器程序对象 4.通过顶点和像素阶段的描述创建一个渲染管线话不多说直接贴代码: <html> <head> <meta charset="utf-8 阅读全文

posted @ 2023-10-23 19:39 zzatp 阅读(115) 评论(0) 推荐(0)

ThreeJs渲染3d,FairyGUI渲染UI

摘要： 1.从github地址https://github.com/gameatp/FairyGUI-threejs下载库文件 2.index.html里引入fairyguijs库 3.初始化fairygui加载ui资源并渲染到3d窗口上 4.最终效果如下: 阅读全文

posted @ 2022-03-02 12:20 zzatp 阅读(593) 评论(1) 推荐(0)

ThreeJs编辑器(Oss上传预览模型)

摘要： 1、准备好阿里云Oss 1、开通阿里Oss对象存储服务并创建一个bucket 访问官网开通并创建一个bucket 官网网址: https://www.aliyun.com/ 2、创建阿里Oss的AccessKey Id和 AccessKey Secret 操作参考网址: https://help.a 阅读全文

posted @ 2022-01-11 22:00 zzatp 阅读(861) 评论(0) 推荐(0)

ThreeJs编辑器(Lod减面)

摘要： 1、点击转换 Lod自动减面，系统一共预设了3个等级分别按照原总面数 * 0.7, 0.5，0.3的比例来进行减面。点击生成即可生成对应等级的.model文件,比例精度可以修改，拖动滑块调整。点击生成后会出现一个: 原模型名_Lod1.model的新模型 2、打开低等级模型打开低等级模型后发现总阅读全文

posted @ 2022-01-11 21:20 zzatp 阅读(1388) 评论(0) 推荐(0)

ThreeJs编辑器(环境贴图转换)

摘要： 1、准备好.hdr格式的全景图 2、开始转换弹出选中刚准备好的chun.hdr文件生成好我们需要的环境贴图、缩略图、预过滤dds文件 3、复制转换好的文件夹到工作目录cubemaps文件夹下 4、场景模块就能找到新加入的环境贴图阅读全文

posted @ 2022-01-11 21:09 zzatp 阅读(970) 评论(2) 推荐(0)

ThreeJs编辑器(材质贴图指定)

摘要： 1、在模型同级目录新建一个textures名字的文件夹，将贴图放到文件夹里(温馨提示:如果使用fbx格式,在建模软件导出时候勾选“嵌入媒体文件"贴图将自动解压放入textures文件夹里) 2、材质属性面板为各贴图通道指定贴图 3、简单操作视频阅读全文

posted @ 2022-01-11 17:02 zzatp 阅读(1058) 评论(0) 推荐(0)

ThreeJs编辑器(模型材质编辑)

摘要： 1、选中一个模型 2、选中一个材质或者场景里双击模型选中对应材质球 3、编辑材质属性 4、简单操作视频阅读全文

posted @ 2022-01-11 16:33 zzatp 阅读(1033) 评论(0) 推荐(0)

ThreeJs编辑器(模型动画导入)

摘要： 1、将准备好的动画fbx文件复制到.model文件同级目录下anims文件夹下 2、转换模型: 点击顶部按钮，选择动画fbx文件生成.anim动画文件对应会生成一个.anim文件就是我们动画信息 3、为模型添加一个动画 4、简单操作视频阅读全文

posted @ 2022-01-11 12:12 zzatp 阅读(1033) 评论(0) 推荐(0)

ThreeJs编辑器(模型网格导入)

摘要： 1、选好工作目录、打开编辑器 2、导入模型 1、将需要导入编辑器的模型文件放到工作目录下models文件夹下任意位置,如图所示: 2、点击转换模型，选择刚放到工作目录下的toukui.fbx模型文件，如图所示: 3、打开转换好的模型转换完成后左边模型列表会自动刷出新转好的.model文件，找到对应阅读全文

posted @ 2022-01-11 11:03 zzatp 阅读(1086) 评论(0) 推荐(0)