【Canvas】十八世纪火炮实心球弹发射轨迹模拟

先上图：

代码：

DOCTYPE html>
<html lang="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<head>
     <title>十八世纪火炮实心球弹发射轨迹模拟title>
     <style type="text/css">
     .centerlize{
        margin:0 auto;
        border:0px solid red;
        width:1200px;height:550px;
     }

     style>
    head>

     <body onload="draw();">
        <div class="centerlize">
            <canvas id="myCanvas" width="1200px" height="550px" style="border:1px dashed black;">
                出现文字表示您的浏览器尚不支持HTML5 Canvas
            canvas>
        div>
     body>
html>
<script type="text/javascript">

script>

啰嗦几句：

本以为这个程序会轻而易举解决的，但在时间为增量时，Y向速度的变化与Y坐标的关系还是花了些时间，最后把重力加速度反应到Y向速度上，再让Y向速度乘以时间增量等于Y向位置的增量才对，看来，以后制作动画时一定要区分时间总量和时间增量的关系，再配合合适的公式。

END

Canvas.Math

【Canvas】十八世纪火炮实心球弹发射轨迹模拟

相关

标签