HTML5
GPU小码农
GPU Arch/Ray tracing/游戏图形
展开
-
HTML5快速入门实例(五)Cnavas元素-平移旋转
Html5游戏开发学习1-Canvas 浏览器不支持HTML5 canvas //获取canvas对象的引用 var canvas = document.getElementById('canvas'); //获取canvas的2d绘图环境 var context = canvas.getContext('2d'); //获得图片对象的引原创 2015-03-26 15:27:03 · 1572 阅读 · 0 评论 -
HTML5吃豆豆游戏开发实战(一)使用Canvas绘制游戏主角
HTML5游戏开发-吃豆豆,使用强大的Canvas绘制所有游戏物体,不使用图片原创 2015-03-31 09:05:00 · 5168 阅读 · 0 评论 -
HTML5手机定位-使用百度API
代码可直接在电脑或移动设备上运行,手机上记得打开“位置共享”! *{ height: 100%; //设置高度,不然会显示不出来 } $(function(){ navigator.geolocation.getCurrentPosition(translatePoint); //定位 }); function translatePoint(原创 2015-04-15 17:22:19 · 4873 阅读 · 0 评论 -
Canvas绘制贝塞尔曲线
var c=document.getElementById("test"); var ctx=c.getContext("2d"); var state = 0; var x_ = 30; var y = 300; var r = 150; var ctrl_y = 90; setInterval("drawEnemy(x_)",200);原创 2015-04-11 09:18:57 · 916 阅读 · 0 评论 -
HTML5吃豆豆游戏开发实战(三)2d碰撞检测、重构
今天把小球和墙壁的碰撞检测写了一下,主要就是坐标比较大小。 然后整个项目越来越大,代码越来越多,所以把准备把代码重构一下。 把代码拆分,相同功能的在一起,形成一个类,比如Collide.js,碰撞检测类,封装了所有与碰撞检测相关的函数,变量等,GameSys.js,游戏管理类,封装了窗口的重绘,设定窗口大小以及游戏世界原点坐标等功能。 最近太忙了,3个项目等着做。晕啊原创 2015-04-02 22:49:48 · 1270 阅读 · 0 评论 -
HTML5吃豆豆游戏开发实战(二)主角移动和动画循环设置
HTML5纯Canvas绘制吃豆豆游戏开发实战(二)原创 2015-03-31 11:17:07 · 4017 阅读 · 0 评论 -
HTML5快速入门实例(四)Cnavas元素-绘制图像
Html5游戏开发学习1-Canvas 浏览器不支持HTML5 canvas //使用drawImage()方法绘制图像 //获取canvas对象的引用 var canvas = document.getElementById('canvas'); //获取canvas的2d绘图环境 var context = canvas.getCon原创 2015-03-26 15:22:40 · 1113 阅读 · 0 评论 -
HTML5快速入门实例(三)Canvas自定义画笔样式
Html5游戏开发学习1-Canvas 浏览器不支持HTML5 canvas //获取canvas对象的引用 var canvas = document.getElementById('canvas'); //获取canvas的2d绘图环境 var context = canvas.getContext('2d'); //绘制具有颜色和透明原创 2015-03-26 15:13:52 · 2935 阅读 · 0 评论 -
HTML5快速入门实例(二)使用Canvas绘制文本
其实学起来还是蛮容易的,是吧,嘿嘿。 Html5游戏开发学习 浏览器不支持HTML5 canvas //获取canvas对象的引用 var canvas = document.getElementById('canvas'); //获取canvas的2d绘图环境 var context = canvas.getContex原创 2015-03-26 15:09:41 · 688 阅读 · 0 评论 -
HTML5快速入门实例(一)Canvas绘制图形
文字性的东西太多就不写了,网上很多。我的代码注释也很详细,毕竟学习嘛。介绍一下,开发工具用的是webstrom,真的很好用喔! Html5游戏开发学习1-Canvas 浏览器不支持HTML5 canvas //获取canvas对象的引用 var canvas = document.getElementById('canvas');原创 2015-03-26 14:59:47 · 1254 阅读 · 0 评论 -
HTML5快速入门实例(六)audio元素静态加载和动态加载实例
例子一: 浏览器不支持audio元素 <!-- 注意有些格式某些浏览器不支持,为避开这个限制,可以准备多个不同格式的音频文件,以供浏览器选择并播放。 audio标签中允许出现多个标签,浏览器会自动使用第一个支持的格式. 也可以在js中使用audio对象来动态加载音频。根据需要,我们通过audio对象控制音频原创 2015-03-26 15:31:17 · 7813 阅读 · 0 评论 -
HTML5吃豆豆游戏开发实战(四)2d碰撞检测、重构-第二篇
HTML5吃豆豆游戏开发实战(四)2d碰撞检测、重构-第二篇原创 2015-04-04 17:56:44 · 2677 阅读 · 0 评论