2. 程式人生 > >01.Box2dWeb入門教程

01.Box2dWeb入門教程

阿新 • • 發佈：2019-01-30
function init(){ //方便使用 var b2Vec2 = Box2D.Common.Math.b2Vec2, b2BodyDef = Box2D.Dynamics.b2BodyDef, b2Body = Box2D.Dynamics.b2Body, b2FixtureDef = Box2D.Dynamics.b2FixtureDef, b2Fixture = Box2D.Dynamics.b2Fixture, b2World = Box2D.Dynamics.b2World, b2MassData = Box2D.Collision.Shapes.b2MassData, b2PolygonShape = Box2D.Collision.Shapes.b2PolygonShape, b2CircleShape = Box2D.Collision.Shapes.b2CircleShape, b2DebugDraw = Box2D.Dynamics.b2DebugDraw; //1.建立一個世界
var world = new b2World(new b2Vec2(0,9.8),true); //2.建立一個矩形剛體 //定義一個材質 var fixDef = new b2FixtureDef; fixDef.density = 1.0;//密度 fixDef.friction = 0.5;//摩擦 fixDef.restitution = 0.2;//彈性 fixDef.shape = new b2PolygonShape;//矩形
fixDef.shape.SetAsBox(5, 0.5);//寬高 //建立一個矩形地板剛體 var bodyDef = new b2BodyDef; bodyDef.type = b2Body.b2_staticBody;//靜態的 bodyDef.position.x = 10; //X軸 bodyDef.position.y = 13; //Y軸 //世界中新增一個剛體
world.CreateBody(bodyDef).CreateFixture(fixDef); //3.同上建立一個圓形剛體 var fixDef2 = new b2FixtureDef; fixDef2.density = 1.0; fixDef2.friction = 0.5; fixDef2.restitution = 0.2; fixDef2.shape = new b2CircleShape(1); var bodyDef2 = new b2BodyDef; bodyDef2.type = b2Body.b2_dynamicBody; bodyDef2.position.x = 9; bodyDef2.position.y = 1; world.CreateBody(bodyDef2).CreateFixture(fixDef2); //4.setup debug draw var debugDraw = new b2DebugDraw(); debugDraw.SetSprite(document.getElementById("canvas").getContext("2d")); debugDraw.SetDrawScale(30.0); debugDraw.SetFillAlpha(0.3); debugDraw.SetLineThickness(1.0); debugDraw.SetFlags(b2DebugDraw.e_shapeBit | b2DebugDraw.e_jointBit); world.SetDebugDraw(debugDraw); //5.一幀幀執行 window.setInterval(update, 1000 / 60); function update() { //Take a time step. world.Step( 1 / 60 //frame-rate , 10 //velocity iterations , 10 //position iterations ); //Call this to draw shapes and other debug draw data. world.DrawDebugData(); //Call this after you are done with time steps to clear the forces. You normally call this after each call to Step, unless you are performing sub-steps. world.ClearForces(); //console.log(111); }; }

相關推薦

01.Box2dWeb入門教程

function init(){ //方便使用 var b2Vec2 = Box2D.Common.Math.b2Vec2, b2BodyDef = Box2D.Dynamics.b2BodyDef,

Windows平臺 Code：：Blocks-16.01安裝入門教程

Code::Blocks-16.01的安裝，入門教程 2 安裝執行 安裝完成後，首先需要配置編譯器，否則無法執行程式，如下圖 3 HelloWorld程式示例 File -> New -> Project 然後編譯，執行

【Zigbee技術入門教程-01】Zigbee無線組網技術入門的學習路線

自組織 問題 作者 項目 建築 企業 color 基本概念 基礎 【Zigbee技術入門教程-01】Zigbee無線組網技術入門的學習路線 廣東職業技術學院 歐浩源 一、引言 在物聯網技術應用的知識體系中，Zigbee無線組網技術是非常重要的一環，也是大家感覺比較難

Spring Boot -01- 快速入門篇（圖文教程）

Spring Boot -01- 快速入門篇（圖文教程） 今天開始不斷整理 Spring Boot 2.0 版本學習筆記，大家可以在部落格看到我的筆記，然後大家想看視訊課程也可以到【慕課網】手機 app，去找【Spring Boot 2.0 深度實踐】的課程，令人開心的是，課程完全免費！ 什麼是 Spri

logback 入門教程系列-01-logback 入門使用案例

Logback Logback 旨在作為流行的log4j專案的後續版本，從而恢復log4j離開的位置。 Logback旨在成為流行的log4j專案的後續版本。它由log4j的創始人CekiGülcü設計。 它建立在設計工業強度測井系統的十年經驗之上。 由此產生的產品，即

javascript入門教程01

1.javascript中變數的宣告和賦值的三種方式 （1）先聲明後賦值 var width; width=5; （2）同時宣告和賦值變數 var width=5; var x,y,z=10; （3）不宣告直接賦值 width=5; 2.javascript的資料型別 Undefined：

JFinal專案開發菜鳥入門教程01

打算開發自己的後臺管理系統, 然後搜尋什麼最容易上手, 得到一個結果, JFinal開發迭代比較快, 開源, 開發週期短等很多優點.  所以就選擇了這個框架. 既然認定了這個框架, 就開始學習, 下面就開始記錄自己的JFinal成長軌跡. 我的微信公眾號: 史慧君, 歡

雲星資料---Scala實戰系列(精品版)】：Scala入門教程036-Scala實戰原始碼-Scala match語句01

Scala match語句 scala中的match語句用來在一個列表中選擇某一個分支來執行分支的語句塊，類似於其他語言中的swtich..case語句 package scala_learn.

函數式編程入門教程（轉）

制作 說明 讀取 ttf 中國 png if...else per 部分 初涉函數式編程語言python,轉載了一篇文章，先簡單來了解一下函數式編程的概念. 文章原址：http://www.ruanyifeng.com/blog/2017/02/fp-tutorial.ht

CodeIgniter 入門教程第一篇：信息發布

per 所有 控制 知識點 image doc ref har 提交 一、MVC CodeIgniter 采用MVC架構即：控制層、模型層和視圖層。 對應Application下面的文件夾 （圖1）： 所有新建文件以.php結尾 視圖層

Java - Struts框架教程 Hibernate框架教程 Spring框架入門教程（新版） sping mvc spring boot spring cloud Mybatis

java ee cloud pac .cn java get pin nat 輕量級 https://www.zhihu.com/question/21142149 http://how2j.cn/k/hibernate/hibernate-tutorial/31.html

Django REST framework 的快速入門教程

ret turn ads 使用 blog 所有 定義 想去 cti CRM-API項目搭建 序列器（Serializers） 首先，我們來定義一些序列器。我們來創建一個新的模塊（module）叫做 crm/rest_searializer.py ，這是我們用來描述數據是如何

springboot11-01-security入門

首頁 factory pri extend adding close 服務類 http 退出登錄 場景： 有3個頁面：首頁、登錄頁、登錄成功後的主頁面，如下圖： 如果沒有登錄，點擊“去主頁”，會跳轉到登

Jade模板引擎入門教程

undefine 文件 ech content arrays str www versions contain Jade是一款高性能簡潔易懂的模板引擎，Jade是Haml的Javascript實現，在服務端（NodeJS）及客戶端均有支持。 功能 客戶端支持 超強的可讀性

Webpack新手入門教程(學習筆記)

自身 方式 pin 演示 要求 const 初學者 功能 plugins p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; text-align: center; font: 30.0px Helvetica; color: #000000 }

gulp入門教程

綠色 實現 save lan 當前 包管理 安裝插件 列出文件 編寫 　　　 　　gulp是什麽？ 　　　　gulp是前端開發過程中對代碼進行構建的工具，是自動化項目的構建利器；它不僅能對網站資源進行優化，而且在開發過程中很多重復的任務能夠使用正確的工具自動完成；使

asp.net core入門教程系列 （一）

home padding 方式 title sys 活性 elf tro ash Asp.Net Core簡介 ASP.NET Core 是一個全新的開源、跨平臺框架，可以用它來構建基於網絡連接的現代雲應用程序，比如：Web 應用，IoT（Internet Of Thin

數據庫詳細入門教程

刪除數據 表結構 arch 刪除數據庫 1.2 tro host 顯示 唯一性約束 創建用戶：CREATE USER [email protected]/* */ IDENTIFIED BY ‘密碼‘ 主機名可以為空，為空默認為%權限，表示所有主機可連接

Redux 入門教程

ref tutorial mod html .com opera 異步 6.0 part Redux 入門教程（三）：React-Redux 的用法（[email protected]/* */） Redux 入門教程（二）：中間件與異步操作（[email

zookeeper入門教程

下載 eval 節點 zkcli span books 生產環境 存儲 線程 zookeeper使用場景，不是很難了解，感覺zk監聽節點變化，這個功能比較厲害。zk存儲的節點組織結構有點像unix文件系統 1.安裝zk 運行環境 centos 7 java 8 zoo