|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/curso-de-programacao-com-javascript-e-threejs-completo/
课程评论：没有评论
本课程将深入介绍使用 JavaScript 和 Three.js 创建令人惊叹的 3D 网页动画。Three.js 是一个强大的库，它利用 WebGL 技术，让你无需任何浏览器插件即可在浏览器中创建 GPU 加速的 3D 动画。 课程将涵盖 Three.js 的广泛功能，包括： * **效果：** 学习如何实现如立体幻象、交叉眼和视差屏障等视觉效果。 * **场景管理：** 掌握在运行时添加和移除对象，以及应用雾效等场景元素。 * **相机与控制器：** 了解透视和正交相机，并学会使用轨道球、第一人称视角、路径控制器等多种相机控制器。 * **动画技术：** 探索骨骼动画、前向运动学、逆向运动学、顶点动画和关键帧动画等动画实现方式。 * **灯光与阴影：** 学习使用环境光、方向光、点光和聚光灯，并实现阴影的投射与接收。 * **材质与着色：** 深入理解 Lambert、Phong、平滑着色、纹理等材质属性，以及 GLSL 着色语言的强大功能。 * **对象与几何体：** 学习创建网格、粒子、精灵、线条、条带、骨骼等对象，以及平面、立方体、球体、圆环体、3D 文本等各种几何体，并了解如何使用车床、挤出和管道修改器。 * **数据加载与导出：** 掌握二进制、图像、JSON 等格式的数据加载，以及通过 Blender、FBX、OBJ 等工具导出或导入 Three.js 兼容文件的技巧。 * **实用工具：** 熟悉时间配置、3D 数学函数（如平行截头体、矩阵、四元数）以及 UV 坐标等实用工具。 * **调试：** 学习使用 Stats.js、WebGL Inspector 和 Three.js Inspector 等工具进行有效的调试。 本课程适用于所有支持 WebGL 1.0 的浏览器，并且 Three.js 根据 MIT 许可证提供。你将通过超过 150 个带有源代码、模型、纹理、声音等支持文件的代码示例来学习。
Three.js é uma biblioteca JavaScript/API cross-browser usada para criar e mostrar gráficos 3D animados em um navegador web. Three.js usa WebGL. O código-fonte é hospedado em um repositório no GitHub.Three.js permite a criação de animações 3D aceleradas de GPU usando a linguagem JavaScript como parte de um website sem depender de extensões de browsers proprietárias. Isto é possível graças ao advento do WebGL.Bibliotecas de alto nível como Three.js ou GLGE, SceneJS, PhiloGL ou um número de outras bibliotecas tornam possível ao autor animações de computador 3D complexas que mostram no browser sem o esforço necessário para uma aplicação stand-alone tradicional ou um plugin.Three.js inclui os seguintes recursos:Efeitos: Anaglifo, olhos cruzados e barreira paralaxe.Cenários: adiciona e remove objetos em tempo de execução; névoaCâmeras: perspectiva e ortográfico; controladores: trackball, FPS, path e maisAnimação: armaduras, cinemática direta, cinemática inversa, animação por vértice e quadro-chaveLuzes: ambiente, direção, luzes de ponto e local; sombras: cast e receiveMateriais: Lambert, Phong, smooth shading, texturas e maisSombreadores: acesso a todas as capacidades do OpenGL Shading Language (GLSL): lens flare, depth pass e extensa biblioteca de pós-processamentoObjetos: malhas, partículas, sprites, linhas, fitas, ossos e mais - tudo com nível de detalheGeometria: plana, cubo, esfera, toro, texto 3D e mais; modificadores: lathe, extrude e tuboCarregadores de dados: binário, imagem, JSON e cenárioUtilidades: completa configuração de tempo e funções matemáticas 3D incluindo tronco de bases paralelas, matriz, quaterniões, UVs e maisExporta e importa: utilidades para criar arquivos JSON compatíveis com Three.js de dentro: Blender, openCTM, FBX, Max, e OBJSuporte: a documentação da API está sob construção, fórum público e wiki em completa operaçãoExemplos: Mais de 150 arquivos de exemplos de código mais fontes, modelos, texturas, sons e outros arquivos de suporteDebugging: Stats.js, WebGL Inspector, Three.js InspectorThree.js roda em todos os browsers suportados pelo WebGL 1.0.Three.js é disponível sob a licença MIT.
