Tag Archives: Javascript

用 Babylon.js 和 JavaScript 写 3D 游戏——从入门到精通(2)

上一章节,我们学习了如何用babylonjs来创建一个简单的场景,我们最终得到了一个颇为美丽的结果:有棋盘格的地面,一个玻璃球体,我们可以自由的旋转他们,并且也能看到一点光线的效果。 只不过,整个过程充满了晦涩的代码和一些不明所以的参数,好像懂了又好像完全不懂。为了能够更好的进入3D的世界,我们在这一章节需要把所有需要了解的 API 和基础知识进行一些讲解,以便后面更好地了解和深入我们的知识体系。… Read More »

用 Babylon.js 和 JavaScript 写 3D 游戏——从入门到精通(0)

为什么又开坑 整个博客静寂了2年,最近服务器提示快要过期了,想着不希望年少时期的文字就这么消失,一口气续费了5年。支付完了又有些懊恼,不能这样了啊,这个费用不能浪费了。 于是乎,新坑来了,这回我们使用JavaScript来做游戏了。 实际上,pygame系列为本博客带来了不少流量,但是平时工作学习中,python的使用只占据我5%不到编码量。当然这并不是因为Python有什么不好,只是这些年所在的… Read More »

贫富差距的产生

今天看到一个有趣的问题, 想象着,有一个房间,里面有 100 个人,每个人有 100 美元。每过一会,每个有钱的人给随机的其他人 1 美元,经过一段时间后,房间内的资金分配情况是怎样? 粗想想,每个人都是“相同的概率”丢失和获得一元钱,那么大家的资金应该大差不差才是,可惜后面的结果大打脸,贫富差距居然那么明显,实在是非常的反直觉,于是我用JS写了个模拟程序跑跑看。 地址在 https://jsfi… Read More »

关于angularJs中的unsafe:

最近在做一个Cordova的项目,之前有没有说过…… 无所谓了,我在里面的发短信和打电话都简单的使用了tel:和sms:的链接值,有没有人不知道?就是这样的: <a href=”tel:12312312123″>打电话</a> <a href=”sms:12312312123″>发短信</a> 手机上的浏览器看到这样的链接,就会自动调出短信和拨号的界… Read More »

jQuery中class选择器的限制

前两天同事找我看个脚本,说是IE8不能使用,我一想肯定是用了什么高级API了呗,一看果然 document.getElementsByClassName(className); 这里用了getElementsByClassName,低版本IE根本不认识,自然不行。但是转念想想又很奇怪,这个脚本明明是基于jQuery的,为什么不用$(“.className”)而用这个API呢… Read More »

为MarkdownPad2的HTML输出也增加目录

越来越喜欢Markdown了,清爽的写作让人欲罢不能。说白了哇,程序员都是懒货,所有能让自己偷懒的发明都是好发明,现在流行的语言、工具,其本质,都是可以让程序员偷懒的产物。比如脚本语言,可以10行代替编译语言的100行,至于速度,反正现在计算机快的很;比如IDE,只要点点鼠标,所有的编译连接调试都能迅速完成,当然会风靡全球。Markdown也是应懒汉需求发明的伟大作品,可以用一点点无伤大雅的符号,… Read More »

[译]在WordPress中使用AJAX的5个小贴士

原文http://www.garyc40.com/2010/03/5-tips-for-using-ajax-in-wordpress/,这是一篇很棒的文章,虽然有些年月了,不过真正有价值的东西,可以经历时间的磨砺 🙂 AJAX被用到了很多Wordpress的主题和插件中,但是呢,不是所有的都正确的使用了AJAX。这里提5个Wordpress中使用AJAX的最佳实践。 注意:这篇文章很长而且充斥了… Read More »

HTML5中的Canvas(径向渐变)

说明完了线性渐变,我们再来看看径向渐变,其实我觉得两者是一回事儿……只不过径向渐变的浏览器兼容性更糟糕一些(现在已经好多了),为了不出洋相,我们还是要多知道一些。 什么是径向渐变 又要解释一下什么叫径向渐变,其实就是环形的渐变了,由圆心(或者是较小的同心圆)开始向外扩散渐变的效果,听着有些抽象,往下看图一下子就明白了。线性渐变指定了起点和终点,径向渐变则指定了开始的结束园的圆心和半径。这里使用cr… Read More »

