HTML5中的像素處理，需要用到getImageData和putImageData兩個(gè)函數(shù)，先用getImageData復(fù)制canvas畫(huà)布中的像素?cái)?shù)據(jù)，然后對(duì)獲取的像素?cái)?shù)據(jù)進(jìn)行處理，最后再通過(guò)put...

2014-03-10 06:33 11883

現(xiàn)在越來(lái)越多的人開(kāi)始嘗試使用HTML5開(kāi)發(fā)，HTML5的引擎也逐漸增多，開(kāi)發(fā)者到底應(yīng)該選擇一款什么樣的引擎呢？這一次我來(lái)對(duì)比一下幾個(gè)我個(gè)人認(rèn)為還不錯(cuò)的引擎的效率。 本次參加對(duì)比的引擎： 1. crea...

2014-02-09 14:15 23546

很多人一定會(huì)說(shuō)，js開(kāi)發(fā)根本不需要什么MVC，用了就是給自己找麻煩。在這里，我不去討論需不需要的問(wèn)題，只是我個(gè)人感覺(jué)這次的開(kāi)發(fā)使用了MVC模式之后，代碼各個(gè)模塊確實(shí)一目了然，維護(hù)和擴(kuò)展都相對(duì)方便了許多...

2013-11-27 07:41 11469

lufylegend.js是一個(gè)開(kāi)源的HTML5游戲引擎，在游戲中往往會(huì)有各種的動(dòng)畫(huà)，這些動(dòng)畫(huà)有些是flash文件，有些是視頻文件，本次就來(lái)利用lufylegend制作一個(gè)帥氣的游戲動(dòng)畫(huà)。

2013-10-14 10:18 17304

lufylegend是一個(gè)HTML5開(kāi)源引擎， 它實(shí)現(xiàn)了利用仿ActionScript3.0的語(yǔ)法進(jìn)行HTML5的開(kāi)發(fā)，包含了LSprite，LBitmapData，LBitmap，LLoader，L...

2013-10-09 07:51 9858

在中國(guó)，一般都是不喜歡花錢(qián)的，如果你的游戲或者應(yīng)用是需要付費(fèi)的，那么玩的人就少。所以大多數(shù)開(kāi)發(fā)者都會(huì)選擇在游戲中植入廣告，來(lái)獲取些許微薄的收入。下面我來(lái)說(shuō)說(shuō)如何利用lufylegend.js開(kāi)源引擎在...

2013-04-23 08:19 12879

HTML5開(kāi)源引擎lufylegend-1.7.1版的下載包內(nèi)包含了lufylegend.ui-0.1.0.js文件，它是一個(gè)lufylegend.js引擎的專(zhuān)用UI組件，我在api的介紹里也說(shuō)了，這...

2013-04-10 10:10 12012

HTML5開(kāi)源引擎lufylegend1.7.1版發(fā)布，下載包內(nèi)含開(kāi)發(fā)示例近30個(gè)，已分享至github。lufylegend.js引擎官網(wǎng)

2013-04-10 07:08 7398

前天公司聚會(huì)，在一起玩游戲，游戲雖然及其簡(jiǎn)單，但是卻很適合在活動(dòng)中玩，因?yàn)楣緟⒓泳蹠?huì)的人比較多，所以只有一部分人玩到了。晚上回家后我試著將其中一款游戲用html5還原了一下，第二天給大家玩兒，在公司...

2013-04-04 11:34 14177

本次來(lái)說(shuō)一說(shuō)如何利用lufylegend.js引擎制作一款HTML5游戲后，將其轉(zhuǎn)換為android本地化的App應(yīng)用，轉(zhuǎn)換過(guò)程其實(shí)很簡(jiǎn)單，下面一步步來(lái)做說(shuō)明。首先來(lái)開(kāi)發(fā)一個(gè)類(lèi)似于對(duì)對(duì)碰的游戲，不過(guò)此...

2013-03-27 08:03 31823

lufylegend1.7.0版發(fā)布，下載包內(nèi)含開(kāi)發(fā)示例已經(jīng)增加到20多個(gè)，為了更方便操作游戲中的聲音等，加入了音頻和視頻操作，另外更新了API文檔。lufylegend.js引擎的下載鏈接http:...

2013-03-26 00:27 12741

