在上一节课中,我们对即将要完成的战旗Demo有了一个大概的了解,本节课当中,我们将会学习绘制游戏地图。
自从在JavaFX 2.2中增加了Canvas相关的功能,我们就可以使用Canvas来实现游戏绘制了。
游戏地图绘制主要用到GraphicsContext.drawImage方法。...
分类:
编程语言 时间:
2014-07-29 15:10:28
阅读次数:
253
在上一节课程中,我们学习了在JavaFX中绘制游戏地图。这一节课,我们将会创建我们的游戏角色。
首先,同样的,我们创建一个简单的基类。
import javafx.scene.canvas.GraphicsContext;
/**
* 游戏物体基类
* @author Wing Mei
*/
public abstract class BaseObject {
protec...
分类:
编程语言 时间:
2014-07-29 14:56:18
阅读次数:
476
Chart.js是基于Html5 Canvas的图表库。
官网:http://www.chartjs.org/
参考文档:http://www.chartjs.org/docs/
支持六种图表,对应源码相对目录如下。
bar
doughnut
line
pie
polar-area
radar...
分类:
Web程序 时间:
2014-07-29 14:34:28
阅读次数:
433
提起矢量一般都会想到SVG,但这是个坑人的玩意儿,这么多年就没见一个完善的实现者,浏览器实现千差万别,高级属性根本不能玩,Adobe SVG Viewer好多年前就停止更新,Flex支持SVG导入也仅供基本属性玩玩,当然SVG也不是一无是处highcharts还是运用得很不错,Java领域也有维护多年的 Batik 项目可用。但,我还是不喜欢DOM上太重都是元素,不喜欢庞大包罗万象搞得没有一家能完美实现的标准,另外用XML、Flex的MXML或Sliverlgiht/WPF的XAML来描述图形实在是笨重不灵...
分类:
其他好文 时间:
2014-07-29 14:23:38
阅读次数:
368
最近开始学习lufylegend.js,它是一款基于MIT协议的开源HTML5游戏引擎,目前使用Canvas渲染,2.0后会增添WebGL渲染。与其他的引擎相比,最大的特点就是模仿了ActionScript 3.0的语法,当然这只是一个特点,不会ActionScript对于学习lufylegend....
分类:
Web程序 时间:
2014-07-28 02:56:50
阅读次数:
560
本篇用类目(Category)扩展了UIWebView的canvas功能。 canvas作为HTML5标准体系下的JavaScript API, 不仅被苹果系统自带的Safari所支持,也被UIWebView类所支持。canvas的API比较多,应用情景也丰富多样,这里先提供最基本的几个功能,其它功能将在后续持续更新。其中最后一个方法是我的一个学生做项目时提出的,问是否有方法能截取网页上的图片,让它显示一部分。相信也有许多朋友有类似的需求。...
分类:
Web程序 时间:
2014-07-27 11:31:06
阅读次数:
397
最近项目要求我用js代码实现热力图,同组的一个兄弟再根据我的js代码来变成actionscript代码来实现,于是就上网搜了很多关于热力图实现的资料:
1.Google Analytic
Google Analytics热力图是新版的网页点击量可视化工具,叫做网页详情分析报告,她通过直观的方式显示出访问者在网页中的点击行为,并且可以告诉你不同位置,不同样式链接的受欢迎程度。...
分类:
其他好文 时间:
2014-07-27 11:15:12
阅读次数:
291
学了一点基础知识,感觉好神奇,全部练习代码 Canvas element size: 600 x 300, Canvas drawing surface size: 600 x 300 Can...
分类:
其他好文 时间:
2014-07-27 11:04:42
阅读次数:
227
1. [代码][HTML]代码 Craps game浏览器不支持HTML5的canvas元素http://www.huiyi8.com/donghua/?Throw diceflashStage:Point:Outcome:
分类:
编程语言 时间:
2014-07-27 09:48:02
阅读次数:
431
在Android中的View设置背景时,使用ShapeDrawable有可能出现无法上色的问题(最终背景为黑色),例如,使用如下的代码为控件设置颜色时,控件背景将会变成黑色ShapeDrawable drawable=new ShapeDrawable();Canvas canvas1 = new ...
分类:
移动开发 时间:
2014-07-26 16:51:31
阅读次数:
354