PIXI

PIXI的学习------（四）从已经加载的纹理贴图集中创建精灵的三种方法

使用TextureCache：letdungeonTexture=TextureCache["dungeon.png"];dungeon=newSprite(dungeonTexture);app.stage.addChild(dungeon);如果你是使用的loader来加载纹理贴图集,使用loader的resources:explorer=newSprite(resources["images
gloria199091·2018-05-21 11:11

PIXI的学习-------（三）精灵的缩放和旋转

//CreateaPixiApplicationletapp=newPIXI.Application({width:256,height:256,antialias:true,transparent:false,resolution:1});//AddthecanvasthatPixiautomaticallycreatedforyoutotheHTMLdocumentdocument.body.
gloria199091·2018-05-21 10:53

PIXI输出base64图像

方法1如果想使用canvas原生的toDataURL，参考这篇问答，以下代码是具体方法。但这个方法如果在iOS设备上使用，获取到的图像会上下翻转（效果相当于css3的transform:scaleY(-1);）。原因不明，可能也是webGL搞鬼吧。//用WebGL时，要渲染后同步获取base64才有效，异步再来就只能拿到一张黑图app.render();$previewPic.src=app.vi
黒之染·2018-05-17 00:00

pixi各种常用动画

http://h5.flyfinger.com/指尖案例网址richText3.alpha=0;TweenMax.to(richText3,1,{alpha:1,ease:Sine.easeOut,delay:2})//透明度动画bunny3.scale.set(0);TweenMax.to(bunny3.scale,1,{x:1,y:1,ease:Elastic.easeOut,delay:1}
dongsdh·2018-03-14 23:14

phaser.js介绍

Safari等移动端IOS5以上的MobileSafari、安卓2.2以上的StockBrowser和Chrome等CocoonJS加速并打包成原生应用phaser.js的特征phaser.js内部支持pixi.js
Ping果狸·2018-01-17 23:57

Pixi.js 基础知识（一）

参考：https://github.com/kittykatattack/learningPixi在html页面中加入pixi.jsHelloWorld//检测pixi是否正常加载console.log
已注销null·2017-12-04 08:53

MELN H5游戏 开发路线图

同时，诸如pixi.js,three.js,egret,layabox等h5引擎已经相当成熟。H5游戏开发在夹缝中透出一丝亮光。这对于已经有些厌倦办公室政治乃
kownse·2017-06-04 22:08

MELN H5游戏 开发路线图

同时，诸如pixi.js,three.js,egret,layabox等h5引擎已经相当成熟。H5游戏开发在夹缝中透出一丝亮光。这对于已经有些厌倦办公室政治乃
kownse·2017-06-04 22:08

变态版大鱼吃小鱼-基于pixi.js 2D游戏引擎

之前用CSS3画了一条，那还是一年前的事情了，这次我用一天的时间去研究了一下pixi.js，一个基于webgl的2D游戏引擎，然后用它做了一个demo出来，变态版大鱼吃小鱼。
北风吹雪·2017-04-11 10:00

PIXI 碰撞检测-PIXI文档翻译(6)

你现在知道如何制作各种各样的图形对象，但你能用他们做什么？一个有趣的事情是构建一个简单的碰撞检测系统。你可以使用一个自定义函数hitTestRectangle来检查任何两个矩形Pixisprites是否接触。hitTestRectangle(spriteOne,spriteTwo)如果它们重叠，hitTestRectangle将返回true。您可以使用hitTestRectangle与if语句来检
iteye_21250·2017-02-27 09:31

pixi-action - 一个类似 cocos2d-x 使用方法的 Pixi.js 动画插件

一、背景说明最近有一个需求，大概就是做一个2d页面小游戏，非常小，小到使用html+css也可以实现的，但是想了解一下html5的游戏引擎，看了很多，感觉Pixi.js的使用上，相对简单，上手更快。
aTool_vip·2016-12-22 00:00

chrome诡异的Provisional headers are shown

昨天吐槽了cocos2d-js的问题，所以就准备调研几个其它HTML5引擎，发现PIXI性能极高，但是没有音频。而Phaser.js是在PIXI.js的基础之上进行的封装。
meteoric_cry·2016-02-27 18:00

HTML5骨骼动画Demo | 使用min2d、createjs、pixi播放spine动画

Spine做骨骼动画是比较流行的，使用起来可能相对复杂，但功能毕竟强大，所以市场占有率较大。在unity、cocos2d、starling中使用spine已经很成熟了，而HTML5这一块可能刚刚起步，暂时spine对这一块也没有做得非常完善。整理了一下，找了一些比较好的方法，分享一下。 createjs这是HTML5动画引擎比较好用，也比较小的一个，如果项目纯碎为了播放骨骼动画，而不是一个游戏，强
拂晓风起-Kenko·2016-01-27 17:00

PK iPad 首款8寸Win10 Mobile系统平板亮相2016 CES

Pixi3
佚名·2016-01-04 09:03

青瓷引擎研发

这期间也冒出来了诸多HTML5游戏引擎，比如国外的Phaser、PIXI
天竺七怪·2015-12-24 10:00

初识phaser框架——开源的HTML5 2D游戏开发框架

借鉴与网上的资料： 1、    Phaser是一款专门用于桌面及移动HTML5 2D游戏开发的开源免费框架，提供JavaScript和TypeScript双重支持，内置游戏对象的物理属性，采用Pixi.js
·2015-11-13 22:08

背包问题

假定将物品i的一部分xi放人背包就会得到pixi的效益，0≤xi≤1，pi＞0。采用怎样的装包方法才会使装入背包物品的总效益最大呢？
·2015-11-13 09:26

WebGL on iOS8 终于等到了这一天

Swift新语言促成了如上图片 但我更感兴趣的是WebGL终于官方的在OSX和iOS上得到了支持，这篇《A first look at what iOS8 means for Phaser and Pixi.js
·2015-11-11 17:05

云笔记（知识管理类服务）

windows、Windows Mobile evernote 无限 60M 25M MAC、windows、iphone/ipod Touch/iPad、Android、Palm Pre&Pixi
·2015-11-08 15:27

利用pixi.js制作精灵动画

CSS Sprites 技术对于广大的前端工程师来说应该是一点也不陌生。国内开发者昵称为CSS精灵，通过一定的技术手段，让精灵动起来，我称其为精灵动画，那么目前有哪些实现方式 呢？下面让我们详细的聊聊。   关于实现精灵动画的方式有很多种，我自己实践过的主要有三种：     1： 把动作分解成一系列连续的编号的图片，如img0.jpg,img1
·2015-10-30 20:27

HTML5游戏开发引擎Pixi.js新手入门讲解

在线演示   本地下载 ​这篇文章中，介绍HTML5游戏引擎pixi.js的基本使用。
·2015-10-27 12:53

让hammer完美支持Pixi.js - 2D webG库

由于项目改造，采用2D webG的pixi库，那么基于canvas的结构上，事件就是最大的一个问题了 改造的原理很简单，把hammer里面的addEventListeners事件绑定给第三方库代替，事件的绑定由第三方控制即可
·2015-10-27 12:17

pixi.js教程中文版--基础篇

前言 Pixi.js使用WebGL，是一个超快的HTML5 2D渲染引擎。作为一个Javascript的2D渲染器，Pixi.js的目标是提供一个快速的、轻量级而且是兼任所有设备的2D库。
·2015-10-23 08:49

(原)用pixi.js 实现 方块阵点击后原地自转效果

http://files.cnblogs.com/files/kmsfan/pixi.js varrenderer=PIXI.autoDetectRenderer(800,50
KMSFan·2015-09-25 23:00

web开发没有服务器

额，今天在学习pixi，用的是webstorm开发的，但是用file://xxx的方式进去的话老是会报错Imagefromorigin'file://'hasbeenblockedfromloadingbyCross-OriginResourceSharingpolicy
Ado_On·2015-09-01 16:00

【panda.js】panda.js html5游戏引擎入门介绍

一.官网http://www.pandajs.net/ 二.主要特性使用高速图形渲染pixi.js使用粒子引擎（Particleengine）制作特效缓动（Tweening）物理引擎（Physicsengine
imzhi·2015-08-27 10:00

动画requestAnimationFrame

前言 在研究canvas的2D pixi.js库的时候，其动画的刷新都用requestAnimationFrame替代了setTimeout 或 setInterval 但是jQuery中还是采用了
·2015-02-10 11:00

canvas学习笔记一

为了研究pixi库，就顺带从头到位学习下canvas吧 判断支持力度 var webgl = (function() { try { var canvas = document.createElement
·2015-02-02 16:00

HTML5游戏开发引擎Pixi.js新手入门讲解

在线演示 本地下载这篇文章中，介绍HTML5游戏引擎pixi.js的基本使用。
gbin1·2014-09-12 17:00

HTML5 2D渲染引擎Pixi.js

Pixi.js是一款超快的开源HTML52D渲染引擎，使用带有Canvas回调功能的WebGL。
leikezhu1981·2014-08-18 21:00

Palm Pixi GPRS上网配置

打开电话界面     左上角 china mobile————preferences(首选项)     找到manual settings(手动设置) 设为“开”     然后点：edit network settings(编辑网络配置): '     internet apn 的apn设置里填入 cmnet
lishiguang·2011-10-31 14:00

HP惠普Palm Veer 4G智能手机（WebOS系统，无线充电），约650元

Pre、Pixi等系列机型相继成为跳水王，这只是国内的14天机的境遇，但自从Touchpad的清仓抛售以来，Palm相关产品已经成为了HP的跳水专用系列，标价399卖99的情况在整个业界也是罕见的。
riantboy Simon·2011-10-18 03:00

惠普收购Palm意在遏制同系竞争

另外，由于投入WebOS、PalmPre和Pixi的庞大资源没有产生预期中的结果，翻身再起的机率愈来愈低。除了求售，Palm似乎没有其他选择。    业内资深人士孙永杰分析认为，主流PC厂商间的
吾却南飞·2010-04-30 06:00

惠普收购Palm意在遏制同系竞争

另外，由于投入WebOS、PalmPre和Pixi的庞大资源没有产生预期中的结果，翻身再起的机率愈来愈低。除了求售，Palm似乎没有其他选择。    业内资深人士孙永杰分析认为，主流PC厂商间的
吾却南飞·2010-04-30 06:00

Pixi宣布了, now what?

阅读更多Palm正式公布Pixi智能手机http://www.iteye.com/news/10223-palm-pixi这个其实是意料之中,可以参见我以前的一篇文章:PalmwebOS是否昙花一现?
lordhong·2009-09-10 09:00

Pixi宣布了, now what?

Palm正式公布Pixi智能手机http://www.iteye.com/news/10223-palm-pixi这个其实是意料之中,可以参见我以前的一篇文章:PalmwebOS是否昙花一现?
lordhong·2009-09-10 09:00
上一页 1 2 3 4 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他