開(kāi)言：本次講一下數(shù)獨(dú)游戲的開(kāi)發(fā)，數(shù)獨(dú)游戲是一個(gè)填數(shù)字的游戲，在一個(gè)9x9的方格內(nèi)，這個(gè)9x9的大格子又可以分為9個(gè)3x3的小的九宮格，在這些格子內(nèi)填寫(xiě)上1至9的數(shù)字，使得每一行，每一列，并且每個(gè)小的九...

2013-03-10 07:43 15690

本篇是該系列文章第三篇，其他文章請(qǐng)看下面帖子中的目錄開(kāi)篇啰嗦本系列教程，是我首次采用調(diào)侃...

2013-03-04 11:31 9489

開(kāi)言：lufylegend.js引擎已經(jīng)更新到1.6以上了，雖然我陸陸續(xù)續(xù)發(fā)布了一些教程，也提供了一些簡(jiǎn)單的游戲示例，但是一直以來(lái)也沒(méi)有制作幾款完整的作品來(lái)，實(shí)在也是自己一個(gè)人時(shí)間太有限了，接下來(lái)的時(shí)...

2013-02-25 07:20 18238

lufylegend1.6.0版終于發(fā)布了，加入了自適應(yīng)屏幕和濾鏡等新功能，更新了API文檔，新版本的API文檔更方便查詢(xún)。lufylegend.js引擎的下載鏈接

2013-02-20 12:23 6616

本篇是該系列文章第二篇，其他文章請(qǐng)看下面帖子中的目錄話說(shuō)突然想起來(lái)黃忠黃老將軍被我仍在漆...

2013-01-07 12:31 12471

鄙人雖然不是專(zhuān)職的游戲開(kāi)發(fā)者，但是自己也嘗試著開(kāi)發(fā)過(guò)各種各樣類(lèi)型的游戲，不過(guò)橫版類(lèi)游戲還沒(méi)有嘗試過(guò)，本次就使用lufylegend引擎來(lái)挑戰(zhàn)一下橫版ACT類(lèi)游戲的開(kāi)發(fā)，大家可以到

2012-12-27 07:22 7151

一個(gè)貪吃蛇小游戲javascrpt有效代碼17行加上html代碼的話，共25行運(yùn)行方法chrome或者firefox測(cè)試連接

2012-11-28 11:07 20589

本篇是該系列文章第三篇，前兩篇介紹了在html5中實(shí)現(xiàn)圖片扭曲效果的原理，以及drawtriangles函數(shù)的詳細(xì)用法，連接如下HTML5高級(jí)編程之圖形扭曲及其應(yīng)用一(原理篇)

2012-11-27 12:58 8067

上次介紹了在html5中實(shí)現(xiàn)圖片扭曲效果的原理，并擴(kuò)展成了drawtriangles函數(shù)，下面是上文連接HTML5高級(jí)編程之圖形扭曲及其應(yīng)用一(原理篇)

2012-10-26 08:07 11853

HTML5中的幾種變形HTML5中的變形，共有以下幾種方法scale() 縮放rotate() 旋轉(zhuǎn)translate() 平移transform() 矩陣變形setTransform() 重設(shè)矩陣這...

2012-10-18 10:25 12500

說(shuō)明lufylegend1.5.0版終于發(fā)布了，本來(lái)打算再完善一下才發(fā)布的，但是最近實(shí)在太忙了，1.5.0版拖了又拖，所以決定先發(fā)布，等繼續(xù)完善后再發(fā)布1.5.1版，API也相對(duì)完善了一下,并加入到了...

2012-10-10 12:25 16277

在前面已經(jīng)實(shí)現(xiàn)了利用外力將小鳥(niǎo)彈飛出去，并且實(shí)現(xiàn)了鏡頭的跟隨。本次來(lái)研究一下小鳥(niǎo)與其他物體之間發(fā)生碰撞時(shí)的沖力，以及由碰撞而使物體發(fā)生變形，進(jìn)而消失，下面是前兩講的鏈接，看本篇教程之前請(qǐng)朋友們最好先了...

2012-07-31 07:40 18533

上一講中介紹了如何讓小鳥(niǎo)旋轉(zhuǎn)跳上彈弓，以及利用外部力使小鳥(niǎo)彈飛出去，但是如果不做任何處理的話，小鳥(niǎo)就這么直沖沖的飛出屏幕了，本次我們就要讓鏡頭時(shí)刻跟隨小鳥(niǎo)來(lái)移動(dòng)。下面是上一講的連接，沒(méi)有看過(guò)上一講的朋...

