自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 CSS系列之使用sticky定位实现滚动控制动画效果

CSS非常强大,用的好可以上天入地。随着用户的审美越来越挑剔,CSS为了跟上节奏新出属性的功能性也是越发强大了。对CSS未来的发展很憧憬,希望有朝一日能够让交互效果全由CSS实现,JS只关注数据和底层的东西。好了,洗澡洗澡。

2023-06-07 09:15:20 350

原创 WebGL实现拖拽2D贴图的自转矩形

这一章主要还是过了一遍位移和旋转还有纹理的一些知识,可以看到旋转需要每次更改顶点位置,但其实有更好的方式,相信有人已经猜到了,那就是矩阵!敬请期待。夜深了,写完后感觉收获颇多,很多在学习的时候含糊不清的东西,写完以后也是清晰了很多。好了,买瓶可乐续下命,下篇文章见!} `;animate();} else {

2023-06-02 14:00:49 133

原创 WebGL 实现点击连线交互

通过上一篇文章我们了解了 WebGL 需要通过顶点数据,着色程序进行绘制,它拥有非常"简单"的API,就像一颗秀逗糖果,你需要忍受它不算友好的上手难度,才能发现它的美好。今天需要学习如何通过 WebGL 完成点击连线交互。没错就是这么简单的需求!那我们就直接动手吧!首先我们需要准备基本的画布。初始化WebGL然后初始化WebGL。canvas.width是画布的真实像素,默认为300(300*150),CSS设置的width是浏览器呈现的画布宽度,它决定画布的缩放形式,如canvas.width =

2023-06-01 09:37:14 216

原创 WebGL 绘制一个点

在很早之前偶然刷到一个在页面上运行的 3D 效果,顿时感觉平时切的图弱爆了有木有,后来百度了解一番后自然而然地找到了THREEJS框架,当时看文档那叫一个晕头转向啊,什么灯光照相机一些平常能够接触到的东西怎么组合起来就看起来这么陌生呢?在兴趣的驱使之下,硬着头皮学了一段时间。不入门不知道,一入门发现前面有着汪洋大海般庞大的知识体系在等着我。而那座大海称之为 “图形学”,这可是计算机三大魅力之一啊!

2023-06-01 09:35:05 132

空空如也

空空如也

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

TA关注的人

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