文章目录
  1. 1. 前言
    1. 1.1. 触碰Box2D
    2. 1.2. 教程说明
  2. 2. 教程目录
    1. 2.1. 1. 基本概念
    2. 2.2. 2. 物理世界(world)
    3. 2.3. 3. 形状(shape)和刚体(body)
    4. 2.4. 4. 关节(joint)
    5. 2.5. 5. 操作(operation)
    6. 2.6. 6. 创建一个物理世界吧
    7. 2.7. 7. api
    8. 2.8. 说明

Box2DJS或许已停止了维护,但依然无法阻止它的优秀。
该教程中有些内容来自于当时在校的项目研究和调查,以及最近的分析整理,包括基本概念、基础类、操作类以及一些API的说明。

前言


触碰Box2D

Box2DJS其实是我在刚接触前端时的第一个项目,与它的结实主要是在学校参加教授的项目,在师兄师姐们的帮助下认识这个物理引擎。

教程说明

在以前端作为职业两年的这个时候,才发现Box2D相关的教程和说明很少,便产生了整理一份相关的说明和教程的想法。
具体的教程放置在Github上,最近还会有调整和更新,博客则会有更详细的说明。

或许Box2Djs已停止了维护,但我依然认为它是一个很棒很棒的库。

该教程中有参考当年一起参与项目的师兄师姐们的一些资料,整合了自己的研究和分析,内容可能有缺失或者错误,但还是希望能帮助到大家,更期待你们的指正和完善。

教程目录


1. 基本概念

1.1 有关物理引擎
1.2 有关图像引擎
1.3 有关Box2D

2. 物理世界(world)

3. 形状(shape)和刚体(body)

3.1 形状
3.2 矩形
3.3 圆形
3.4 凸多边形
3.5 由形状到刚体

4. 关节(joint)

4.1 距离关节
4.2 旋转关节
4.3 移动关节
4.4 滑轮关节
4.5 齿轮关节

5. 操作(operation)

5.1 鼠标获取刚体
5.2 获取参与碰撞的刚体
5.3 获取刚体的各属性
5.4 为刚体设置属性
5.5 图形与刚体的结合

6. 创建一个物理世界吧

6.1 创建世界并初始化
6.2 添加边界
6.3 添加刚体
6.4 鼠标操作刚体
6.5 处理碰撞刚体

7. api

7.1 碰撞类(collision)
7.2 基础类(common)
7.3 动力学类(dynamics)

说明

box2djs官网
box2d教程
box2d中文教程
box2djs_api在线版
box2djs_api.zip下载
box2d-js_0.1.0.zip下载

查看Github有更多内容噢:https://github.com/godbasin
更欢迎来被删的前端游乐场边撸猫边学前端噢

码生艰难,写文不易,给我家猪囤点猫粮了喵~

作者:被删

出处:https://godbasin.github.io

本文版权归作者所有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。

文章目录
  1. 1. 前言
    1. 1.1. 触碰Box2D
    2. 1.2. 教程说明
  2. 2. 教程目录
    1. 2.1. 1. 基本概念
    2. 2.2. 2. 物理世界(world)
    3. 2.3. 3. 形状(shape)和刚体(body)
    4. 2.4. 4. 关节(joint)
    5. 2.5. 5. 操作(operation)
    6. 2.6. 6. 创建一个物理世界吧
    7. 2.7. 7. api
    8. 2.8. 说明