2012-07-25 08:27 13814

憤怒的小鳥(niǎo)是一款人氣火爆的益智游戲，現(xiàn)在我試著用lufylegend庫(kù)件和Box2dWeb物理引擎來(lái)看看在html5中如何制作此類(lèi)經(jīng)典的物理游戲。準(zhǔn)備工作一首先，你需要下載lufylegend庫(kù)件1....

2012-07-23 10:27 27649

lufylegend.js庫(kù)件的下載及API文檔請(qǐng)點(diǎn)擊下面鏈接一，1.4.1版更新內(nèi)容1,修正了一些低級(jí)bug2,增加了hitTest方...

2012-07-16 15:35 12026

上次介紹了用box2dweb創(chuàng)建各種剛體，這次來(lái)介紹如何用鼠標(biāo)拖拽剛體，剛體之間的碰撞，以及剛體之間的各種連接。HTML5游戲開(kāi)發(fā)-Box2dWeb應(yīng)用(一)-創(chuàng)建各種各樣的剛體

2012-06-18 12:09 8327

“吉普賽人祖?zhèn)鞯纳衿孀x心術(shù).它能測(cè)算出你的內(nèi)心感應(yīng)”,任意選擇一個(gè)兩位數(shù)（或者說(shuō)，從10~99之間任意選擇一個(gè)數(shù)），把這個(gè)數(shù)的十位與個(gè)位相加，再把任意選擇的數(shù)減去這個(gè)和。例如：你選的數(shù)是23，然后2+...

2012-06-15 14:44 5854

本篇開(kāi)始，會(huì)介紹lufylegend-1.4.0的新功能，怎樣結(jié)合box2dweb創(chuàng)建一個(gè)物理世界以及這個(gè)物理世界里的各種剛體準(zhǔn)備工作首先你需要下載html5開(kāi)源庫(kù)件lufylegend-1.4.0h...

2012-06-13 00:30 19219

最近研究魔方的玩法，就突然想用HMTL5寫(xiě)一個(gè)魔方的模型，由于魔方是一個(gè)3D的立方體，這次就試著用HTML5寫(xiě)了一個(gè)簡(jiǎn)單的3D模型。下面是測(cè)試鏈接和預(yù)覽畫(huà)面。

2012-06-12 01:42 27640

一，lufylegend.js是什么？lufylegend是一個(gè)HTML5開(kāi)源引擎， 它實(shí)現(xiàn)了利用仿ActionScript3.0的語(yǔ)法進(jìn)行HTML5的開(kāi)發(fā)，包含了LSprite，LBitmapDat...

2012-06-08 12:53 11704

這次更新，其實(shí)也沒(méi)加什么太多的內(nèi)容，主要是為了方便使用，將庫(kù)件重新封裝成了一個(gè)文件，大家使用時(shí)只需要把lufylegend.js文件引入即可。一，lufylegend.js是什么？lufylegend...

2012-04-10 12:05 10985

首先，本篇文章是零基礎(chǔ)開(kāi)發(fā)RPG游戲-開(kāi)源講座系列文章的第四篇，來(lái)實(shí)現(xiàn)游戲的腳本化，和利用游戲腳本實(shí)現(xiàn)地圖場(chǎng)景的切換，離上次更新貌似很長(zhǎng)時(shí)間了，你在看下面的文字之前，需要先了解前三篇在下啰嗦了些什么東...

2012-01-22 03:50 12309

前兩篇，RPG的開(kāi)發(fā)已經(jīng)實(shí)現(xiàn)了添加地圖和添加游戲人物，本篇來(lái)實(shí)現(xiàn)地圖的卷軸滾動(dòng)和人物對(duì)話的實(shí)現(xiàn)，效果如下想要了解前兩篇內(nèi)容，請(qǐng)電擊下面的鏈接HTML5游戲開(kāi)發(fā)-零基礎(chǔ)開(kāi)發(fā)RPG游戲-開(kāi)源講座(一)ht...

2011-12-23 01:45 20647

上一篇中，已經(jīng)詳細(xì)講解了，如何添加地圖，以及添加了一個(gè)游戲人物，現(xiàn)在我們來(lái)添加控制事件，讓這個(gè)小英雄走動(dòng)起來(lái)了解上一篇內(nèi)容請(qǐng)看這里HTML5游戲開(kāi)發(fā)-零基礎(chǔ)開(kāi)發(fā)RPG游戲-開(kāi)源講座(一)

