阅读更多

30顶
2踩

Web前端

原创新闻 暴强:14k javascript 写的超级玛丽

2008-04-10 15:08 by 副主编 QQbyte 评论(51) 有20472人浏览

Jacob Seidelin正在做一件很牛的事情,而且很有趣,这就是一个只用了14k javascript 写的超级玛丽程序! 

 

 这个程序所有的内容都只占用很小的空间,包含在一个javascript文件中,而且没有一个外部图片文件,所有的图像信息都是用javascript 渲染canvas元素或者老式div生成策略(for IE)而成的。sprites存储在定制编码字符串中,只能存储4种颜色,但是每个sprite只占用40-60 bytes,大大节省了存储空间。

 

同时MIDI音乐用base64编码数据嵌入,URI定位,但没有支持IE的音乐,其他浏览器或多或少有点小问题,但是这是一件很好的作品,不是吗?

去看看:

Regular version: no music or with music

Double size: no music or with music

来自: ajaxian.com
30
2
评论 共 51 条 请登录后发表评论
51 楼 winstonczc 2009-05-04 15:44
太牛了,偶象
50 楼 YQH2009 2009-01-15 09:53
js很厉害啊,要好好学学
49 楼 rayking 2008-05-19 09:48
找了半天蘑菇
48 楼 zhengchaojun8720 2008-05-12 10:15
cpu占用太高了,画面不流畅,不过这里就能看出来javascript的强大了,期待着她的发展了,支持
47 楼 windFeng 2008-05-09 19:01
牛的不像话,哪里有体验的地方?
46 楼 winfield 2008-05-08 19:52
没有蘑菇。。。。。
45 楼 qianmu 2008-05-07 12:45
44 楼 skymouse 2008-05-06 21:52
太牛B了.
43 楼 echenyin 2008-05-06 21:03
牛逼。。。。相对于14k来说
42 楼 笨笨狗 2008-04-18 12:10
我想告诉大家,在看完这个时候能提起对js绘图的兴趣,canvas是好东西,我喜欢,呵呵
41 楼 angelox 2008-04-13 08:13
IE下没有响应,firefox下正常。什么原理?
40 楼 sp42 2008-04-13 00:36
作者在JS图形化方面帅得很,--估计JS除UI外,一些轻量级的图形应用是发展方向之一。
39 楼 sp42 2008-04-13 00:21
想不到GAME依靠这样的方式开源啊~
38 楼 codeutil 2008-04-12 23:15


