Programming 3D Applications with HTML5 and WebGL
Tags
Summary
Editor's review
Who it's for
A good fit for
- 有两三年 JavaScript 与 HTML 经验、想转向网页 3D 开发的前端工程师
- 做页游或 Web 互动项目,需要评估 Three.js、Canvas、CSS3 技术选型的开发者
- 计算机相关专业学生,想通过可运行示例理解 3D 渲染管线与着色器
- 需要为产品展示、在线培训等场景搭建 3D 交互应用的技术负责人
Not a good fit for
- 完全没有 JavaScript 基础的编程零起点读者
- 想查找最新 Three.js 版本 API 或 WebGPU 内容的读者,本书版本已明显陈旧
- 只需做 2D 页面排版与样式、不涉及图形渲染的从业者
Reading tips
- 先读第 1 章的 3D 图形基础概念,矩阵与相机部分不必一次学透,留到第 2 章示例中回看。
- 务必动手跑通第 2 章的 WebGL 最小示例,理解缓冲区、着色器与绘制图元三步流程,再看 Three.js 会轻松很多。
- 读第 3 至 5 章时,边读边把示例迁移到当前版本的 Three.js 上,遇到 API 差异就查官方文档,这本身就是很好的练习。
- 第 8 至 12 章的应用开发部分可以不按顺序读,挑与自己项目最接近的案例(产品浏览器、游戏或培训系统)优先实践。
About the publisher
Posts & Telecom Press is known for its strengths in science and technology, computing, and information and communications titles, and has extended its publishing into photography, art, software learning, and inspirational growth, giving it a fairly diverse range. Its catalog includes computing and communications works such as Refactoring and Patterns (Revised Edition) and Huawei Switch Learning Guide (Second Edition), alongside bilingual collector's editions such as The Little Prince (Chinese-English-French illustrated collector's edition), The Great Gatsby, and Three Days to See. Beijing Ten Years: 1980-1990 and Ghost Blade: WLOP Personal Illustration Collection reflect its presence in photography and art. Its authors include Antoine de Saint-Exupéry, Helen Keller, Joshua Kerievsky, Wang Da, Zhang Zhaozeng, and WLOP.
Contents
- Preface
- Part I Foundations
- Chapter 1 Introduction
- 1.1 HTML5: A New Visual Medium
- 1.1.1 The Browser Platform
- 1.1.2 Browser Support
- 1.2 Basic Concepts of 3D Graphics
- 1.2.1 What Is 3D
- 1.2.2 3D Coordinate Systems
- 1.2.3 Meshes, Polygons, and Vertices
- 1.2.4 Materials, Textures, and Lights
- 1.2.5 Transformations and Matrices
- 1.2.6 Cameras, Perspective, Viewports, and Projection
- 1.2.7 Shaders
- Chapter 2 WebGL: Real-Time 3D Rendering
- 2.1 WebGL Basics
- 2.2 The WebGL API
- 2.3 Anatomy of a WebGL Application
- 2.4 A Simple WebGL Example
- 2.4.1 The Canvas Element and the WebGL Drawing Context
- 2.4.2 The Viewport
- 2.4.3 Buffers, Buffer Arrays, and Typed Arrays
- 2.4.4 Matrices
- 2.4.5 Shaders
- 2.4.6 Drawing Primitives
- 2.5 Creating 3D Geometry
- 2.6 Adding Animation
- 2.7 Using Texture Mapping
- 2.8 Summary
- Chapter 3 Three.js: A JavaScript 3D Engine
- 3.1 Notable Projects Built with Three.js
- 3.2 Three.js at a Glance
- 3.2.1 Initializing Three.js
- 3.2.2 Three.js Project Structure
- 3.3 A Simple Three.js Program
- 3.3.1 Creating the Renderer
- 3.3.2 Creating the Scene
- 3.3.3 Implementing the Run Loop
- 3.3.4 Adding Lighting to the Scene
- 3.4 Summary
FAQ
这本书的原版是哪一本,中文版是完整翻译吗?
书里的代码今天还能直接运行吗?
读这本书需要先学图形学吗?
这本书和《WebGL编程指南》有什么区别?
移动端开发部分现在还适用吗?
Comments
Find this book
This site is an index: you start “Search all sources” in your browser, and the entries it lists all point to third-party sites; please judge their availability yourself.