Jeff's World

Things that I'm interested in

47
文 章
2
分 类
64
标 签

WebGL学习(1) - 三角形

还记得第一次看到canvas的粒子特效的时候,真的把我给惊艳到了,原来在浏览器也能做出这么棒的效果。结合《HTML5 Canvas核心技术》和网上的教程,经过半年断断续续的学习,对canvas的学习终于完结,对常用的canvas特效基本能做到信手拈来的。canvas特效请看:样例列表

众所周知,canvas是2D绘图技术,虽然可以通过坐标变换,位置计算也能做到3D的效果。但3D场景数据量毕竟比2D要高一个数量级的,纯粹用canvas的话,不管是性能和开发的复杂度会成为一个瓶颈。

这也是webGL出现的原因,解决web端3D渲染的场景。webGL会调用到GPU,处理大量重复的3D场景数据时,性能非常有优势。同时webGL是基于openGL ES 2.0, 因此它处理3D场景是非常成熟的。但为什么不直接学习three.js呢?因为本人对图形学感兴趣,只是希望做一些自己喜欢的效果的同时深入了解计算机图形学,没指望通过它做商业项目。

为了让学习更有动力和目的性,我们以实例为导向学习webGL,再从中展开到需要学习哪些知识点。这次我们来实现如下的动画,该教程参考了《WebGL编程指南》

实际效果请看:旋转的三角形

more

canvas图形编辑器

使用canvas进行开发项目,我们离不开各种线段,曲线,图形,但每次都必须用代码一步一步去实现,显得非常麻烦。有没有一种类似于PS,CAD之类的可视化工具,绘制出基本的图形,然后输出代码。之后我们就可以在这个生成的图形场景的基础上去实现功能,那将是多么的美妙的事啊。话不多说,我们来实现一个图形编辑器吧😂。

主要实现如下的功能:

  1. 直线(实线、虚线)
  2. 贝塞尔曲线(2次,3次)
  3. 多边形(三角形、矩形、任意边形)
  4. 多角星(3角星、4角星、5角星…)
  5. 圆形、椭圆
more

canvas绘制太阳系

学习canvas有一段时间了,顺便写个小项目练手,该项目用到的知识点包括:

  1. ES6面向对象
  2. 基本的三角函数
  3. canvas部分有:坐标变换,渐变,混合模式,线条和图形的绘制。

实际效果: solar system

more

喜马拉雅之旅(尼泊尔EBC篇)

  在喜马拉雅,我们过着修行般简单而自律的生活。整个徒步过程中,喜马拉雅南坡以其所特有的高落差,带来的跨越四季的气候、动植物分布的多样性,以及从河谷到山巅的震撼风景固然给我带来不少视觉上的冲击,但印象更深刻的,是在路上遇见的人,人与动物、自然和睦相处,这才是旅途中最美丽的风景。

  尽管刚刚走完ABC,但EBC无疑远胜于ABC,它仍带给我一阵阵惊叹和无与伦比的震撼。在触手可及的距离内,庞大的山体,纤毫毕现的细节,给人雷霆万钧的压迫感,大自然的宏大,把人的脆弱和渺小衬托到了极致。

  在16天的行程中,跨过一座座的吊桥,穿过一条条山谷,翻过一个个垭口,看过一个个湖泊,走了很长很长的路,看过很美很美的风景。一路上从各个角度欣赏十几座世界级的山峰,美景真是应接不暇。EBC是如此的震撼,景色是如此之美,同时环境又是如此恶劣,在高海拔下,顶着严酷的低温,高强度的紫外线,高强度的徒步,这是一段天堂地狱般的征程。

more

喜马拉雅之旅(尼泊尔ABC篇)

  在连绵的喜马拉雅山的南边,有这样一个国家:

  国土面积仅占全球面积的0.1%,但这里生长着800多种鸟,500多种蝴蝶,600种特有植物,在方圆20公里的范围内有7处世界文化遗产。

  庙宇多如房舍,节日超过一年的天数,2000多万人口有3.3亿神祗。

  她是高山的国度,阳光明媚,鸟语花香;在不满15万平方公里的国土上,拥有8座8000米以上的高峰;她是世界上海拔差异最大的国家。

  她又是丛林的国度,她还是动物的王国。你可以住在原始森林里,骑在大象的背上,和孟加拉虎同饮,和独角犀牛跳舞。

  她绝对是探险家的天堂:登山、徒步、漂流、攀岩、跳伞。

  她就是尼泊尔。

more

喜马拉雅之旅(西藏篇)

  圣洁的雪山,壮观的冰川,是最激动人心的美景。而我对雪山不灭的情缘源于2014年3月的雨崩徒步,那是我第一次接触雪山。壮观的梅里雪山,蓝到极致的天空,飘飞的风马旗给我留下非常深刻的印象。于是有最高最壮观雪山的喜玛拉雅山脉成了我必去的下一个目标。毫无疑问,尼泊尔的EBC(珠峰大本营)是观赏震撼雪山冰川的最佳徒步路线。

  2016年10月份开始打定主意,一定要走一趟最震撼的旅程,完成自己多年的心愿。因为很多事情在你年轻的时候不去做,也许以后你一辈子也不会再去做。

more

寻找最美的秋天,丝绸之路北疆行

  从千年古都西安出发,经过甘肃的河西走廊,最后到达新疆,也就是丝绸之路。这是一条我梦寐以求的路线,在酝酿了两年之久后,2016年9月24日,背着大包,独自一人,踏上了征程。

  丝绸之路,苍茫西北,你会联想到什么?我首先想到的是,大漠孤烟,落日孤城,遥远的边疆,辽阔的国土;东西往来的商旅,追求功名的冒险家,出征塞外的将士。丝绸之路就是结合了悠久的历史,丰富的人文和壮阔的风景的一条路线。在古都西安体验当年的秦汉雄风,隋唐盛世和西北美食;进入河西走廊欣赏雄伟的祁连山,广袤的大戈壁;去张掖看那令人难忘的七彩丹霞和马蹄寺;然后登上长城的最西端,天下第一雄关-嘉峪关,观看晚霞;在敦煌欣赏沙漠奇观-鸣沙山月牙泉;当然还有艺术瑰宝莫高窟,一定要了解它让人心碎的历史。

  到达西域,然后一路向北经过北疆一个个现代化的城镇,石河子,奎屯,克拉玛依,布尔津,来到神的后花园-喀纳斯,这里有着最美的秋色;最后到吐鲁番欣赏夕阳西下的交河故城。

more

扫一扫,分享到微信

Powered by Hexo Theme simply

Copyright © 2021 Jeff Zhong

给我的早餐加个蛋吧 😊

weixinpay alipay