牛!!!
37 楼 kafuka2008 2008-04-12 21:52
大师,我想拜您。。。
36 楼 xl45591275 2008-04-12 01:07
很不错。技术过关!
35 楼 sptzone 2008-04-11 23:34
好象没有蘑菇啊。
可怜的马利!
34 楼 ray_linn 2008-04-11 22:41
而且很小的javascript却站用了很多内存和CPU...
33 楼 ray_linn 2008-04-11 22:39
能用图片完成的不用图片完成这叫技术炫耀.
32 楼 dmewy 2008-04-11 17:47
太强了哈...

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • UML对象设计与编程

    《UML对象设计与编程》系统地阐述了对象技术的基本概念,详细讲解了统一建模语言(UML)、对象类(Class)和对象实例(Instance)、关联(Aaaociation)和继承(Inheritance)、对象替代和多形性、静态和动态模型、需求和应用事例分析、事件序列图、抽象类和界面、包装和部件等内容。全面介绍了20多种对象设计样式(Pattern)及其实际应用。内容从入门到精通,博大深入,涵盖最新的面向对象技术,如持久对象(Persistent Objects)与关系数据库(RelationalDatabase)、分布式对象(Distributed Objects,CORBA)、界面设计(Inteface Design)、可扩充标记语言(XML)、网上应用系统等。同时,透彻讨论了各种大规模系统结构,作者力图通过本书的教学把读者从开发人员提升到设计师的水平。 《UML对象设计与编程》共分九章,以统一建模语言(UML)图解式表述内容。作者身处信息技术前沿,积累了深厚的实践经验,书中丰富的图片和大量来自现实项目的设计案例,融会贯通,举一反三,可帮助读者迅速、深刻领会面向对象设计的精髓。本书不使用特定的编程语言,但书中所有对象设计都可直接用于C++,Java,Visual Basic,IDL等语言,使读者能置身程序语言之上,进行系统和规划,提高自身的软件专业水平。第一至第七章附有大量习题,第九章给出了完整答案,方便读者总结、复习和提高。 《UML对象设计与编程》既可作为高等院校计算机科学与技术专业相关课程教材,也可作为广大计算机程序开发人员自学指导书和技术参考书。本书让读者一书在手,终身受惠,是软件编程人员的好良伴。

  • 【设计模式从青铜到王者】第二篇:UML类图与面向对象编程

    系列文章目录 前言 一、设计概念 二、对象和类 三、类层次结构 四、面向对象程序设计基础概念 1.抽象 2.封装 3.继承 4.多态 5.对象之间的关系 总结 前言

  • 设计模式学习笔记(二):UML与面向对象设计原则

    1 UML 1.1 UML UML(Unified Modeling Language)是统一建模语言,1997年11月UML1.1版本提交给OMG并正式通过,成为建模语言的个那个也标准。2003年6月UML2.0获得正式通过。 1.2 UML特性 U(Unified):统一,UML融合了多种优秀的面向对象建模方法以及多种得到认可的软件工程方法,消除了因方法林立且相互独立而带来的种种不便,集众家之长,股名“统一”。通过统一的表示方法可以让不同知识背景的领域专家,系统分析设计人员以及开发人员可以方便地交流

  • 《UML面向对象建模与设计》一书

    《UML面向对象建模与设计》一书 UML面向对象建模与设计 编辑 《UML面向对象建模与设计》一书,是“面向对象建模与设计”领域的经典著作,详细论述了面向对象的概念、图形表示法和开发方法学,还配有丰富的习题,覆盖了一系列应用领域以及实现目标,而且在书的后面给出了部分习题的答案。可作为高年级本科生及研究生软件工程或面向对象技术课程的...

  • UML复习

    UML笔记 UML的主要内容就是画图和面向对象的分析设计。 画图的过程中我们要注意每种图的元素和每种图的作用。 面向对象的分析设计中我们要了解OA和OD的思想。 这些都是考试的重点 1. 用例图 1.1 什么是用例 用例是一个活动者(Actor)使用系统的一项功能时所进行的交互过程的一个文字描述序列。 用例的作用 用例是软件从需求分析到最终实现的最后一步,它显示了用户希望系统实现的功能,有利于用...

  • UML面向对象建模与设计——笔记(一)

    UML主要是参考UML面向对象建模与设计(第二版)做的笔记。 这里涉及到UML建模的图,这里就用visio来现学现卖了。中间顺带插入一些用visio对应的操作。 visio绘制UML基本 1打开visio 2在模板类别中选择软件和数据库-选择UML模型图 3创建 一OO设计 OO设计的方法论开发的阶段 1系统构思 2分析 3系统设计 4类的设计 5实现 三种模型系统的视图

  • uml学习书籍

    uml真正有用的书5本足以,学习流程如下: 《UML distilled》《UML和模式应用》->《UML用户手册》 附加两本《UML对象设计与编程》《UMLOracle8建模》 《UML distilled》            由大名鼎鼎的fowler所著,他还写过《Refactor》和《anaysis pattern》还有和XP相关的《设计已死》都成为经典著作。这本书等同于C++中

  • UML面向对象建模与设计(第二版)pdf

    UML面向对象建模与设计(第二版)pdf

  • Java与UML面向对象程序设计.pdf

    内容简介 《Java与UML面向对象程序设计》旨在介绍使用Java和UML开发面向对象的软件所必需的知识,并将伴您走上使用Java进行真正面向对象软件开发的道路。《Java与UML面向对象程序设计》共分12章。《Java与UML面向对象程序设计》的前4章介绍了面向对象的精髓,第1章是关于对象的简介。第2章介绍了面向对象的基本概念以及UML的一些基本知识。第3章阐述了如何使用Java来编写面向对象程序。第4章介绍面向对象的分析和设计。第5章使用这些面向对象观点分析了图形用户界面(GUI)和Java Swing类库。第6章以一个小规模的Java应用程序为实例,将前5章的内容结合到一起。 接下来的章节让您对面向对象编程的实践方面有较好的了解。第7章介绍了设计模式。第8章介绍软件重构。第9章简要介绍针对大规模和小规模的面向对象软件项目以及当前的一些主要开发方法。第10章介绍当前一些面向对象软件开发的工具软件。第11章给出了作者为开发更好的软件而提出一些指导意见。最后,第12章提供了关于面向对象软件和Java方面更多的学习资源。 《Java与UML面向对象程序设计》强调理论和设计相结合,重视对软件开发方法学有指导作用的重要概念。《Java与UML面向对象程序设计》可作为高等学校计算机科学系及软件学院高年级学生和研究生的教科书,也可作为从事软件开发的管理者、系统分析员、程序员在学习面向对象程序设计时的参考书。

  • uml的学习--书籍

    http://maosea0125.blog.163.com/blog/static/212531242007422104241694/uml真正有用的书5本足以,学习流程如下:《UML distilled》《UML和模式应用》->《UML用户手册》附加两本《UML对象设计与编程》《UMLOracle8建模》《UML distilled》由大名鼎鼎的fowler所著,他还写过《Refactor》和《anaysis pattern》还有和XP相关的《设计已死》都成为经典著作。这本书等同于C++中的《Essen

  • 做真正Hacker的乐趣──自己动手去实践

    2004年我听编辑说有个年轻人写了本《自己动手写操作系统》,第一反应是不可能,恐怕是翻译稿,写这种书籍是要考作者硬功夫的,不但需要深入掌握操作系统的原理,还需要实际动手写出原型。 历史上的Linux就是这么产生的,Linus Torvalds当时是一名赫尔辛基大学计算机科学系的二年级学生,经常要用自己的电脑去访问大学主机上的新闻组和邮件,为了方便读写和下载文件,他自己编写了磁盘驱动程序和文

  • 评论《大道至简》的感想

    2004年11月初爱民第一次把他的书稿《大道至简》给我,我翻看了一下,第一反应讲的是感想,这不错,在技术界就是需要有真正实践经验的专家把他的思考和心得与我们分享。Aimingoo在Delphi领域颇有名气,其技术钻研的深度直达系统核心层,从其著作《Delphi源码分析》可见一斑。不过接下来第二反应就是太薄了,能不能加厚啊,比如说这些感悟都是有其来源的,可以把实际案例啊,背景故事啊都加上。不然太薄了

  • 【C++/OOP】(侯捷著)

    侯捷观点(系列书评 1/2)【C++/OOP 大系】《程序员》2001.01作者简介:侯捷,台湾电脑技术作家,着译评兼擅。常着文章自娱,颇示己志。个人网站:http://www.jjhou.com                    http://jjhou.readme.com.tw北京镜站:http://expert.csdn.net/jjho

  • 介绍几本COM的书籍(韩少勇)(上)

              介绍几本COM的书籍                     韩少勇      最有效的获取知识的途径就是读书,当然要读好书。难怪古人把求学也称作“念书”。引言实际上,写一些介绍电脑图书的文章是我长久以来的愿望。一方面由于我的朋友们经常让我为他们推荐一些切实有用的书,另一方面的原因是我在早些时候的学习并不很顺利,面对书店里鱼龙混杂的“繁华”,真是不知所措。结

  • 近10年来最重要的软件开发书籍《设计模式》

        近10年来最重要的软件开发书籍《设计模式》蒋涛 前言两年前曾经在中国计算机报写过几篇书评,那时候感觉软件开发方面的书籍虽然不少,可是精品屈指可数,仅有的几本老牌经典名著还版本陈旧,如Charles Petzld的《Windows开发指南》、 Jeffrey Richter的《Windows高级开发指南》、David Kruglinski的《VC 技术内幕》等。这两年可能

Global site tag (gtag.js) - Google Analytics