https://github.com/godbasin/box2djs-tutorial
box2djs-tutorial
https://github.com/godbasin/box2djs-tutorial
Last synced: 9 months ago
JSON representation
box2djs-tutorial
- Host: GitHub
- URL: https://github.com/godbasin/box2djs-tutorial
- Owner: godbasin
- Created: 2017-02-17T14:05:43.000Z (almost 9 years ago)
- Default Branch: master
- Last Pushed: 2017-02-17T14:07:54.000Z (almost 9 years ago)
- Last Synced: 2025-04-17T14:37:03.002Z (9 months ago)
- Language: JavaScript
- Size: 103 KB
- Stars: 14
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
本文为Box2D教程的目录总览。
## 前言
### 触碰Box2D
Box2D其实是我在刚接触前端时的第一个项目，与它的结实主要是在学校参加教授的项目，在师兄师姐们的帮助下认识这个物理引擎。
### 教程说明
在以前端作为职业两年的这个时候，才发现Box2D相关的教程和说明很少，便产生了整理一份相关的说明和教程的想法。
Box2Djs早已停止了维护，但我依然认为它是一个很棒很棒的库。
该教程中有些内容来自于当时的项目研究和调查，其中也有不少当年一起参与项目的师兄师姐们的一些整理，非常感谢大家的努力。
[博客教程地址: https://godbasin.github.io/2017/02/17/box2d-tutorial-0-catalog](https://godbasin.github.io/2017/02/17/box2d-tutorial-0-catalog)
## 教程目录
### [1. 基本概念](https://github.com/godbasin/box2djs-tutorial/tree/master/1-basic)
[1.1 有关物理引擎](https://github.com/godbasin/box2djs-tutorial/tree/master/1-basic/1-1-physical-engine.md)
[1.2 有关图像引擎](https://github.com/godbasin/box2djs-tutorial/tree/master/1-basic/1-2-graphic-engine.md)
[1.3 有关Box2D](https://github.com/godbasin/box2djs-tutorial/tree/master/1-basic/1-3-hello-box2d.md)
### [2. 物理世界(world)](https://github.com/godbasin/box2djs-tutorial/tree/master/2-world)
### [3. 形状(shape)-刚体(body)](https://github.com/godbasin/box2djs-tutorial/tree/master/3-body)
[3.1 形状](https://github.com/godbasin/box2djs-tutorial/tree/master/3-body/3-1-shape.md)
[3.2 矩形](https://github.com/godbasin/box2djs-tutorial/tree/master/3-body/3-2-box-shape.md)
[3.3 圆形](https://github.com/godbasin/box2djs-tutorial/tree/master/3-body/3-3-cicle-shape.md)
[3.4 凸多边形](https://github.com/godbasin/box2djs-tutorial/tree/master/3-body/3-4-poly-shape.md)
[3.5 由形状到刚体](https://github.com/godbasin/box2djs-tutorial/tree/master/3-body/3-5-shape-to-body.md)
### [4. 关节(joint)](https://github.com/godbasin/box2djs-tutorial/tree/master/4-joint)
[4.1 距离关节(distance-joint)](https://github.com/godbasin/box2djs-tutorial/tree/master/4-joint/4-1-distance-joint.md)
[4.2 旋转关节(revolute-joint)](https://github.com/godbasin/box2djs-tutorial/tree/master/4-joint/4-2-revolute-joint.md)
[4.3 移动关节(prismatic-joint)](https://github.com/godbasin/box2djs-tutorial/tree/master/4-joint/4-3-prismatic-joint.md)
[4.4 滑轮关节(pulley-joint)](https://github.com/godbasin/box2djs-tutorial/tree/master/4-joint/4-4-pulley-joint.md)
[4.5 齿轮关节(gear-joint)](https://github.com/godbasin/box2djs-tutorial/tree/master/4-joint/4-5-gear-joint.md)
### [5. 操作(operation)](https://github.com/godbasin/box2djs-tutorial/tree/master/5-operation)
[5.1 鼠标获取刚体](https://github.com/godbasin/box2djs-tutorial/tree/master/5-operation/5-1-mouse-get-body.md)
[5.2 获取参与碰撞的刚体](https://github.com/godbasin/box2djs-tutorial/tree/master/5-operation/5-2-get-contact-list.md)
[5.3 获取刚体的各属性](https://github.com/godbasin/box2djs-tutorial/tree/master/5-operation/5-3-get-body-attributes.md)
[5.4 为刚体设置属性](https://github.com/godbasin/box2djs-tutorial/tree/master/5-operation/5-4-set-body-attributes.md)
[5.5 绘制功能](https://github.com/godbasin/box2djs-tutorial/tree/master/5-operation/5-5-body-with-image.md)
### [6. 创建一个物理世界吧](https://github.com/godbasin/box2djs-tutorial/tree/master/6-practice)
[6.1 创建世界并初始化](https://github.com/godbasin/box2djs-tutorial/tree/master/6-practice/6-1-create-and-init-world/6-1-create-and-init-world.md)
[6.3 添加刚体](https://github.com/godbasin/box2djs-tutorial/tree/master/6-practice/6-2-add-body/6-2-add-body.md)
[6.4 添加边界](https://github.com/godbasin/box2djs-tutorial/tree/master/6-practice/6-3-add-bound/6-3-add-bound.md)
[6.4 鼠标操作刚体](https://github.com/godbasin/box2djs-tutorial/tree/master/6-practice/6-4-mouse-operate-body/6-4-mouse-operate-body.md)
[6.5 处理碰撞刚体](https://github.com/godbasin/box2djs-tutorial/tree/master/6-practice/6-5-handle-contact/6-5-handle-contact.md)
### [7. api](https://github.com/godbasin/box2djs-tutorial/tree/master/7-api)
[7.1 碰撞类(collision)](https://github.com/godbasin/box2djs-tutorial/tree/master/7-api/7-1-common-apis.md)
[7.2 基础类(common)](https://github.com/godbasin/box2djs-tutorial/tree/master/7-api/7-2-collisions-apis.md)
[7.3 动力学类(dynamics)](https://github.com/godbasin/box2djs-tutorial/tree/master/7-api/7-3-dynamics-apis.md)
以上内容可能有缺失或者错误，但还是希望能帮助到大家。
### 说明
[box2djs官网](http://box2d-js.sourceforge.net/)
[box2d教程](http://box2d.org/manual.pdf)
[box2d中文教程](http://ss.sysu.edu.cn/~pml/se347/2012fall/info/box2d%E4%B8%AD%E6%96%87%E6%95%99%E7%A8%8B.pdf)
[box2djs_api在线版](http://old7pzwup.bkt.clouddn.com/box2Dapi/index.html?Box2D/Collision/b2AABB.html&Box2D/Collision/class-list.html)
[box2djs_api.zip下载](http://old7pzwup.bkt.clouddn.com/box2Dapi.zip)
[box2d-js_0.1.0.zip下载](http://old7pzwup.bkt.clouddn.com/box2d-js_0.1.0.zip)
### 版权许可
只要保持原作者署名和非商用，您可以自由地阅读、分享、修改本教程。