lufylegend练习（1）帧速率

近期发现一个HTML开源游戏引擎,感觉还不错http://lufylegend.com/ 可是没有基础的同学.看起来费劲.所以打算边学边记笔记,说明都在凝视中 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>帧速率</title> <script src="js/lufylegend-1.9.7.js"><…

面来看看drawtriangles函数的扩展.利用drawtriangles函数来实现一个旋转的3D地球,效果如下因为lufylegend1.5.0版的drawtriangles函数有个bug,所以我悄悄的更新了lufylegend1.5.1版,大家可以到官网下载,地址如下 http://lufylegend.com/lufylegend 其实绘制3d球体效果的话,首先就是绘制一个平面,然后将这个平面分成一个一个的小三角形,然后再用这些小三角形拼凑成一个圆球就可以了现在,我先创建一个空白的L…

lufylegend游戏引擎

lufylegend游戏引擎介绍:click 这个链接我觉得已经很详细的介绍了这个引擎. 所以以下我只说说一些简单的游戏代码过程. 首先从canvas做游戏叙述起: 这是一个让人很熟悉的简单小游戏,网上到处都是这个小游戏代码,所以就简单说说: HTML代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>简单游戏&…

H5canvas赛车游戏-基于lufylegend引擎

lufylegend引擎是canvas游戏中,比较简单的引擎之一,它不需要配置环境,类似引入jquery包的方式,引用对应js文件即可 lufylegend官方网站:http://www.lufylegend.com/ 首先看下游戏的截图游戏设计比较粗糙,逻辑也很简单,就是通过点击左右来控制红色的汽车躲避对面开过来的车,若发生碰撞则游戏结束,另游戏速度会越来越快游戏演示地址:http://gavin125.github.io/H5game/dome1/ 下载地址:https://git…

在Lufylegend中如何设置bitmap或者sprite的缩放和旋转中心

最近两天有个lufylegend游戏引擎群的群友需要做一个项目,其中要解决的需求是:获取照相机拍摄的图片,根据图片的EXIF信息让图片显示为“正常”情况,并且需要给图片添加一些事件侦听.何为正常呢?就是我们拍照的时候,因为横着或者竖着拿相机或者手机拍摄的图片,最终显示出来的时候要是拍摄时候的样子,比如: “我霉”orz 我就当您是用过lufylegend的道友了.那么我们知道Bitmap这个层的默认旋转中心是其内容中心,也就是:bitmap.getWidth()*0.5,bitmap.getHe…

利用开源HTML5引擎lufylegend.js结合javascript实现的五子棋人机对弈

前言本文主要介绍利用开源引擎 lufylegend.js开发基于Html5的游戏--五子棋,主要叙述其详细开发过程. 游戏规则玩过五子棋的都应该知道五子棋的规则,这里就简单介绍其规则. 1.传统五子棋的棋具与围棋大致相同,棋子分为黑白两色,棋盘为15×15,棋子放置于棋盘线交叉点上.两人对局,各执一色,轮流下一子,先将横.竖或斜线的5个或5个以上同色棋子连成不间断的一排者为胜. 2.由于传统五子棋具有不公平性,而现代五子棋禁手规则令一部分棋手望而怯步.于是产生了职业制传统五子棋,职业…

html5游戏开发框架之lufylegend开源库件学习记录

下载地址http://lufylegend.com/lufylegend 引用 <script type="text/javascript" src="../lufylegend-1.5.1.min.js"></script> <div id="mylegend">loading...</div> <script> init(50,""mtlegend",5…

lufylegend库 LButton

lufylegend库 LButton <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>lufylegend</title> <script type="text/javascript" src="lufylegend-1.7.6.js"></sc…

lufylegend库鼠标事件循环事件键盘事件

lufylegend库鼠标事件循环事件键盘事件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>lufylegend</title> <script type="text/javascript" src="lufylegend-1.7.6.js">…

lufylegend库 LTextField

