Chase_freedom-CSDN博客

原创 WebGL-片元着色器 2.灰度图实现

首发于talkingcoder https://www.talkingcoder.com/article/6372120137297765439 编辑文章灰度图老规矩第一步上 demo demo下载地址灰度图定义首先我们看看什么叫做灰度图。可能大家会混淆一些东西，比如我们以前的黑白电视机，实际上不是黑白的，而是有灰度的。灰度图：灰度图

2017-01-05 22:05:19 1508

原创 WebGL-片元着色器 1.Bloom特效实现

编辑文章第一件事先上demo吧 Bloom特效demo下载地址这篇文章耽误了很久。首先说一下目的。今天是为了实现一个模糊特效的算法，这个算法常用与游戏里面post processing实现Bloom效果，也叫做全屏发光，本质上是高斯模糊。有时游戏在游戏里面看见类似于仙境的效果，或者在ios桌面下拉后的模糊效果。这些效果之间稍有差别，但是不是很大。今天我实现高

2017-01-05 10:06:52 4192 1

原创《webgl入门指南》学习笔记三之three.js创建多重纹理

之前的demo看起来已经很真了，当然是在大家，一步一步step by step的情况下，被各种初始化的代码虐的体无完肤后的，才会有这么个感受。但是从一个对计算机图形无感的人来看，这当然是很粗糙的，比如看起来比较‘平’光线好像，对比不正常，所以我们现在要使用多重纹理，在这个新的demo里面我们使用了以下三种贴图1.颜色贴图这个提供了最基本的颜色，比如之前demo我们使用的。2.法线贴图

2015-07-01 20:49:51 5419

原创《webgl入门指南》学习笔记二之three.js创建mesh

三维开发渲染最多的对象大概是网格mesh了，Webgl开发三维也不例外。网格就是一系列的多边形组成的，三角形或者四边形，网格一般由顶点来描绘，我们看见的三维开发的模型就是由一系列的点组成的。现在我们就来使用mesh组建一个太阳系，这是chapter-3的内容，它里面主要将如何使用mesh，以及贴图组成一个地球，自转的地球，这次内容有点跳了。Earth to WebGL

2015-06-26 22:18:56 7174

原创《webgl入门指南》学习笔记一three.js与sim.js

最近又一次很久木有更新博客了，但是不是停了，而是一次性更新了太多，想清楚了自己水平有限，不想误导大家，所以就把这里单纯的当做自己的学习笔记。上次让立方体转起来了，这次我们就直接介绍一个框架《webgl入门指南》的sim.js 这个东西是什么玩意呢，就是一个模拟器（官方说法），实际上就是简化了three.js里面的各种初始化，比如设置渲染器，循环重绘，处理DOM事件，基本的层级（层次模型）操作，

2015-06-25 23:06:52 3747

最近很忙，一直在做项目但是毫无进展，所以最近一直没有更新博客，自己写这个博客主要是想，一来是记录一下自己的学习历程，同时给新手一些自己的学习历程，毕竟个人认为学习一门学科，最好的方法就是学习这门学科的历史，我写这个博客的的学习经历，也算是一个人的学习历程的历史，以及自己对three.js的思考过程。一直不知道到底从哪里比较合适，最后想明白了，就从three.js的官方demo做起吧，因为自己也是在

2015-05-27 21:05:48 2442

原创 THREEJS 第一章第一个DEMO

主要内容：1.运行环境的搭建2.第一个例子这几天一直在想着到底怎么写接下来的东西，虽说是自己记录自己的学习流程，但是依旧想着，怎么让读者，能够好好的循序渐进的学习，目的不纯粹就会导致痛苦，果不其然，想想还是记录自己的学习流程吧我的第一颗实际是webgl入门指南的第一课，建议大家下载一下，给大家一个地址https://github.com/tparisi/WebGLBoo

2015-03-23 11:00:29 2546

原创 THREEJS开篇简介

一直以来想写个博客记录一下，自己的编程以及工作历程，一直未能成行。今天突然想开始。写这个博客有两个目的。1.记录一下自己THREE.js的学习历程。2.联系自己的语言表达，长时间坐在电脑前编程，感觉自己已经异化。首先我真的很想以 “随着移动化联网的大潮的到来，，，，，，，”这样的标准本科论文式样，开篇来阐述一下学习THREEJS的必要性，但是一想到要码

2015-03-18 10:45:25 2196

Chase_freedom的专栏