MIT计算机图形学资料

【实例简介】
MIT最新的计算机图形学课程资源。包含课件和代码的下载
【实例截图】
【核心代码】
graphicsbook-web-site
└── graphicsbook-1.2-web-site
├── a1
│   ├── guessing-game.html
│   ├── index.html
│   ├── s1.html
│   ├── s2.html
│   └── s3.html
├── a2
│   ├── blender-3d-viewport.png
│   ├── blender-add-uvsphere.png
│   ├── blender-array-modifier.jpg
│   ├── blender-curves.png
│   ├── blender-cyclic-f-curve.png
│   ├── blender-edit-mode.png
│   ├── blender-extrude.jpg
│   ├── blender-graph-editor.png
│   ├── blender-halo-material.jpg
│   ├── blender-layer-buttons.png
│   ├── blender-manipulator-controls.png
│   ├── blender-material-properties.png
│   ├── blender-modifier-buttons.png
│   ├── blender-particle-settings.png
│   ├── blender-path-anim.png
│   ├── blender-property-header.png
│   ├── blender-proportional-editing-buttons.png
│   ├── blender-proportional-editing.jpg
│   ├── blender-render-buttons.png
│   ├── blender-render-output.png
│   ├── blender-scene-and-screen.png
│   ├── blender-terrain.jpg
│   ├── blender-text-buttons.png
│   ├── blender-text-on-curve.png
│   ├── blender-texture-influence.png
│   ├── blender-timeline.png
│   ├── index.html
│   ├── s1.html
│   ├── s2.html
│   └── s3.html
├── a3
│   ├── gimp-color-adjust.png
│   ├── gimp-feather-selection.png
│   ├── gimp-gradients.png
│   ├── gimp-heart.png
│   ├── gimp-layers.png
│   ├── gimp-tool-options.png
│   ├── gimp-tools.png
│   ├── index.html
│   ├── inkscape-handles.png
│   ├── inkscape-handle-types.png
│   ├── inkscape-info-bar.png
│   ├── inkscape-options.png
│   ├── inkscape-set-difference.png
│   ├── inkscape-tools.png
│   ├── s1.html
│   └── s2.html
├── c1
│   ├── index.html
│   ├── s1.html
│   ├── s2.html
│   └── s3.html
├── c2
│   ├── antialiased-line.png
│   ├── aspect-ratio-1.png
│   ├── aspect-ratio-2.png
│   ├── cart-and-windmills.svg
│   ├── cart.png
│   ├── convexity.png
│   ├── coordinate-transformation-2d.png
│   ├── cubic-bezier-curves.png
│   ├── filled-shapes.png
│   ├── filled-text.png
│   ├── fill-rules.png
│   ├── first-svg-animation.svg
│   ├── first-svg-example.svg
│   ├── hierarchical-animation.svg
│   ├── hierarchical-transforms.png
│   ├── horizontal-lines-from-canvas.png
│   ├── hsv.png
│   ├── index.html
│   ├── Java-pixel-graphics.png
│   ├── line-attributes.png
│   ├── modeling2d-1.png
│   ├── modeling-or-viewing-2d.png
│   ├── old-to-new-coords.png
│   ├── ovals.png
│   ├── pixel-coordinates.png
│   ├── rotate-2d.png
│   ├── rotate-and-translate-2d.png
│   ├── RotatedStringAndImage.jpg
│   ├── round-rects.png
│   ├── s1.html
│   ├── s2.html
│   ├── s3.html
│   ├── s4.html
│   ├── s5.html
│   ├── s6.html
│   ├── s7.html
│   ├── scale-2d.png
│   ├── scene-graph.png
│   ├── shear-2d.png
│   ├── smudge.png
│   ├── specifying-rects.png
│   ├── svg-face.svg
│   ├── svg-hierarchy.svg
│   ├── svg-starter.svg
│   ├── transform-matrices-2d.png
│   └── translate-2d.png
├── c3
│   ├── cross-product.png
│   ├── depthTestError.png
│   ├── houseIFS.png
│   ├── index.html
│   ├── jogl-user-library.png
│   ├── matrix-3x3.png
│   ├── matrix-4x4.png
│   ├── matrix-times-vector.png
│   ├── obsolete-primitives.png
│   ├── opengl-rgb-triangle.png
│   ├── opengl-transform-pipeline.png
│   ├── point-and-line-primitives.png
│   ├── projection-frustum.png
│   ├── projection-parallelepiped.png
│   ├── rotate-cube-side.png
│   ├── s1.html
│   ├── s2.html
│   ├── s3.html
│   ├── s4.html
│   ├── s5.html
│   ├── s6.html
│   ├── teapot.png
│   ├── transform-matrices-3d.png
│   ├── triangle-primitives.png
│   ├── unlit-cube.png
│   ├── vector-sum.png
│   └── vertex-order.png
├── c4
│   ├── angle-of-incidence.png
│   ├── camera-transform.png
│   ├── diffuse-vs-specular.png
│   ├── flat-vs-smooth-2.png
│   ├── flat-vs-smooth.png
│   ├── index.html
│   ├── light-equation.png
│   ├── mipmaps.png
│   ├── normal-to-cylinder.png
│   ├── point-vs-directional-light.png
│   ├── reflection-cone.png
│   ├── repeat-vs-clamp-texture.png
│   ├── s1.html
│   ├── s2.html
│   ├── s3.html
│   ├── s4.html
│   ├── specular_hilites.png
│   ├── texCoords.png
│   ├── TextureDemo.png
│   └── walkthrough.png
├── c5
│   ├── anaglyph.png
│   ├── cubemap.png
│   ├── diskworld-1.png
│   ├── extrusion-geometry.png
│   ├── icosahedron-detail.png
│   ├── index.html
│   ├── lathe-geometry.png
│   ├── MeshFaceMaterial.png
│   ├── parametric-surface.png
│   ├── pyramid-IFS.png
│   ├── s1.html
│   ├── s2.html
│   ├── s3.html
│   ├── spotlight-and-shading.png
│   ├── textured-pyramid.png
│   ├── threejs-reflection.png
│   ├── threejs-refraction.png
│   ├── threejs-triangle-vertexcolors.png
│   └── tube-geometry.png
├── c6
│   ├── affine-transform-matrix-2d.png
│   ├── cubemap-fisheye.png
│   ├── index.html
│   ├── multi-texture.png
│   ├── nested-squares.png
│   ├── rgb-triangle-webgl.png
│   ├── s1.html
│   ├── s2.html
│   ├── s3.html
│   ├── s4.html
│   ├── s5.html
│   ├── textures-from-pixels.png
│   ├── texture-units-and-objects.png
│   └── webgl-dataflow.png
├── c7
│   ├── anisotropic-filtering.png
│   ├── bumpmap.png
│   ├── bumpmap-vectors-1D.png
│   ├── bumpmap-vectors.png
│   ├── close-light.png
│   ├── cubemap-layout.png
│   ├── cube-map-vectors.png
│   ├── cube-map-vectors-transformed.png
│   ├── cubical-texture-coords-teapot.png
│   ├── diskworld2.png
│   ├── dynamic-cubemap.png
│   ├── generated-texcoords-xy.png
│   ├── image-evolver-15000.png
│   ├── image-evolver.png
│   ├── index.html
│   ├── light-equation.png
│   ├── matrices-for-simple-rotator.png
│   ├── normal-transform.png
│   ├── parametric-function-webgl.png
│   ├── procedural-textures-periodic.png
│   ├── procedural-textures-torus.png
│   ├── s1.html
│   ├── s2.html
│   ├── s3.html
│   ├── s4.html
│   ├── s5.html
│   ├── spotlight-light-equation.png
│   └── spotlights.png
├── c8
│   ├── index.html
│   ├── ray-casting-3d.png
│   ├── ray-tracing-2d.png
│   ├── s1.html
│   └── s2.html
├── contents.html
├── contents-with-subsections.html
├── demos
│   ├── c2
│   │   ├── approximating-ovals.html
│   │   ├── cart-and-windmills.html
│   │   ├── cubic-bezier.html
│   │   ├── image-320x240
│   │   │   ├── bluejay.jpg
│   │   │   ├── house.jpg
│   │   │   ├── pine-cones.jpg
│   │   │   ├── shore.jpg
│   │   │   └── space-station.jpg
│   │   ├── image-filters.html
│   │   ├── pixel-magnifier.html
│   │   ├── quadratic-bezier.html
│   │   ├── rgb-hsv.html
│   │   ├── SimplePaintDemo.html
│   │   ├── transform-equivalence-2d.html
│   │   └── transforms-2d.html
│   ├── c3
│   │   ├── axes3D.html
│   │   ├── first-cube.html
│   │   ├── first-triangle-demo.html
│   │   ├── IFS-polyhedron-viewer.html
│   │   ├── rotation-axis.html
│   │   └── transform-equivalence-3d.html
│   ├── c4
│   │   ├── four-lights-demo.html
│   │   ├── materials-demo.html
│   │   ├── smooth-vs-flat.html
│   │   ├── texture-from-color-buffer.html
│   │   ├── textures
│   │   │   ├── brick001.jpg
│   │   │   ├── Earth-1024x512.jpg
│   │   │   ├── mandelbrot.jpeg
│   │   │   ├── marble.jpg
│   │   │   ├── metal003.gif
│   │   │   ├── NightEarth-512x256.jpg
│   │   │   └── README.txt
│   │   ├── texture-transform.html
│   │   ├── two-sided-lighting.html
│   │   └── walkthrough.html
│   ├── c5
│   │   ├── cubemap-textures
│   │   │   ├── LancellottiChapel-Rome
│   │   │   │   ├── negx.jpg
│   │   │   │   ├── negy.jpg
│   │   │   │   ├── negz.jpg
│   │   │   │   ├── posx.jpg
│   │   │   │   ├── posy.jpg
│   │   │   │   ├── posz.jpg
│   │   │   │   └── readme.txt
│   │   │   └── NissiBeach-Cyprus
│   │   │   ├── negx.jpg
│   │   │   ├── negy.jpg
│   │   │   ├── negz.jpg
│   │   │   ├── posx.jpg
│   │   │   ├── posy.jpg
│   │   │   ├── posz.jpg
│   │   │   └── readme.txt
│   │   ├── mesh-animation.html
│   │   ├── mesh-objects.html
│   │   ├── models-json
│   │   │   ├── arrowhead.js
│   │   │   ├── horse.js
│   │   │   ├── README.txt
│   │   │   ├── stork.js
│   │   │   ├── Suzanne.js
│   │   │   ├── terrain.js
│   │   │   ├── tree.js
│   │   │   └── WaltHeadLo.js
│   │   ├── point-cloud.html
│   │   ├── raycaster-input.html
│   │   ├── reflection-demo.html
│   │   ├── shadows.html
│   │   ├── textures
│   │   │   ├── brick001.jpg
│   │   │   ├── Earth-1024x512.jpg
│   │   │   ├── mandelbrot.jpeg
│   │   │   ├── marble.jpg
│   │   │   ├── metal003.gif
│   │   │   ├── NightEarth-512x256.jpg
│   │   │   └── README.txt
│   │   ├── textures.html
│   │   └── vertex-and-color-animation.html
│   ├── c6
│   │   ├── moving-points-demo.html
│   │   ├── multi-texture.html
│   │   ├── shape-stamper-demo.html
│   │   ├── textured-points.html
│   │   ├── textures
│   │   │   ├── brick001.jpg
│   │   │   ├── brick.gif
│   │   │   ├── cloth.gif
│   │   │   ├── cloud.gif
│   │   │   ├── Earth-1024x512.jpg
│   │   │   ├── gradient.png
│   │   │   ├── house.jpg
│   │   │   ├── jigsaw.gif
│   │   │   ├── mandelbrot.jpeg
│   │   │   ├── marble.jpg
│   │   │   ├── metal003.gif
│   │   │   ├── NightEarth-512x256.jpg
│   │   │   └── README.txt
│   │   └── webgl-limits.html
│   ├── c7
│   │   ├── cube-camera-demo.html
│   │   ├── cubemap-textures
│   │   │   └── park
│   │   │   ├── negx.jpg
│   │   │   ├── negy.jpg
│   │   │   ├── negz.jpg
│   │   │   ├── posx.jpg
│   │   │   ├── posy.jpg
│   │   │   ├── posz.jpg
│   │   │   └── readme.txt
│   │   ├── generated-texcoords.html
│   │   ├── per-pixel-vs-per-vertex.html
│   │   ├── procedural-textures.html
│   │   ├── rotators.html
│   │   ├── spotlight-demo.html
│   │   └── textures
│   │   ├── brick001.jpg
│   │   ├── Earth-1024x512.jpg
│   │   ├── mandelbrot.jpeg
│   │   ├── marble.jpg
│   │   ├── metal003.gif
│   │   ├── NightEarth-512x256.jpg
│   │   └── README.txt
│   ├── demo.css
│   ├── image
│   │   ├── close32.png
│   │   ├── question24.png
│   │   ├── question32.png
│   │   └── question48.png
│   └── script
│   ├── basic-object-models-IFS.js
│   ├── demo-core.js
│   ├── glsim.js
│   ├── polyhedra.js
│   ├── README.txt
│   ├── slider-canvas.js
│   ├── teapot-model-IFS.js
│   ├── threejs
│   │   ├── OrbitControls.js
│   │   └── TrackballControls.js
│   ├── three.min.js
│   └── webgl
│   ├── gl-matrix-min.js
│   ├── simple-rotator.js
│   ├── trackball-rotator.js
│   └── trackball-rotator-syncable.js
├── glossary.html
├── index.html
├── news-for-web.html
├── news.html
├── preface.html
├── resource
│   ├── close24.png
│   ├── glossary.js
│   ├── graphicstext-cover-180x235.png
│   └── graphicstext.css
└── source
├── canvas2d
│   ├── AnimationStarter.html
│   ├── EventsStarter.html
│   ├── GraphicsPlusStarter.html
│   ├── GraphicsStarter.html
│   └── SimplePaintProgram.html
├── glsim
│   ├── cubes-with-vertex-arrays.html
│   ├── first-triangle.html
│   ├── glsim-doc.html
│   ├── glsim.js
│   ├── glsim-starter.html
│   ├── opengl-cart-and-windmill.html
│   └── unlit-cube.html
├── glut
│   ├── camera.c
│   ├── camera.h
│   ├── color-cube-of-spheres.c
│   ├── cubes-with-vertex-arrays.c
│   ├── first-triangle.c
│   ├── four-lights.c
│   ├── glut-starter.c
│   ├── ifs-polyhedron-viewer.c
│   ├── opengl-cart-and-windmill-2d.c
│   ├── polyhedron.c
│   ├── polyhedron.h
│   ├── texture-demo.c
│   ├── textured-shapes.c
│   ├── textured-shapes.h
│   ├── texture-from-color-buffer.c
│   ├── texture-objects.c
│   ├── textures
│   │   ├── brick001.jpg
│   │   ├── Earth-1024x512.jpg
│   │   ├── mandelbrot.jpeg
│   │   ├── marble.jpg
│   │   ├── metal003.gif
│   │   ├── NightEarth-512x256.jpg
│   │   └── README.txt
│   └── unlit-cube.c
├── index.html
├── java2d
│   ├── AnimationStarter.java
│   ├── EventsStarter.java
│   ├── GraphicsStarter.java
│   ├── HierarchicalModeling2D.java
│   ├── JavaPixelManipulation.java
│   ├── PaintDemo.java
│   ├── QueenOfHearts.png
│   ├── SceneGraphAPI2D.java
│   └── TinySmiley.png
├── jogl
│   ├── Camera.java
│   ├── CartAndWindmillJogl2D.java
│   ├── ColorCubeOfSpheres.java
│   ├── CubesWithVertexArrays.java
│   ├── FirstTriangle.java
│   ├── FourLights.java
│   ├── IFSPolyhedronViewer.java
│   ├── JoglStarter.java
│   ├── Polyhedron.java
│   ├── TextureDemo.java
│   ├── TexturedShapes.java
│   ├── TextureFromColorBuffer.java
│   ├── textures
│   │   ├── brick001.jpg
│   │   ├── Earth-1024x512.jpg
│   │   ├── mandelbrot.jpeg
│   │   ├── marble.jpg
│   │   ├── metal003.gif
│   │   ├── NightEarth-512x256.jpg
│   │   └── README.txt
│   └── UnlitCube.java
├── svg
│   ├── cart-and-windmills.svg
│   ├── first-svg-animation.svg
│   ├── first-svg-example.svg
│   ├── hierarchical-animation.svg
│   ├── svg-face.svg
│   ├── svg-hierarchy.svg
│   └── svg-starter.svg
├── threejs
│   ├── AnaglyphEffect.js
│   ├── anaglyph.html
│   ├── cubemap-textures
│   │   ├── Colosseum
│   │   │   ├── negx.jpg
│   │   │   ├── negy.jpg
│   │   │   ├── negz.jpg
│   │   │   ├── posx.jpg
│   │   │   ├── posy.jpg
│   │   │   ├── posz.jpg
│   │   │   └── readme.txt
│   │   ├── park
│   │   │   ├── negx.jpg
│   │   │   ├── negy.jpg
│   │   │   ├── negz.jpg
│   │   │   ├── posx.jpg
│   │   │   ├── posy.jpg
│   │   │   ├── posz.jpg
│   │   │   └── readme.txt
│   │   ├── pond
│   │   │   ├── negx.jpg
│   │   │   ├── negy.jpg
│   │   │   ├── negz.jpg
│   │   │   ├── posx.jpg
│   │   │   ├── posy.jpg
│   │   │   ├── posz.jpg
│   │   │   └── readme.txt
│   │   └── Yokohama-at-night
│   │   ├── negx.jpg
│   │   ├── negy.jpg
│   │   ├── negz.jpg
│   │   ├── posx.jpg
│   │   ├── posy.jpg
│   │   ├── posz.jpg
│   │   └── readme.txt
│   ├── curves-and-surfaces.html
│   ├── diskworld-1.html
│   ├── full-window.html
│   ├── json-model-viewer.html
│   ├── MeshFaceMaterial.html
│   ├── modeling-starter.html
│   ├── models-json
│   │   ├── arrowhead.js
│   │   ├── horse.js
│   │   ├── README.txt
│   │   ├── stork.js
│   │   ├── Suzanne.js
│   │   ├── terrain.js
│   │   ├── tree.js
│   │   └── WaltHeadLo.js
│   ├── OrbitControls.js
│   ├── reflection.html
│   ├── refraction.html
│   ├── skybox.html
│   ├── textured-pyramid.html
│   ├── textures
│   │   └── brick001.jpg
│   ├── three.js
│   ├── three.min.js
│   └── TrackballControls.js
└── webgl
├── AffineTransform2D.js
├── anisotropic-filtering.html
├── basic-object-models-IFS.js
├── basic-specular-lighting.html
├── basic-specular-lighting-Phong.html
├── bumpmap.html
├── cube-camera.html
├── cubemap-fisheye.html
├── cubemap-textures
│   └── park
│   ├── negx.jpg
│   ├── negy.jpg
│   ├── negz.jpg
│   ├── posx.jpg
│   ├── posy.jpg
│   ├── posz.jpg
│   └── readme.txt
├── cube-with-basic-lighting.html
├── cube-with-simple-rotator.html
├── cube-with-trackball-rotator.html
├── diskworld-2.html
├── glmatrix-cube-unlit.html
├── gl-matrix.js
├── gl-matrix-min.js
├── image-blur.html
├── image-evolver.html
├── images-for-blur
│   ├── bluejay.jpg
│   ├── earth.jpg
│   ├── house.jpg
│   └── space-station.jpg
├── moving-points.html
├── parametric-function-grapher.html
├── render-to-texture.html
├── shape-stamper.html
├── simple-hierarchy2D.html
├── simple-rotator.js
├── simple-texture.html
├── skybox-and-env-map.html
├── spotlights.html
├── teapot-model-IFS.js
├── texture-from-pixels.html
├── textures
│   ├── brick001.jpg
│   ├── brick-height-map.jpg
│   ├── dimples-height-map.png
│   ├── Earth-1024x512.jpg
│   ├── mandelbrot.jpeg
│   ├── marble-height-map.png
│   ├── marble.jpg
│   ├── metal003.gif
│   ├── metal-height-map.png
│   ├── NightEarth-512x256.jpg
│   ├── random-height-map.png
│   └── README.txt
├── texture-transform.html
├── trackball-rotator.js
└── webgl-rgb-triangle.html

57 directories, 534 files