HTML5中的Canvas(线性渐变)

这一章讲解Canvas绘图中的线性渐变,不过呢,渐变的处理在各种浏览器中还略有不同,我们也会就这方面做一些说明。 什么是线性渐变 所谓线性渐变,是指从开始地点到结束地点,颜色呈直线的徐徐变化的效果。为了实现这种效果,我们绘制时必须制定开始和结束的颜色。而在Canvas中,不仅可以只指定开始和结尾的两点,中途的位置也能任意指定,所以可以实现各种奇妙的效果。 为了绘制线性渐变,我们需要使用create… Read More »

HTML5中的Canvas(颜色)

这一次讲解Canvas中的颜色应用,同时Canvas中的颜色还能带透明,太酷了~~ 指定颜色 现在为止我们画的图形都是黑色的,这是Canvas绘制的默认色彩,要想换一种颜色的话,就得在实际画之前指定颜色。 ctx.strokeStyle = color —— 指定绘制线的颜色 ctx.fillStyle = color —— 指定填充的颜色 来看看实际的例子: onload = function(… Read More »

使用PhoneGap开发Android程序小记

PhoneGap实在是伟大!当然在此之前是HTML5/CSS3/JS很伟大,可以做出那么酷的应用,然后变成本地应用才有意义。 简介 PhoneGap是一款开源的手机应用开发平台,它仅仅只用HTML和JavaScript语言就可以制作出能在多个移动设备上运行的应用。PhoneGap将移动设备本身提供的复杂的API进行了抽象和简化,提供了一系列丰富的API供开发者调用,只要你会HTML和Javascr… Read More »

原来一直以来我对IE6那么狠……

今天偶尔的看一下Blog的StatPress记录,发现IE6访客居然还是大头,都什么年代了…… 不过用户至上啊,回想当年做主题的时候,似乎是在IE6下显示的不太好,也不是很有心思去把它整的更好一点,因为那时候考虑IE6应该是越来越少很快就会淘汰才是,只是简单的在题头给IE6用户一个升级提示,就没管了。 现在看起来,还是有无数人不肯舍弃啊(或者是不知如何舍弃?),那现在目光博客在IE6下长什么样子呢… Read More »

VC版极影开发手记

更新日志: 1:2011/07/12,初始版本。 2:2011/07/15,更改外观,现在看起来更VC了,增加内容介绍项目。 这是一篇对“VC版极影”的技术说明文章,一般用户请移步至使用讨论页面查看/提出问题和建议。 这个东西说来话长,我是用惯了VeryCD的人。看上面的动漫,一般一个新番就跟着一个字幕组走(否则翻译乱糟糟),本来的方法是用收藏夹把正在连载的项目都收藏起来,然后每天晚上回去,把收藏… Read More »

21个酷毙了的HTML5演示

再介绍几个HTML5的实例,相信各位看了,一定会大叫,“WoW!”。我是用Chrome浏览器观看确认过了,其他的浏览器不知道能不能正常观看…… 1、8位图像循环 这个演示可以产生惊人的动画效果,潺潺流水声加256色画面,不过看样子每一帧都可以使用独立的调色板,所有实际的动画效果要比单独的GIF好的多。 2、粒子字符动画 可以根据输入实时的生产动画,也许不是那么酷,但是很有含量。

HTML5中的Canvas(使用)

这个部分讲述html5的使用前准备和简单的使用例子。 ExplorerCanvas的准备 尽管微软的最新浏览器IE9已经支持Canvas了(据说的……自己还尚未验证),但IE9不知道现在有几个人用上了,更不要说国内那些洪水猛兽般的IE6用户了,不管我们有多么的不情愿,一大票的IE就是不支持Canvas,而它又是使用率最高的浏览器,我们必须做一点什么。了解一下ExplorerCanvas,然后到这里… Read More »