2011-12-16 10:25 10343

因?yàn)樯弦黄纂姷拈_(kāi)發(fā)中，有朋友反應(yīng)不太理解，本篇將以零基礎(chǔ)的視點(diǎn)，來(lái)講解如何開(kāi)發(fā)一款RPG游戲。在游戲的世界里，我們可以看到各種地圖，各種游戲人物，看到人物在地圖上行走，對(duì)話等，無(wú)論是地圖還是人物，其...

2011-12-13 13:49 37415

本游戲使用的是html5的canvas，運(yùn)行游戲需要瀏覽器支持html5。本篇文章詳細(xì)講解如何用html5來(lái)開(kāi)發(fā)一款射擊游戲，雷電可以說(shuō)是射擊游戲中的經(jīng)典，下面就來(lái)模仿一下。先看一下游戲截圖演示地址h...

2011-12-01 14:03 19170

本游戲使用的是html5的canvas，運(yùn)行游戲需要瀏覽器支持html5。使用開(kāi)源引擎：lufylegend.js，lufylegend.js引擎包內(nèi)包含這個(gè)demo，請(qǐng)直接下載lufylegend....

2011-11-29 08:44 21147

用仿ActionScript的語(yǔ)法來(lái)編寫(xiě)html5——終篇，LegendForHtml5Programming1.0開(kāi)源庫(kù)件終篇，LegendForHtml5Programming1.0開(kāi)源庫(kù)件此貼為...

2011-10-05 11:21 11711

第九篇，仿URLLoader讀取文件 先看看最后的代碼 function readFile(){ urlloader = new LURLLoader(); urlloader.addEv...

2011-09-26 21:39 4351

第八篇，圖片處理+粒子效果用仿ActionScript的語(yǔ)法來(lái)編寫(xiě)html5系列開(kāi)發(fā)到現(xiàn)在，應(yīng)該可以做出一些東西了，下面先來(lái)研究下圖片的各種效果預(yù)覽各種效果看下圖效果和代碼看這里,看不到效果的請(qǐng)下載支...

2011-09-21 18:45 5886

第七篇，自定義按鈕 這次弄個(gè)簡(jiǎn)單點(diǎn)的，自定義按鈕。 其實(shí)，有了前面所定義的LSprite,LBitmap等類(lèi)，定義按鈕就很方便了。 下面是添加按鈕的代碼， function gameI...

2011-09-21 18:41 4473

用仿ActionScript的語(yǔ)法來(lái)編寫(xiě)html5——第六篇，TextField與輸入框 一，對(duì)比 1,html5中 首先看看在html5的canvas中的文字顯示 var canva...

2011-09-16 15:28 6300

用仿ActionScript的語(yǔ)法來(lái)編寫(xiě)html5——第五篇，Graphics繪圖 用仿ActionScript的語(yǔ)法來(lái)編寫(xiě)html5——第一篇，顯示一張圖片

2011-09-15 12:44 6311

第四篇，繼承與簡(jiǎn)單的rpg 用仿ActionScript的語(yǔ)法來(lái)編寫(xiě)html5——第一篇，顯示一張圖片

2011-09-13 17:36 4444

第三篇，鼠標(biāo)事件與游戲人物移動(dòng) 用仿ActionScript的語(yǔ)法來(lái)編寫(xiě)html5——第一篇，顯示一張圖片

2011-09-13 11:34 6515

上一篇，我已經(jīng)模仿as，，加入了LBitmap和LBitmapData類(lèi)，并且用它們實(shí)現(xiàn)了靜態(tài)圖片的顯示。 這次用Sprite來(lái)動(dòng)態(tài)顯示圖片。 依然遵循上一篇對(duì)顯示對(duì)象的處理的思路，添加LSprit...

2011-09-08 16:25 9002

最近開(kāi)始學(xué)習(xí)html5，因?yàn)橐恢倍际茄芯縜s，所以還是覺(jué)得as順眼一點(diǎn)，但是html5也不能不學(xué)，于是就想出了，可以把html5用as的語(yǔ)法來(lái)寫(xiě)出來(lái)，做游戲應(yīng)該來(lái)的比較順手一些，下面開(kāi)始第一篇 ...

2011-09-06 13:15 21953