Physics.js入门

Physics.js是一个用javascript编写的2D物理引擎,适用于创建逼真的游戏场景和碰撞效果。通过引入physicsjs-full.js库,开发者可以轻松开始构建具有物理效果的2D应用。
摘要由CSDN通过智能技术生成

Physics.js是一个比较简易的javascript语言写成的物理引擎。模拟显示物理效果的界面更加有冲击力,而物理引擎就是模拟显示的必备武器。

只需到官方下载physicsjs-full.js引入网页内就可以开发2D物理场景了,碰撞效果很逼真。

<!DOCTYPE html>
<html>
<head>

	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	
	<title></title>

	<style type="text/css">

	</style>

	<script src="physicsjs-full.js"></script>

</head>

<body>

	<canvas width="500" height="500"></canvas>

	<script>
	


	Physics(function(world){
		var viewWidth=500;
		var viewHeight=500;

		var renderer=Physics.renderer('canvas', {
			el:'viewport',
			width:viewWidth,
			height:viewHeight,
			meta:false, 
			styles:{
				//设置各个物体的外观
				'circle':{
					strokeStyle:'#eeeeee',
	
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值