2D物理碰撞<CollisionWorld>

动效概述

2D物理碰撞作为常见的游戏引擎能力，通过为平面刚性物体赋予真实的物理属性的方式，来计算刚体运动、碰撞情况，进而制作各类趣味交互主题。设计师可以创造一个刚体世界，设置刚体世界的大小、重力等参数，并给需要运动的素材赋予刚体属性（重力、密度、初始力、初始速度等），模拟真实世界的运动和碰撞效果。

场景举例

• 模拟台球游戏，小球之间互相碰撞以及碰撞到台球桌边缘后反弹的效果。
• 模拟冰壶运动，手指滑动给物体施加力，根据刚体世界的重力，冰壶的质量等参数，模拟真实世界让冰壶做惯性运动。

XML规范

<!-- 刚体世界-->
<CollisionWorld vecX="" vecY="" x="" y=""  width="" height="" worldImgSrc="" worldImgType="" defBourderLine="" minShake="" shakeCoef=""  minMicroDb="" microCoef="" accCoef=""  gwidth="" gheight="" gsrc="" >
    <Texture width="" height="" src="" srcid="" scaleType=""/>

    <!-- 内部刚体-->
    <CollBody id="" type="" shape="" imgsrc="" x="0" y="" width="" height= ""  friction="" restitution="" density="" isActive="" statevar=""/> 
       <IntentCommand action="" class="" imgsrc="" package="" />
       <Texture x="" y=""  w="" h="" src="" srcid="" />
    <CollBody id="" type="" shape="" imgsrc="" x="" y="" width="" height= ""  friction="" restitution="" density="" isActive="" />

</CollisionWorld>

参数说明

• <CollisionWorld>

刚体世界，主要用于设置刚体世界的属性。

注意，vecX、vecY的重力方向是人为设定的，accCoef取正值时，刚体受到的重力方向与地球真实的重力方向一致。在同一个刚体世界中，建议vecX、vecY不要与accCoef同时使用。

应用示例

示例1

创建一个刚体世界，并在四周添加不可见边界刚体线。在这个刚体世界中：创建3个动态刚体，受到重力和摇一摇的力碰撞运动。同时，刚体世界随时间而变化，8-17点显示浅色的刚体世界，其他时间显示深色的刚体世界。

<!-- 浅色的刚体世界-->
<CollisionWorld vecX="0" vecY="0" width="2433" height="2920" defBourderLine="1" minShake="18" shakeCoef="100000" accCoef="10000" gwidth="60" gheight="300" visibility="ge(#hour,8)*le(#hour,17)" x="-262" y="-262">
       <CollBody x="0" y="0" shape="1" imgsrc="shallow/big_ball.png" radius="777" friction="0.5" restitution="0.5" density="1" forceX="0" forceY="0" vx="1" vy="1" isActive="1" type="2" id="body_1"/>
       <CollBody x="1227" y="1713" shape="1" imgsrc="shallow/center_ball.png" radius="592" friction="0.5" restitution="0.6" density="1" forceX="0" forceY="0" vx="1" vy="1" isActive="1" type="2" id="body_2"/>
       <CollBody x="847" y="1673" shape="1" imgsrc="shallow/small_ball.png" radius="240" vx="1" vy="1" isActive="1" type="2" id="body_3"/>
</CollisionWorld>

<!-- 深色的刚体世界-->
<CollisionWorld vecX="0" vecY="0" width="2433" height="2920" defBourderLine="1" minShake="18" shakeCoef="100000" accCoef="10000" gwidth="60" gheight="300" visibility="not(ge(#hour,8)*le(#hour,17))" x="-262" y="-262">
       <CollBody x="0" y="0" shape="1" imgsrc="deep/big_ball.png" radius="777" friction="0.5" restitution="0.5" density="1" forceX="0" forceY="0" vx="1" vy="1" isActive="1" type="2" id="body_1"/>
       <CollBody x="1227" y="1713" shape="1" imgsrc="deep/center_ball.png" radius="592" friction="0.5" restitution="0.6" density="1" forceX="0" forceY="0" vx="1" vy="1" isActive="1" type="2" id="body_2"/>
       <CollBody x="847" y="1673" shape="1" imgsrc="deep/small_ball.png" radius="240" vx="1" vy="1" isActive="1" type="2" id="body_3"/>
</CollisionWorld>

示例2

创建一个刚体世界，在这个刚体世界中：创建4个静态刚体为边界，并将其中一个边界刚体body_4设置为被碰撞后产生音乐和振动；监听body_4刚体的碰撞状态；body_5可以点击执行初始设置的速度和受力，也可以根据滑动手势滑动的距离及方向进行受力；通过刚体变速受力命令改变body_5刚体的运动速度和受力方向，改变body_2的属性为非刚体。同时将刚体8的坐标x、y 的值及后续变化值开放成全局变量，点击刚体8打开华为应用市场app并跳转到首页。