lufylegend库 LTextField <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>lufylegend</title> <script type="text/javascript" src="lufylegend-1.7.6.js"><…

lufylegend库 LGraphics扭曲图片

lufylegend库 LGraphics扭曲图片 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>lufylegend</title> <script type="text/javascript" src="lufylegend-1.7.6.js">&…

lufylegend库 LGraphics绘制图片

lufylegend库 LGraphics绘制图片 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>lufylegend</title> <script type="text/javascript" src="lufylegend-1.7.6.js">&…

lufylegend库 LGraphics

lufylegend库 LGraphics <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>lufylegend</title> <script type="text/javascript" src="lufylegend-1.7.6.js"></…

lufylegend库 LBitmapData LBitmap LSprite

lufylegend库 LBitmapData LBitmap LSprite <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>lufylegend</title> <script type="text/javascript" src="lufylegend-1.7.6…

lufylegend:Lbuttion等UI组件

1,矩形按钮LButtonSample1 首先来看看LButtonSample1按钮的绘制. 在lufylegend.js引擎中可以利用LButton类来添加一个按钮,但是你需要传入按钮弹起和按钮按下的两个状态的可视对象,可以是LSprite,也可以是LBitmap,想要漂亮一点的按钮的朋友们可以使用一张漂亮的图片,一般做法如下 btn01 = new LButton(new LBitmap(new LBitmapData(imglist["replay_button_up"])),n…

lufylegend:动画

1.动画1 <script type="text/javascript"> var loader,anime,layer; //初始化画布 init(200, "mylegend", 500, 350, main); //初始化回调函数 function main() { //加载图片资源 loader = new LLoader(); loader.addEventListener(LEvent.COMPLETE,loadBitmapdata); lo…

lufylegend:文本、鼠标事件、键盘事件

1.文本 <script type="text/javascript">init(50,"mylegend",500,350,main);function main() { //创建层 var layer = new LSprite(); addChild(layer); //创建一个文本标签 var field = new LTextField(); field.text = "Hello World!"; …

lufylegend:图片的加载和显示

<!DOCTYPE HTML> <html> <head> <meta charset="utf-8" /> <script type="text/javascript" src="../lufylegend-1.7.6.min.js"></script> </head> <body> <div id="mylegend"&g…

lufylegend基础知识1

这是官方的介绍: lufylegend是一个HTML5开源引擎,它实现了利用仿ActionScript3.0的语法进行HTML5的开发, 包含了LSprite,LBitmapData,LBitmap,LLoader,LURLLoader,LTextField,LEvent等多个AS开发人员熟悉的类, 支持Google Chrome,Firefox,Opera,IE9,IOS,Android等多种热门环境. 利用lufylegend可以轻松的使用面向对象编程,并且可以配合Box2dWeb制作物理游…

HTML5 Canvas游戏开发（四）lufylegend开源库件(下)

一.文本 LTextField对象是lufylegend库件中专门用于显示文本信息的一个对象. 1.文本属性创建的文本框对象不会自动加入可视化对象列表中.只有手动调用addChild()方法才能使它显示. var layer = new LSprite(); //初始化LSprite对象 addChild(layer); //将对象添加进canvas画布中 var field = new LTextField(); //创建文本框对象 field.text = "Hello World!&qu…

HTML5 Canvas游戏开发（三）lufylegend开源库件(上)

lufylegend可以解决HTML5开发游戏中会遇到的一些问题: 1.各种浏览器对于JavaScript和HTML的解析是不一致的. 2.手机浏览器和PC浏览器的区别. 3.JavaScript并非面向对象编程,影响了代码的可读性. 使用开源库件之前先进行初始化,在带中链接框架,并且在HTML中加上以下代码 <div id="mylegend">loading...</div> 接下来使用库件内置的init方法进行初始化.init函数的原型如下: init(s…

html5游戏开发--"动静"结合(二)-用地图块拼成大地图 & 初探lufylegend

一.前言本次教程将向大家讲解如何用HTML5将小地图块拼成大地图,以及如何用现有的高级html5游戏开发库件lufylegend.js开发游戏. 首先让我们来了解了解如何用html5实现动画,毕竟“动静结合”是先有动再有静.看了上一章的内容,或许你就有了对html5实现动画有了初步了解: html5游戏开发--"动静"结合(一): http://blog.csdn.NET/yorhomwang/article/details/8301451 二.html5实现用小地图块拼成大地图…

HTML5 lufylegend引擎学习（一） -- 剪刀石头布小游戏

网址:http://www.lufylegend.com/ <!DOCTYPE html> <html> <head> <title>A Little Game!</title> <meta charset="utf-8" /> <style> html,body{ height:100%; width: 100%; margin: 0; padding: 0; } body{ background-c…

lufylegend:加载进度

实现图片加载进度 LoadingSample Class 用来显示进度条的对象. 引擎中目前提供的进度条类有:LoadingSample1-7 你可以制作自己的进度条,自制进度条类中要包含setProgress函数. //初始化引擎组件 init(50, "div_caiquan", 800, 400, main); //定义游戏层,加载进度层.游戏背景层 var loadingLayer, backLayer; //定义游戏图片 //定义图片资源加载完成后返回的图片对象 var im…

lufylegend:图形变形2

下面来详细讲解一下drawtriangles函数的使用方法.并且使用drawtriangles函数实现下面这种处理效果因为这个方法是从AS3移植而来,所以它的使用方法和AS3基本一致,这里是AS3的drawtriangles函数API,大家可以参照一下 http://help.adobe.com/zh_CN/FlashPlatform/reference/actionscript/3/flash/display/Graphics.html#drawTriangles() 上次也说明过,移植后的…

lufylegend:图形变形1

HTML5中的几种变形 HTML5中的变形,共有以下几种方法 scale() 缩放 rotate() 旋转 translate() 平移 transform() 矩阵变形 setTransform() 重设矩阵这几个方法,对图片一共能完成下面几种处理但是,如果要实现下面这种不规则的变形,就不行了那咱们一步步,先来看HTML5的这几个方法. 1,缩放方法如下 <!DOCTYPE html> <html> <body> <canvas id="myCa…

HTML5(lufylegend.js练习)

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <…

lufylegend.js教程（1）

1.图片元素如何缩小? 在LSprite类中,有两个属性:{scaleX,scaleY},这两个属性属于按比例缩放精灵对象,可以放大,可以缩小,注意这两个属性是在图片中心点位置开始缩放. 代码: Box.prototype.init=function(){ var self = this; self.backgroundBitmapData = new LBitmapData(dataList["b_1"],0,0,self.n.width,self.n.height); self.b…

Intel Media SDK H264 encoder GOP setting

1 I帧,P帧,B帧,IDR帧,NAL单元 I frame:帧内编码帧,又称intra picture,I 帧通常是每个 GOP(MPEG 所使用的一种视频压缩技术)的第一个帧,经过适度地压缩,做为随机访问的参考点,可以当成图象.I帧可以看成是一个图像经过压缩后的产物: P frame: 前向预测编码帧,又称predictive-frame,通过充分将低于图像序列中前面已编码帧的时间冗余信息来压缩传输数据量的编码图像,也叫预测帧: B frame: 双向预测内插编码帧,又称bi-directio…

2016年8月ios面试问题总结

1.app分发方式所谓分发方式简单点讲就是你的app都可以通过哪些途径给用户使用. a:个人或者公司的开发者账号可以上传appStore,用户通过appStore下载. b:企业账号:打包分发. c:打包到本地: product->archive /window->organizer --->import -->save for ad hoc.有一段时间由于xcode版本问题,项目不能真机运行,就是通过打包到本地,再安装到手机上进行测试的. 需要先下载证书. d:通过第三方:…