基于TypeScript + WebGL 游戏引擎 笔记

一直从事Unity游戏开发,其他领域只能业余时间学习一下。 TypeScript 我很喜欢的语言,可以使用它写基于Node的游戏服务器。 在Web前端的火热程度就更不用说了。 WebGL早就不再是游戏开发的专属了,年前看到淘宝工程师的分享《淘宝Web 3D应用与游戏开发》

WebGL 教程:  

《WebGL 1 理论基础  https://webglfundamentals.org/webgl/lessons/zh_cn/》

《WebGL2 理论基础  https://webgl2fundamentals.org/ 》

《Three.js 中文教程   http://techbrood.com/threejs/docs/》

《Fun With WebGL 2.0  https://www.youtube.com/playlist?list=PLMinhigDWz6emRKVkVIEAaePW7vtIkaIF  此人在教程过程中抽象出游戏的渲染引擎 》

《 TypeScript Engine  https://www.youtube.com/watch?v=Hi3vyJQbULk&list=PLv8Ddw9K0JPiTHLMQw31Yh4qyTAcHRnJx》

基于TypeScript + WebGL 游戏引擎 笔记_第1张图片

基于TypeScript + WebGL 游戏引擎 笔记_第2张图片

基于TypeScript + WebGL 游戏引擎 笔记_第3张图片

  • 001-介绍和基础设置
  • 002-初始化WebGL 
  • 003-Shaders 
  • 004-绘制一个三角形 
  • 005-Attributes 和 Uniforms
  • 006-矩阵,向量和变换
  • 007-资源管理系统和消息系统
  • 008-Texturest
  • 009-Materials
  • 010-Architecture 和 Heirarchy
  • 011-Components
  • 012-Linux系统下开发环境
  • 013-从json文件中加载Zones
  • 014-从json配置中加载Components
  • 015-Behaviors
  • 016-Sprite的序列帧动画
  • 017-Input
  • 018-Audio
  • 019-Collision Part
  • 020-Collision Part
  • 021-Collision Part
  • 022-对之前所有内容做整理修复问题
  • 023-游戏力学 Part 
  • 024-游戏力学 Part
  • 025-Bitmap Fonts Part 1
  • 026-Bitmap Fonts Part 2
  • 027-基于这个引擎完成Flaybird游戏

代码: https://github.com/SunGuangdong/TypeScript-GameEngine   

 

你可能感兴趣的:(基于TypeScript + WebGL 游戏引擎 笔记)