<!-- 刚体世界-->
<CollisionWorld vecX="0" vecY="0" x="40" y="200"  width="1000" height="1600" worldImgSrc="bg_x.jpg" worldImgType="center_crop" defBourderLine="0" minShake="18" shakeCoef="1"  accCoef="0"  minMicroDb="55" microCoef="1000" gwidth="60" gheight="300" gsrc="jiantou.png" >

        <!-- 内部刚体 围边静态刚体-->
        <CollBody id="body_1" type="1" shape="2" imgsrc="body/wshu1.png" x="0" y="0" width="100" height= "1600"  friction="0.2" restitution="0.2" density="3" isActive="1" />
        <CollBody id="body_2" type="1" shape="2" imgsrc="body/heng1.png" x="0" y="0" width="1000" height= "100"  friction="0.2" restitution="0.2" density="3"  isActive="1" />
        <CollBody id="body_3" type="1" shape="2" imgsrc="body/wshu2.png" x="900" y="0" width="100" height= "1600"  friction="0.2" restitution="0.2" density="3"  isActive="1" />
        <CollBody id="body_4" type="1" shape="2" imgsrc="body/heng2.png" x="0" y="1500" width="1000" height= "100"  friction="0.2" restitution="0.2" density="3"  isActive="1" musicSrc="body/music.mp3" musickeepCur="0"  musicloop="0"  vibrateTime="150" statevar="body_4_state"/>

        <!-- 内部刚体 动态刚体-->
        <CollBody id="body_5" type="2" shape="1" imgsrc="ch1.png" x="100" y="100"  radius="65" friction="0.5" restitution="0.5" density="1" forceX="10" forceY="10" vx="10" vy="200"  statevar="body_5_state" clickable="1"  gesture="10"/>
        <CollBody id="body_6" type="2" shape="1" imgsrc="ch2.png" x="300" y="100"  radius="50" friction="0.5" restitution="0.6" density="1" forceX="10" forceY="10" vx="10" vy="5"/>
        <CollBody id="body_7" type="2" shape="1" imgsrc="ch3.png" x="100" y="400" radius="80" />
        <!--将刚体8的坐标x y 的值及后续变化值开放成全局变量 opx="body_8_opx" opy="body_8_opy"，刚体8点击打开华为应用市场app并跳转到首页。兼容IntentCommand的跳转写法，对应刚体要支持点击事件clickable="1"-->
        <CollBody id="body_8" type="2" shape="1" imgsrc="ch1.png" x="100" y="100"  opx="body_8_opx" opy="body_8_opy" radius="65" friction="0.5" restitution="0.5" density="1" forceX="1000" forceY="1000" vx="10" vy="200" isActive="1"   vibrateTime="0"  statevar="body_5_state" clickable="1"  gesture="500" >
            <IntentCommand action="android.intent.action.MAIN" class="com.huawei.appmarket.MainActivity" package="com.huawei.appmarket" />
        </CollBody>

</CollisionWorld>

<!-- 获取刚体body_8的x及y坐标 -->
<Text x="40" y="1050"  alignV="top" color="#ffffff" size="30"   format="body_8_opx: %s"  width="1000"  autoLineFeed="true" paras="#body_8_opx"/>
<Text x="40" y="1100"  alignV="top" color="#ffffff" size="30"   format="body_8_opy: %s"  width="1000"  autoLineFeed="true" paras="#body_8_opy"/>

<!-- 命令绑定特定刚体 点击触发对应刚体body_5受力及速度大小 -->
<Image x="200" y="1800"  w="200" h="200" src="ch1.png"  />
<Button x="200" y="1800" w="200" h="200" >
    <Triggers>
        <Trigger action="up">
            <!-- collbodyid 要绑定的刚体id   forceX  forceY 要给刚体施加的力 vx vy 要改变的刚体速度 -->
            <CollBodyCommand collbodyid="body_5"  forceX="100" forceY="100" vx="100" vy="100"/>
            <!-- collbodyid 要绑定的刚体id   body_2的属性为非刚体-->
            <CollBodyCommand collbodyid="body_2" isActive="0"/>
        </Trigger>
    </Triggers>
</Button>

<!-- 碰撞状态变量值 只有碰撞时才会是1-->
<Text x="20" y="2160"  alignV="top"  color="#ffffff" size="40" format="碰撞状态b4:%s" width="1000" autoLineFeed="true" paras="#body_4_state"/>
<Text x="20" y="2220"  alignV="top"  color="#ffffff" size="40" format="碰撞状态b5:%s" width="1000" autoLineFeed="true" paras="#body_5_state"/>