小鬼编程-CSDN博客

原创 HTML5 2D游戏引擎研发系列第六章

HTML5 2D游戏引擎研发系列第六章作者:HTML5游戏开发者社区-白泽HTML5游戏开发者社区（群号：326492427）。转载请注明出处:http://html5gamedev.org/目录" href="http://html5gamedev.org/?p=620" target="_blank">HTML5 2D游戏引擎研发系列第一章 " href="

2014-01-07 09:51:53 1055

原创 HTML5 2D游戏引擎研发系列第三章

前面2篇文章基本上没有讲解HTMl5相关的,只是提供一些游戏设计的思路,那么接下来的章节我会深入到代码层面,主要以游戏渲染技术出发,因为我接触HTML5和JS时间不长,所以有一些平台相关的优化功能可能并不太清楚,如果有人发现更好的写法或者某些类的使用方式希望联系我,我会马上更正,谢谢拉. 那么,我们今晚要完成的任务是能在画布上显示图片,在开始之前我们可能需要做一些准备,那就是我们的图片资源

2014-01-06 17:14:17 987

HI,大家好,我是白泽,一名游戏设计师,一直专注各平台的2D游戏引擎研发,HTML5是我准备进入的新领域,我有个习惯,刚接触的新领域我都会习惯自己写一套游戏引擎,而不用第三方提供的,为了方便自己学习和给HTML5事业做贡献,所以我会在此系列教程中详细的介绍如何从0开始做一套属于自己的引擎,它可能并不是HTML5专属,我会从CANVAS机制到WEBGL再到opengl es的思路转换,着色器,粒子,

2014-01-06 17:05:56 2262

翻译一个好的程序员通常要懂的操作技能

一个好的程序员通常由其操作技能、知识水平，经验层力和能力四个方面组成。在这里想和大家说说设计中的一些原则，我认为这些东西属于长期经验总结出来的知识。这些原则，每一个程序员都应该了解。但是请不要教条主义，在使用的时候还是要多多考虑实际情况。其实，下面这些原则，不单单只是软件开发，可以推广到其它生产活动中，甚至我们的生活中。Don’t Repeat Yourself (DRY)DRY 是一个最

2012-11-10 16:03:24 927

原创 HTML5 2D游戏引擎研发系列第六章 <Canvas技术篇-画布技术-混色特效和粒子>

前几章节学得怎么样呢?是否你的引擎已经有一个初级的模型了?是否开始枯燥的思考应该如何搭建一个你自己的架构呢?现在本章节就让你放松放松,我们将要学习游戏中最酷，最炫的部分,但是,它却是如此如此的简单,简单得只需要一行代码,它就是混色了,混色是什么？这个内容我已经在第一章介绍过了,如果忘记了可以倒回去看看哦,如果你已经明白了,那我们可以开始利用混色做一些特殊效果了,现在我们经常看到游戏中有酷炫的技能,想想看,我们为什么觉得这个技能好看呢？答案只有一个,那就是足够亮,而且还带有一定的透明度

2014-01-08 11:34:22 1621

原创 WEBGL 2D游戏引擎研发系列第五章 <操作显示对象>

HI,大家好,本章的内容我们就要开始动手写矩阵了,如果你理解了上一章的内容那本章的内容其实很简单了,有了矩阵的支持,我们的游戏引擎也就有了基本的雏形了,2D游戏中不管是什么类型的游戏,多么复杂的游戏,始终都离不开各种变换,比如旋转,缩放,倾斜,位移等等,所以只要我们把理解了这个就不会害怕引擎的开发了,可以说它甚至比开发一款游戏还简单,当然好的引擎是需要强大的效率和各种出彩的功能,但核心的本质就是变换,

2014-01-08 11:29:41 1199

原创 WEBGL 2D游戏引擎研发系列第四章 <感想以及矩阵>

