GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → akira-cn → Icg Webgl

akira-cn / Icg Webgl

Licence: mit
交互式计算机图形学——基于WebGL的自顶向下方法（第七版）的例子与练习题

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

graphicswebgl

Projects that are alternatives of or similar to Icg Webgl

Filament
Filament is a real-time physically based rendering engine for Android, iOS, Windows, Linux, macOS, and WebGL2
Stars: ✭ 13,215 (+2785.37%)
Mutual labels:  graphics, webgl
Gltfast
glTF runtime loading library for Unity
Stars: ✭ 156 (-65.94%)
Mutual labels:  graphics, webgl
Engine
Oasis Engine is a web-first and mobile-first high-performance real-time development platform.
Stars: ✭ 2,202 (+380.79%)
Mutual labels:  graphics, webgl
Lume
Create CSS3D/WebGL applications declaratively with HTML. Give regular DOM elements shadow and lighting.
Stars: ✭ 445 (-2.84%)
Mutual labels:  graphics, webgl
Cga.js
CGA 3D 计算几何算法库 | 3D Compute Geometry Algorithm Library webgl three.js babylon.js等任何库都可以使用
Stars: ✭ 313 (-31.66%)
Mutual labels:  graphics, webgl
Hilo3d
Hilo3d, a WebGL Rendering Engine.
Stars: ✭ 123 (-73.14%)
Mutual labels:  graphics, webgl
Membrane
A platform agnostic clojure(script) library for creating user interfaces
Stars: ✭ 154 (-66.38%)
Mutual labels:  graphics, webgl
3d Game Shaders For Beginners
🎮 A step-by-step guide to implementing SSAO, depth of field, lighting, normal mapping, and more for your 3D game.
Stars: ✭ 11,698 (+2454.15%)
Mutual labels:  graphics, webgl
Ofelia
A real-time cross-platform creative coding tool for multimedia development
Stars: ✭ 269 (-41.27%)
Mutual labels:  graphics, webgl
Raindrop Fx
An optimised raindrop effect on glass with WebGL2
Stars: ✭ 218 (-52.4%)
Mutual labels:  graphics, webgl
Bgfx
Cross-platform, graphics API agnostic, "Bring Your Own Engine/Framework" style rendering library.
Stars: ✭ 10,252 (+2138.43%)
Mutual labels:  graphics, webgl
Vue Gl
Vue.js components rendering 3D WebGL graphics reactively with three.js
Stars: ✭ 434 (-5.24%)
Mutual labels:  graphics, webgl
3dhop
3D Heritage Online Presenter
Stars: ✭ 89 (-80.57%)
Mutual labels:  graphics, webgl
Gcanvas
A lightweight cross-platform graphics rendering engine. (超轻量的跨平台图形引擎) https://alibaba.github.io/GCanvas
Stars: ✭ 1,705 (+272.27%)
Mutual labels:  graphics, webgl
Axis3d
Functional 3d graphics library
Stars: ✭ 67 (-85.37%)
Mutual labels:  graphics, webgl
Wechart
Create all the [ch]arts by cax or three.js - Cax 和 three.js 创造一切图[表]
Stars: ✭ 152 (-66.81%)
Mutual labels:  graphics, webgl
Xeogl
A WebGL-based 3D engine for technical visualization. Not actively maintained.
Stars: ✭ 920 (+100.87%)
Mutual labels:  graphics, webgl
Xna.js
WebGL framework strongly inspired by the XNA library
Stars: ✭ 40 (-91.27%)
Mutual labels:  graphics, webgl
Mesh.js
A graphics system born for visualization 😘.
Stars: ✭ 156 (-65.94%)
Mutual labels:  graphics, webgl
Magnum
Lightweight and modular C++11 graphics middleware for games and data visualization
Stars: ✭ 3,728 (+713.97%)
Mutual labels:  graphics, webgl
View All Similar Projects ➔

ICG-WebGL

webgl.group

这是《交互式计算机图形学——基于WebGL的自顶向下方法（第七版）》这本书的每章示例和部分练习题参考实现。

作者官方的示例代码在这里。

重构后的代码在线运行

我们将重写官方实例的例子：

  • 重构示例代码，增加必要的注释
  • 使用Babel7
  • 增加练习题参考答案
  • 替换MV.js和MV2.js为gl-matrix
  • 使用transform-gl-matrix插件简化gl-matrix的API
  • 重写部分Utils功能，组织到一个简单的工具库GLHelper中
  • 使用Webpack打包，使用glsl-shader-loader加载shader文件
  • 使用eslint-config-sprite
  • 部分练习提供其他参考实现版本，比如THREE.js实现版本。
  • 增加其他扩展例子实现

欢迎共同学习本教程的同学参与项目，为项目贡献PR。

代码本地运行

npm start

访问 http://localhost:3000

或者也可以独立运行某一章节的例子：

npm run chapter02

上面的命令运行第二章的例子。

License

MIT

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].