canvas
String_Kun
主攻3D方向的小程序员~
展开
-
用Canvas画漫天繁星吧~
初学Canvas写了一个在一片区域内随机产生星星并且不断闪动的效果。具体实现如下所示。 首先创建一个canvas让其适配屏幕的大小。 h = screen.height - 200; w = screen.width - 10; can1 = document.getElementById("canvas1"); can1.setAttribute('width',原创 2017-03-27 15:23:47 · 626 阅读 · 0 评论 -
使用threejs点云秀出酷炫的图片效果(一)
最近做项目很忙,好久没写博客了,前几天看到腾讯回忆时光的一个页面,使用了点云拼凑出了照片轮播十分有趣,于是我想用threejs实现这个效果。 首先这件事情分为两步:1.根据图片数据创建对应大小、颜色的点云。2.给点云加上着色器,给渲染管线传递点云变换需要的数据(位置数据,颜色数据)。 今天我们先来实现加载图片并且通过图片数据加载点云: 首先绘制原创 2017-04-17 18:25:41 · 9074 阅读 · 1 评论