今天的章节我们不得不谈谈矩阵了,在之前的章节中它总是在关键的时刻出现,而我们总是忽略了它,因为如果要保持文章的内容简单,我们不得不规避它,现在,我需要花一章的时间来讲讲矩阵,而矩阵可以说是开发引擎里最难的部分,实际上我试过没有矩阵一样可以像矩阵一样去操作显示对象,但是太过于麻烦,在这里我想先偏离主题,谈谈我的一些感受,很早之前我的一个朋友自己做了一套骨骼编辑器,我当时看了非常惊奇,我说你开发这套骨骼编辑器需要用到反向运动学吧,他反而用一脸更加惊奇的表情看着我说,什么是反向运动学,我就是用三角函数让它们符合逻

2014-01-08 11:21:24 1460

原创 WEBGL 2D游戏引擎研发系列第三章 <正交视口>

本章的内容是2D游戏很关键的一部分,没有这一步,就没有2D游戏,这也是2D和3D开始分解的关键点,正交视口,通常在这里你使用的引擎或者看到的教程都会告诉你需要导入一个外部库,因为这里需要矩阵的计算,在3D教程中,和本章类似的部分通常会告诉你一个3D空间的坐标系,还有一个透视的投影原理等等,不过我建议你最好还是提前了解一个大概,网上已经有很多教程了,在3D空间中,物体遵循近大远小的规律,但是在2D游戏是没有Z轴的,所以没有这个概念,并且你也不希望你的显示对象上下左右移动时会越来越小吧,所以我们会使用一个叫正交

2014-01-07 10:37:58 1312

原创 WEBGL 2D游戏引擎研发系列第二章 <显示图片>

本章内容将会是你的第一个挑战,不过不用担心,当你了解了第一章的内容本章的内容只是把理论代码化而已,而且它将是你游戏渲染的核心部分,也是你接触最多的WEBGL获得API的地方,好吧,我不想吓唬,其实就是200多行代码而已,而且不是算法哦,就是一些必须要执行的步骤而已,因为WEBGL的教程非常少,所以我是根据以前的opengl es经验来学习这门新技术,如果有遗漏和不明确的地方请海涵,那么,现在就让我们开始吧,我们不需你要导入任何3D插件,用自己的能力显示出一副图片吧.

2014-01-07 10:32:17 2388

原创 WEBGL 2D游戏引擎研发系列第一章 <新的开始>

WEBGL2D游戏引擎研发系列,不知道你是不是和我一样有梦想,内心永远有一篇属于自己的游戏世界呢,技术快速发展的今天,每当我们到一个新的领域去学习如何制作游戏,但是迎面而来的就是各种引擎,不知道你是否和我一样渴望学习底层的知识,你是否也和我一样没有安全呢,对于工作而言,效率永远是第一,能快速通过引擎开发出商业项目肯定是好的,但回想一下,我们这么多年努力究竟学习到了什么?创建一个地图，加入寻路算法？做一个背包系统?现在的新技术会越来越多,新的硬件平台也越来越多,难道我们每跨越一个新领域都要期待是否有合适的引擎

2014-01-07 10:25:52 1376

coding for fun

原创 HTML5 2D游戏引擎研发系列第六章

原创 HTML5 2D游戏引擎研发系列第三章

转载 HTML5 2D游戏引擎研发系列第一章

翻译一个好的程序员通常要懂的操作技能

原创 HTML5 2D游戏引擎研发系列第六章 <Canvas技术篇-画布技术-混色特效和粒子>

原创 WEBGL 2D游戏引擎研发系列第五章 <操作显示对象>

原创 WEBGL 2D游戏引擎研发系列第四章 <感想以及矩阵>

原创 WEBGL 2D游戏引擎研发系列第三章 <正交视口>

原创 WEBGL 2D游戏引擎研发系列第二章 <显示图片>

原创 WEBGL 2D游戏引擎研发系列第一章 <新的开始>

原创 HTML5 2D游戏引擎研发系列第八章

原创 HTML5 2D游戏引擎研发系列第五章

原创 HTML5 2D游戏引擎研发系列第四章 <Canvas技术篇-画布技术-基于手动切片动画>

原创 HTML5 2D游戏引擎研发系列第二章

原创如何让你的游戏更有趣

空空如也

空空如也