- 博客(13)
- 收藏
- 关注
原创 学习笔记 | Orillusion-WebGPU小白入门(七)
Vertex shader中主要就是这三个关键点。核心就是将mvp矩阵拆分开进行传入,用modelView来分别计算顶点和normal在变换后的世界坐标,其他的变量我们正常输出即可。
2022-09-23 22:40:45
520
原创 学习笔记 | Orillusion-WebGPU小白入门(六)
实际操作过程中,如果原始图像分辨率足够,一般无论使用哪种方法进行缩小的操作,肉眼都很难看出区别,但如果是放大的话效果就比较明显了。临近采样会在边缘呈现非常明显的锯齿感(马赛克效果),而线性采样边缘过渡比较平滑,但也在一定程度上造成了边缘模糊的情况。两者的最终效果不一定谁好谁劣,只是适用的内容不同。一般地,临近采样更适合边缘分割明显,颜色区域少的图像。而颜色丰富,过度较多的图,用线性采样的效果更好。社区中有很多采样优化算法, 但考虑到GPU的运行效率问题,主流图形API中只内置了这两种方法。
2022-09-21 23:08:49
958
原创 学习笔记 | Orillusion-WebGPU小白入门(五)
instance draw(demo5):最大的优点是渲染管线的效率非常高,能最大限度地利用GPU的并行能力。对于资源的管理本质上是将group和buffer的切换放到了GPU / Shader里来做。JS中省去了创建多个buffer或group,内存上也没有多余的offset的需求。从buffer的读取性能来说,demo2和demo3虽然也是连续的buffer,但因为要对齐256个字节,其实每次指针切换实际上至少要移动256个字节。
2022-09-19 22:54:08
483
原创 学习笔记 | Orillusion-WebGPU小白入门(四)
Vertex shader的裁剪空间又称为齐次空间以坐标为原点,建立整个图形的顶点坐标信息利用矩阵变换,将一个图形在世界空间坐标中进行坐标变换利用投影矩阵,用摄像机和视锥模拟不同视角将裁剪空间进行统一的归一化处理,抛弃NDC空间之外的图形把整个NDC空间通过内部的视图变换,得到二维平面结果最后的两步是由GPU驱动自动完成,不需要开发者的参与。我们需要考虑的主要是(第三步)在Vertex Shader中返回裁剪空间的计算结果。前两步主要是在用户的逻辑代码中进行的。
2022-09-18 10:56:05
589
原创 Axure 9.0入门设计APP界面
Axure 9.0 下载(7天有效)链接:https://pan.baidu.com/s/1yYOWw-SXHGoK3vc44vffSw提取码:2y7y前言这个教程就是快速糊弄作业的,所以没有什么干货讲解,重要的是糊弄完作业,想看干货的老哥们可以退出了。Axure的使用方法可以看作是PPT和AI的结合体,对图形组件的剪裁和AI很相似,而切换页面的逻辑与PPT很相似。你得对你设计的APP有个大致的思路,想做什么APP,大致的有几个页面,有什么功能,每个页面上都有什么按键。糊弄教程-“静态”部分
2021-06-28 17:31:24
6176
1
原创 AS3 实现简易射击游戏
AS3 实现简易射击游戏随便下一个版本的Animate软件(此链接2021.5.21之前有效):https://cncncloud.com/s/kQOzfa然后一键安装,不建议安装在C盘。安装之后打开软件,创建新文件。选择800 × 600,帧速率默认30,平台类型改为ActionScript 3.0。第一帧新建图层点图层2的第一帧,画一个矩形当按钮。紫色框内是可以自己调的属性。在图层2和图层1后面各插入两个空白关键帧。(鼠标右键→插入空白关键帧)插完是这样鼠标左键单击图层1的第
2021-05-17 12:37:23
1660
7
原创 LNU2020年春Python课堂笔记
第一章 Python语言基础 -11.Python简介Python的发展1989年圣诞节 圣诞节期间,在阿姆斯特丹,吉多·范罗苏姆(Guido van Rossum)为了打发圣诞节的无趣,决心开发一个新的脚本解释程序Python名字的灵感之所以选中Python作为该编程语言的名字,是取自英国20世纪70年代首播的电视喜剧《蒙提·派森的飞行马戏团》( Monty Python’s Flyying Circus)1991年发布的第1个Python版本2000年10月 发布Python 2.0 版本
2021-05-15 21:31:19
2840
2
原创 Blender 2.9 同步创建X轴镜像对称骨骼
对于小白来说Blender 2.9的界面和早期界面差异较大,网上教程并不完整,复现很容易失败。从昨天晚上八点折腾到现在,我才搞清楚在Blender 2.9怎样才能实现同步创建X轴镜像对称骨骼……
2021-02-21 13:28:10
10299
原创 JavaScript直接实现响应式可折叠导航栏
JavaScript直接实现响应式可折叠导航栏,完全不用Bootstrap框架和jQuery库。
2021-01-30 18:44:01
1929
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人