js框架
文章平均质量分 53
明天去哪
博观而约取,厚积而薄发.每天坚持写代码
展开
-
初识react
react 被称为颠覆式前端开发react不是一个完整的mvc,并认为mvc并不适应所有开发场景原创 2016-02-29 10:08:48 · 417 阅读 · 0 评论 -
phaser.js入门篇
基础知识<!DOCTYPE html><head> <meta charset="utf-8"> <title>Test Phaser</title> <script src="js/phaser.js"></script> <style> #container{ height:600px; width: 600px; margin: 10px auto; ou原创 2016-05-25 16:33:37 · 6544 阅读 · 0 评论 -
phaser.js显示对象篇
概述 图片图形按钮游戏工厂对象Phaser.GameObjectFactory game.add === new Phaser.GameObjectFactory(game)游戏工厂对象可以快速的创建对象(显示和非显示)实例不使用factoryvar image = new Phaser.Image(game, 0, 0, 'cat');game.world.add(image);使用 g原创 2016-05-25 23:34:46 · 5756 阅读 · 0 评论 -
Phaser.js事件系统及用户交互篇
事件系统事件系统对象Phaser.SignalSignal对象的使用 Signal对象的创建 var signal = new Phaser.Signal(); 添加事件监听器 signal.add(listener, listenerContext?, priority?, args?); signal.addOnce(listener, listenerContext?, pri原创 2016-05-27 00:34:31 · 4150 阅读 · 0 评论 -
Phaser.js音频资源处理篇
概述支持两种音频模式 webAudio 缺点:无法对音频进行进一步的控制, 不能播放两个音轨html5Audio 以节点表示音频流Phaser.SoundManager对象var game = Phaser.Game();var soundManager = game.sound;Phaser.Sound对象var game = Phaser.Game();var sound =原创 2016-05-27 01:11:17 · 5306 阅读 · 1 评论 -
Phaser.js物理引擎篇
概述Phaser.js提供两种物理引擎 arcadep2(插件)arcade提供一些简单的物理属性和方法 速度,加速度角速度,角加速度质量,重力,摩擦力,弹跳碰撞检测arcade物理引擎开启game.physics.startSystem(Phaser.Physics.ARCADE);在精灵上开启物理引擎 在组中启用物理引擎 精灵的body对象 设置速度原创 2016-05-27 16:55:28 · 6689 阅读 · 0 评论 -
threejs(一) 点,线,网格
ps:本系列会通过例子,来学习three.js入门<!DOCTYPE html><html><head> <title></title> <style>canvas { width: 100%; height: 100% }</style> <script src="js/three.js"></script></head><body><script> //原创 2016-05-22 21:17:03 · 3870 阅读 · 0 评论 -
threejs(二) 移动,相机
场景的移动1.改变相机的位置,让物体移动function animation(){ //renderer.clear(); camera.position.x =camera.position.x +1; renderer.render(scene, camera); requestAnimationFrame(animation);}2.改变物体自身的位置,让物原创 2016-05-22 23:44:46 · 7897 阅读 · 0 评论 -
threejs(三) 光源,材质,纹理
光源光源基类 THREE.Light ( hex )由基类派生出来的其他种类光源 THREE.AmbientLight( hex ) ,当仅为场景指定环境光时,所有的物体无论法向量如何,都将表现为同样的明暗程度PointLight( color, intensity, distance ) Color:光的颜色Intensity:光的强度,默认是1.0,就是说是100%强度的灯光原创 2016-05-23 00:32:51 · 7011 阅读 · 0 评论