blessdyb
- 浏览: 237593 次
- 性别:
- 来自: 北京
-
最新评论
-
李君寻：
内容挺好的，这是widget开发项目的大概框架吗？
Widget应用的基本组成 -
lliiqiang：
首先要有条件，算法只是提升系统而已。如果小范围变化基本可以尝试 ...
几个常用的检索排序算法的JavaScript实现 -
blessdyb：
aikki_gogh 写道最近正在研究canvas,求util ...
Canvas做游戏实践分享(十) -
aikki_gogh：
最近正在研究canvas,求utils.js和arrow.js ...
Canvas做游戏实践分享(十) -
Trinea：
请问你博客百度的广告怎么加的，不会是手动每天文章添加js吧
HTML5 WebGame开源工具之impactjs
文章列表
3.4 使用quadraticCurveTo绘制二次贝赛尔曲线
Canvas提供了一系列的方法来绘制曲线，比如quadraticCurveTo(通过起始两个点以及一个控制点来绘制，前两个参数为控制点横纵坐标，后两个参数为终点横纵坐标，使用的是数学上的二次贝赛尔方程)。下面我们来看一下常见的一些使用。
固定控制点
如下程序，我们实现了一个固定起始点，使用鼠标位置做为控制点，来绘制二次贝赛尔曲线的应用：
<!doctype html>
<html>
<head>
<meta charset=" ...
3. Canvas 常见用法
3.1 canvas中的色彩
对于canvas中色彩的表示，主要沿用CSS的四种方式：
#RRGGBB 十六进制表示法
#RGB 上述十六进制中特殊色彩的简写表达，两种表示法的对应关系为复制R，G，B位上的数值，如#0bf是#00bbff的简写表达方式
rgb(R,G,B) 函数式的表达方式，各色彩取值为0~255
rgba(R,G,B,A) 在上述基础上添加了对透明度的支持
虽然最终色彩是以字符串的方式表示，但实际操作时还是会用数字来描述色彩。由于每一种色彩均使用8个bit来表示，所以以上色彩表示方式称为24 bi ...
2.游戏中的数学知识
在游戏的开发中，数学知识特别是其中的三角函数使用特别广泛
2.1 角度
在使用canvas来制作动画的过程中，我们使用到的角度都是以弧度为单位的,角度与弧度之间的换算单位如下：
radians=degrees*Math.PI/180
同时，在canvas中的坐标系是以右上角为原点(0,0),向左为x轴增加方向，向下为y轴增加方向。因此，需要特别注意canvas中角度是以顺时针为方向的，这与我们在生活中角度为逆时针相反。如下图：
在三角函数中，最常用的有三个，Math.cos,Math.sin与Math.atan2,注意计算反正切 ...
近期看了几本老外的书，学习了一些大神们的博客，接触了一下火的不得了的canvas做游戏，把自己的学习过程分享出来。
1.游戏的基本内容
1.1什么是动画
动画是通过连续播放一系列画面，给视觉造成连续变化的图画 ...
Canvas绘制的简单模拟时钟
- 博客分类：
- javascript
下午碰到这个问题，刚开始懵了，理一下思路，很简单的事情。
function getDegree(hour,minute){
var degree=0;
var _m=6*minute;
var _h=30*hour+_m/12;
degree=_m-_h;
return degree;
}
顺着这个想法，使用canvas来绘制一个简单的钟表
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" /&g ...
去年做出来的一个简单的Demo，可以看一下http://blessdyb.heroku.com
,代码在https://github.com/blessdyb/weibo，
等这段时间闲下来了，好好填一下这个坑
When I start to write Apps for iOS, I found a little different difference between Objective-C and Other OO language.
e.g.
-(void) accelerometer:(UIAccelerometer *)accelerometer
didAccelerate:(UIAcceleration *)acceleration
{
player.position.x += acceleration.x * 10;
player.position = ...
Note for iOS learning.
Objective-C uses dot-notation for properties, and C uses dot-notation for structs; these can be chained. So, for example, UIView's frame is a property whose value is a struct( a CGRect); thus, you can say myView.frame.size.height, where frame is a property that returns a struct., size is a component ...
JavaScript 中没有类的概念，所以它的对象也与基于类的语言中的对象有所不同。创建一个JavaScript对象有如下的方式，由浅入深一 一列举对比。
基础模式
使用JavaScript中的Object来创建，如下代码：
var computer=new Object();
computer.color="White";
computer.brand="Apple";
computer.description=function(){
console.log(this.bran ...
JavaScript Random
- 博客分类：
- javascript
Math.random()方法返回介于0和1之间的一个随机数，不包括0和1. 使用如下公式，我们可以从某个整数范围内随机取得一个值。
随机值=Math.floor(Math.random()*可能值的总数+第一个可能值）
如var num=Math.floor(Math.random()*9+2); num为2到10的九个数所获取的随机数。
可以封装为以下函数
function getRandomFromRange(lowerValue,upperValue){
var range=upperValue-low ...
碰到了这个问题，Google了一下，有好多人碰到，最快的解决方案是修改一下Rakefile文件，在倒数第二行加上
include Rake::DSL
另一种解决方案是将rake的版本降低为0.8.7(在Gemfile中添加 gem 'rake', '0.8.7')
最近折腾nodejs的人越来越多了，强大的joyent的兄弟们做了一个no.de的主机来让nodejs的粉丝们过瘾。测试了一下，速度相当赞。
1. 到https://no.de/signup 去申请一个账号，只需要邮箱，用户名和密码就可以完成。之后就是等待官方的Coupon code。 基本上第二天就可以收到邮件。可以随时使用
curl -u USERNAME:PASSWORD https://api.no.de/v1/♥ -X POST
来查看你的申请的状态。
2. 在收到官方的开通邮件之后，就可以使用
curl -u jill:secret htt ...
data.txt文件内容如下［文件编码为utf-8］张三,12,m李四,22,freaddata.rb文件内容如下
File.readlines("data.txt").each do |line|
puts line
end
在控制台下得到的结果正常
readdata_csv.rb文件内容如下
require 'csv'
CSV.open("data.txt","r").each do |person|
puts person.inspect
end
在控制台下得到的结果中文乱码
...
英文Email，第一段該寫什麼？
1. I am writing to confirm/ enquire/ inform you...
我寫信是要確認/ 詢問/ 通知你......
2. I am writing to follow up on our earlier decision on the marketing campaign in Q2.
我寫信來是為了要追蹤我們先前對於第二季行銷活動的決定。
引用稍早的談話或信件，該怎麼說？
3. With reference to our telephone conversation today......
關於我們 ...