HTML5《赛车》完整源码及创建教程　

【实例简介】
HTML5《赛车》完整源码，里面有详细的创建说明教程，有兴趣的朋友可以参考下
【实例截图】
【核心代码】
HTML5《赛车》完整源码及创建教程
└── HTML5《赛车》完整源码
└── 赛车游戏
├── 与HTML5和JavaScript创建一个游戏角色 - 第1部分{威廉·马龙}_files
│   ├── article.js
│   ├── character-color.png
│   ├── character-drawing.png
│   ├── character-eyes-closeup.png
│   ├── character-layers.png
│   ├── character-outline.png
│   ├── character-pieces.png
│   ├── character-shadow-closeup.png
│   ├── css
│   ├── element_main.js
│   ├── follow-me-on-twitter.png
│   ├── foot_left.png
│   ├── foot_right.png
│   ├── ga.js
│   ├── head_nav_down.png
│   ├── head_nav_left.png
│   ├── head_nav_over.png
│   ├── head_nav_right.png
│   ├── icon-blink-sm.png
│   ├── javascript.js
│   ├── jquery.js
│   ├── main_zh-CN.js
│   ├── part-2-preview.png
│   ├── related-articles.png
│   ├── related-briefs.png
│   ├── root.js
│   ├── share-delicious.png
│   ├── share-digg.png
│   ├── share-facebook.png
│   ├── share-reddit.png
│   ├── share-twitter.png
│   ├── style.css
│   ├── subscribe-rss.png
│   ├── swfobject.js
│   ├── thumbnail(1).jpg
│   ├── thumbnail(2).jpg
│   ├── thumbnail.jpg
│   ├── translate-32.png
│   └── translateelement.css
├── 与HTML5和JavaScript创建一个游戏角色 - 第1部分{威廉·马龙}.htm
├── 与HTML5和JavaScript创建一个游戏角色 - 第2部分{威廉·马龙}_files
│   ├── article.js
│   ├── character-jump-outlines.png
│   ├── character-jump-parts.png
│   ├── css
│   ├── element_main.js
│   ├── follow-me-on-twitter.png
│   ├── foot_left.png
│   ├── foot_right.png
│   ├── ga.js
│   ├── head_nav_down.png
│   ├── head_nav_left.png
│   ├── head_nav_over.png
│   ├── head_nav_right.png
│   ├── icon-blink-sm.png
│   ├── icon-jump-sm.png
│   ├── javascript.js
│   ├── jquery.js
│   ├── main_zh-CN.js
│   ├── related-articles.png
│   ├── related-briefs.png
│   ├── root.js
│   ├── share-delicious.png
│   ├── share-digg.png
│   ├── share-facebook.png
│   ├── share-reddit.png
│   ├── share-twitter.png
│   ├── style.css
│   ├── subscribe-rss.png
│   ├── swfobject.js
│   ├── thumbnail(1).jpg
│   ├── thumbnail(2).jpg
│   ├── thumbnail.jpg
│   ├── translate-32.png
│   └── translateelement.css
├── 与HTML5和JavaScript创建一个游戏角色 - 第2部分{威廉·马龙}.htm
├── 如何建立一个赛车游戏 - 希尔斯_files
│   ├── avatar(1).php
│   ├── avatar(2).php
│   ├── avatar92(1).jpg
│   ├── avatar92.jpg
│   ├── avatar.php
│   ├── beacon.js
│   ├── ci.v283.min.css
│   ├── ci.v283.min.js
│   ├── client(1).js
│   ├── client.htm
│   ├── client.js
│   ├── element_main.js
│   ├── embed.js
│   ├── equations.v283.png
│   ├── event(1).js
│   ├── event.js
│   ├── ga.js
│   ├── hills.v283.png
│   ├── jake.v283.gif
│   ├── lib.js
│   ├── list.jsonp
│   ├── logo.v283.png
│   ├── main_zh-CN.js
│   ├── metadata.css
│   ├── metadata.js
│   ├── noavatar92.png
│   ├── projection_hills.v283.png
│   ├── projection.v283.png
│   ├── rss.v283.png
│   ├── saved_resource.htm
│   ├── theme.css
│   ├── theme.js
│   ├── title.v283.png
│   ├── translate-32.png
│   └── translateelement.css
├── 如何建立一个赛车游戏 - 希尔斯.htm
├── 如何建立一个赛车游戏 - 曲线_files
│   ├── accumulating_curves.v283.png
│   ├── avatar(1).php
│   ├── avatar92.jpg
│   ├── avatar.php
│   ├── beacon.js
│   ├── ci.v283.min.css
│   ├── ci.v283.min.js
│   ├── client(1).js
│   ├── client.htm
│   ├── client.js
│   ├── curves.v283.png
│   ├── element_main.js
│   ├── embed.js
│   ├── event(1).js
│   ├── event.js
│   ├── ga.js
│   ├── jake.v283.gif
│   ├── lib.js
│   ├── list.jsonp
│   ├── logo.v283.png
│   ├── main_zh-CN.js
│   ├── metadata.css
│   ├── metadata.js
│   ├── noavatar92.png
│   ├── rss.v283.png
│   ├── saved_resource.htm
│   ├── segmented_curves.v283.png
│   ├── theme.css
│   ├── theme.js
│   ├── title.v283.png
│   ├── translate-32.png
│   └── translateelement.css
├── 如何建立一个赛车游戏 - 曲线.htm
├── 如何建立一个赛车游戏 - 笔直的道路_files
│   ├── avatar(1).php
│   ├── avatar(2).php
│   ├── avatar(3).php
│   ├── avatar(4).php
│   ├── avatar(5).php
│   ├── avatar(6).php
│   ├── avatar(7).php
│   ├── avatar92(1).jpg
│   ├── avatar92(2).jpg
│   ├── avatar92(3).jpg
│   ├── avatar92(4).jpg
│   ├── avatar92(5).jpg
│   ├── avatar92(6).jpg
│   ├── avatar92.jpg
│   ├── avatar.php
│   ├── beacon.js
│   ├── ci.v283.min.css
│   ├── ci.v283.min.js
│   ├── client(1).js
│   ├── client.htm
│   ├── client.js
│   ├── coords.v283.png
│   ├── element_main.js
│   ├── embed.js
│   ├── equations.v283.png
│   ├── event(1).js
│   ├── event.js
│   ├── fov.v283.png
│   ├── ga.js
│   ├── jake.v283.gif
│   ├── lib.js
│   ├── list.jsonp
│   ├── logo.v283.png
│   ├── main_zh-CN.js
│   ├── metadata.css
│   ├── metadata.js
│   ├── noavatar92.png
│   ├── projection.v283.png
│   ├── rss.v283.png
│   ├── saved_resource.htm
│   ├── scaling.v283.png
│   ├── segments.v283.png
│   ├── sprites.v283.png
│   ├── straight.v283.png
│   ├── theme.css
│   ├── theme.js
│   ├── title.v283.png
│   ├── translate-32.png
│   └── translateelement.css
├── 如何建立一个赛车游戏 - 笔直的道路.htm
├── 如何建立一个赛车游戏 - 结论_files
│   ├── avatar(1).php
│   ├── avatar(2).php
│   ├── avatar(3).php
│   ├── avatar(4).php
│   ├── avatar92.jpg
│   ├── avatar.php
│   ├── beacon.js
│   ├── ci.v283.min.css
│   ├── ci.v283.min.js
│   ├── client(1).js
│   ├── client.htm
│   ├── client.js
│   ├── clipped.v283.png
│   ├── element_main.js
│   ├── embed.js
│   ├── event(1).js
│   ├── event.js
│   ├── final.v283.png
│   ├── ga.js
│   ├── jake.v283.gif
│   ├── lib.js
│   ├── list.jsonp
│   ├── logo.v283.png
│   ├── main_zh-CN.js
│   ├── metadata.css
│   ├── metadata.js
│   ├── noavatar92.png
│   ├── rss.v283.png
│   ├── saved_resource.htm
│   ├── sprites.v283.png
│   ├── theme.css
│   ├── theme.js
│   ├── title.v283.png
│   ├── translate-32.png
│   └── translateelement.css
├── 如何建立一个赛车游戏 - 结论.htm
└── 游戏源码
├── html5-canvas-game-character-1
│   ├── excanvas.js
│   ├── html5-canvas-game-character-1.html
│   ├── html5-canvas-game-character-1.js
│   └── images
│   ├── hair.png
│   ├── head.png
│   ├── leftArm.png
│   ├── legs.png
│   ├── rightArm.png
│   └── torso.png
├── html5-canvas-game-character-1.zip
├── html5-canvas-game-character-2
│   ├── excanvas.js
│   ├── html5-canvas-game-character-2.html
│   ├── html5-canvas-game-character-2.js
│   └── images
│   ├── hair.png
│   ├── head.png
│   ├── leftArm-jump.png
│   ├── leftArm.png
│   ├── legs-jump.png
│   ├── legs.png
│   ├── rightArm-jump.png
│   ├── rightArm.png
│   └── torso.png
├── html5-canvas-game-character-2.zip
└── javascript-racer-master
├── common.css
├── common.js
├── images
│   ├── background
│   │   ├── background.svg
│   │   ├── hills.png
│   │   ├── sky.png
│   │   └── trees.png
│   ├── background.js
│   ├── background.png
│   ├── mute.png
│   ├── sprites
│   │   ├── billboard01.png
│   │   ├── billboard02.png
│   │   ├── billboard03.png
│   │   ├── billboard04.png
│   │   ├── billboard05.png
│   │   ├── billboard06.png
│   │   ├── billboard07.png
│   │   ├── billboard08.png
│   │   ├── billboard09.png
│   │   ├── boulder1.png
│   │   ├── boulder2.png
│   │   ├── boulder3.png
│   │   ├── bush1.png
│   │   ├── bush2.png
│   │   ├── cactus.png
│   │   ├── car01.png
│   │   ├── car02.png
│   │   ├── car03.png
│   │   ├── car04.png
│   │   ├── column.png
│   │   ├── dead_tree1.png
│   │   ├── dead_tree2.png
│   │   ├── palm_tree.png
│   │   ├── player_left.png
│   │   ├── player_right.png
│   │   ├── player_straight.png
│   │   ├── player_uphill_left.png
│   │   ├── player_uphill_right.png
│   │   ├── player_uphill_straight.png
│   │   ├── semi.png
│   │   ├── stump.png
│   │   ├── tree1.png
│   │   ├── tree2.png
│   │   └── truck.png
│   ├── sprites.js
│   └── sprites.png
├── index.html
├── LICENSE
├── music
│   ├── racer.mp3
│   └── racer.ogg
├── Rakefile
├── README.md
├── stats.js
├── v1.straight.html
├── v2.curves.html
├── v3.hills.html
└── v4.final.html

18 directories, 309 files