Computer Graphics Resources

图形学是我初心中的初心 ~ ~

Part 1: 教程类

• 大名鼎鼎的GPU GEMS系列 （ https://developer.nvidia.com/gpugems/GPUGems/gpugems_pref01.html ）

• GPU GEMS内容提炼 ( https://zhuanlan.zhihu.com/p/35974789 )

• GPU GEMS开放源码 （ https://github.com/QianMo/GPU-Gems-Book-Source-Code ）

• Learning Modern 3D Graphics Programming ( https://alfonse.bitbucket.io/oldtut/index.html ) 讲解的比较深

• the book of shaders ( http://thebookofshaders.com/ )

• Lode's Computer Graphics Tutorial (http://lodev.org/cgtutor/index.html ） 之前搜noise\turbulence找到的，讲解还算清晰

• Learn openGl系列 （ https://learnopengl.com/Introduction ）

• learn webgl ( http://learnwebgl.brown37.net/index.html )

• Learn OpenGL ES ( http://www.learnopengles.com/tag/perspective-divide/ ) 找perspective-divide找到的，讲的很清楚

• WebGL Fundamentals ( https://webglfundamentals.org/ ) shader装配和管理的部分可以着重看下

• WebGL2 Fundamentals （ https://webgl2fundamentals.org/ ）

• OGLdev:modern opengl tutorial ( http://ogldev.atspace.co.uk )

• Unity C# Tutorials ( http://catlikecoding.com/unity/tutorials/ ) 基础概念讲的很清楚，也有吸引人的亮点，对我帮助很大

• Mathematics and Physics for Computer Graphics ( http://www.scratchapixel.com )没写完，随便看看

• 3D Game Engine Programming ( https://www.3dgep.com )

• Physically Based Animation for Computer Graphics ( http://www.cs.cornell.edu/courses/cs5643/2015sp/ ) 康奈尔大学的一个课程，值得注意的是supplemental materials

• The Nature of Code ( http://natureofcode.com )

• Virtual Globe (http://www.virtualglobebook.com/) Cesium出的一本书，讲述地理相关可视化算法

• game programming patterns （ http://gameprogrammingpatterns.com/ ）

Part2: tutorial类

• Advanced WebGl ( http://codeflow.org/entries/2011/apr/11/advanced-webgl-part-1/ ) 如标题—advanced，现在看也不过时

• SDF & Raymarching ( https://www.alanzucconi.com/2016/07/01/signed-distance-functions/ ) ( http://flafla2.github.io/2016/10/01/raymarching.html ) ( http://jamie-wong.com/2016/07/15/ray-marching-signed-distance-functions/ ) ( http://www2.imm.dtu.dk/pubdb/views/edoc_download.php/6392/pdf/imm6392.pdf ) ( http://9bitscience.blogspot.tw/2013/07/raymarching-distance-fields_14.html?m=1 )

• physically-based SDF （ https://github.com/portsmouth/snelly ）

• noise相关，libnoise，概念讲解的好 （ http://libnoise.sourceforge.net/coherentnoise/index.html ）

• glsl做图像处理（https://www.objc.io/issues/21-camera-and-photos/gpu-accelerated-machine-vision/）

• webGL做风图 （https://medium.com/m/global-identity?redirectUrl=https://blog.mapbox.com/how-i-built-a-wind-map-with-webgl-b63022b5537f）（http://uber.github.io/deck.gl/blog/2017/wind-map）

• Fog ( http://www.ozone3d.net/tutorials/glsl_fog/index.php )

• 风格化渲染,sketch rendering ( http://www.floored.com/blog/2014sketch-rendering/ )

• Fluid Simulation （ https://software.intel.com/en-us/articles/fluid-simulation-for-video-games-part-1/ ）

• Terrain Generation with Diamond Square （ http://stevelosh.com/blog/2016/06/diamond-square/ ）

• 云海生成算法：半透明でモコモコとした雲海を生み出すために （ https://www.famitsu.com/news/201808/23162812.html ）

• shader dash ( https://www.shadertoy.com/view/ldGfWt )

• INTERACTIVE COMPUTER GRAPHICS ( http://graphics.stanford.edu/courses/cs248-18-spring/ )

• Introducing luma.gl v4.0 （ https://medium.com/vis-gl/introducing-luma-gl-v4-0-54f4d87a08c8 ）

• Automatic, GPU-based object highlighting in deck.gl Layers ( https://medium.com/vis-gl/automatic-gpu-based-object-highlighting-in-deck-gl-layers-7fe3def44c89 )

• WebGL 2: New Features 非常清晰的介绍（ http://www.realtimerendering.com/blog/webgl-2-new-features/ ）

• Your Guide to GPGPU with WebGL ( http://www.vizitsolutions.com/portfolio/webgl/gpgpu/ )

• Graphics Programming Projects （ http://graphicscodex.com/projects/projects/ ）

Part3: 那些大神们

• Íñigo Quílez，不把他放在第一个要被雷劈，shadertoy + sdf，引导我走上shader之路的唯一真神 ( http://iquilezles.org/index.html )

• Amit Patel：Red Blob Games，主打游戏相关图形学，因为各种各样的原因用到很多 ( https://www.redblobgames.com )

• Lin Yiwen: 一位坐标伦敦的台湾大神，作品都是基于自己写的引擎Alfrid,效果赞，而且很有想象力，技术博客也值得一看。（作品集： http://yiwenl.github.io/Sketches/， git：https://github.com/yiwenl， blog：http://blog.bongiovi.tw）

• Charlie Hoey：只想让他收下我的膝盖 （ http://charliehoey.com/ ）

• Florian Boesch：tutorial里提到过的advaned webGL的作者，blog里料很足，但好像不更新了，sad ( http://codeflow.org ）

• Daniel Sýkora：了不起的图形学大神，某年siggraph上的人气论文StyLit就出自他手 ( http://dcgi.fel.cvut.cz/home/sykorad/ )

• candycat: 如果说lupi是可视化领域的女神，那candycat必然是我在渲染领域的女神了 ( http://candycat1992.github.io/ )

• simo: 大神，一个复刻荒野之息特效的大神！！ 大神请跟我结婚！ （ https://simonschreibt.de/ ）

• Joel Simon：用webgl做生成艺术的大神，结合L-system的项目值得关注 (http://www.joelsimon.net/)

• Scott Holzknecht: lowpoly,风格化 （ https://www.scottcodes.com/ ）

• Jamie Portsmouth：vector & gravity simulation，更厉害的是physically-based SDF （ https://github.com/portsmouth ）

• Morgan McGuire： N厂大神 （ https://casual-effects.com/ ）

libs

• shadergraph:linking together GLSL snippets into stand-alone shaders ( https://github.com/unconed/shadergraph )

Part4: Labs

• 哥伦比亚大学 computer vision lab, 兼做CG和CV （ http://www.cs.columbia.edu/CAVE/projects/ ）

• stanford physbam, 流体模拟 ( http://physbam.stanford.edu )

• google poly ( https://poly.google.com/ ) 超有趣的

Part5: 论文

• Proland ( http://proland.inrialpes.fr/index.html ) 视觉效果和性能均超级震撼的3D虚拟地球引擎，论文集非常非常值得一看

• HDR和Tone Mapping （ http://www.cs.utah.edu/~reinhard/cdrom/tonemap.pdf ）

• StyLit: Illumination-Guided Example-Based Stylization of 3D Renderings (http://dcgi.fel.cvut.cz/home/sykorad/stylit.html) 将纸上作画风格实时传递给模型，准备复现

• 风格化渲染：水墨风格 （ https://docs.lib.purdue.edu/cgi/viewcontent.cgi?article=1784&context=open_access_theses ）

• Realtime Procedural Terrain Generation （ http://web.mit.edu/cesium/Public/terrain.pdf ）

• Tutorial - How to update a shader for OpenGL ES 3.0 (http://www.shaderific.com/blog/2014/3/13/tutorial-how-to-update-a-shader-for-opengl-es-30 ）

• react-three-fiber （ https://github.com/drcmda/react-three-fiber ）

• Outline Shader ( https://roystan.net/articles/outline-shader.html )

• Edge Detection Shader ( https://alexanderameye.github.io/edgedetection )

还有一些论文在硬盘上，稍后整理

Part6: Effects

• ITO World: 地理空间数据可视化，早晚要用shader实现这样的效果 ( http://www.itoworld.com/design-services/ )

Part 5: 2D图形 （再不复习就忘光了）

• link的几种形式 （ horizontal, vertical, radial) 其实也就是我们的老熟人diagnal ( https://github.com/d3/d3-shape/blob/master/README.md#_link ) ( https://github.com/d3/d3-shape/blob/master/src/link/index.js#L74 )

• svg pocket guide ( http://svgpocketguide.com/book/svgpocketguide.pdf )

• Designing Animated Transitions to Convey Aggregate Operations （ https://github.com/uwdata/aggregate-animation-data ）

水体渲染专场

• lowpoly water ( https://www.youtube.com/watch?v=5yhDb9dzJ58 ) ( https://github.com/TheThinMatrix/LowPolyWater )

• fluid similation ( http://jamie-wong.com/2016/08/05/webgl-fluid-simulation/ )

• Reflective water with GLSL （ http://khayyam.kaplinski.com/2011/09/reflective-water-with-glsl-part-i.html ）

• Towards Real-Time Visual Simulation of Water Surfaces （ https://pdfs.semanticscholar.org/59da/08b0b5886ed80add50353873d55a10e86ee5.pdf ）

• Gerstner Wave （ https://github.com/ludwigpe/WaterSimulation/tree/master/Assets/Shaders ）

城市渲染专场

• https://www.shadertoy.com/view/XtSGWD

• https://www.shadertoy.com/view/XlsyWB

• https://www.shadertoy.com/view/XsBSRG

• Procedural City ( http://www.shamusyoung.com/twentysidedtale/?p=2940 ) (https://www.youtube.com/watch?v=-d2-PtK4F6Y&feature=youtu.be )

landscape专场

• Incredible procedurally generated landscapes by Lingdong Huang （ http://www.andrew.cmu.edu/user/lingdonh/portfolio-links/ ） generative + 风格化渲染

• Visualizing large scale terrain with open source tools ( https://medium.com/@morishuz/visualising-large-scale-terrain-with-open-source-tools-25723a5a5461 )

• 精度丢失及z-fighting问题：（ https://blog.csdn.net/baidumap2018/article/details/80270150 ）

• instant terra ( https://www.wysilab.com/Blog.html )

• lumo:A high performance WebGL tile rendering library (https://github.com/unchartedsoftware/lumo )