`

cocos2d-js 初学

 
阅读更多

最近对cocos比较感兴趣,周末没事配了一下环境,跟着教程做一个跑酷程序,做一下笔记。第一节

1.

cc.view.setDesignResolutionSize(480, 320, cc.ResolutionPolicy.SHOW_ALL);

 设置屏幕分辨率以及拉伸方式

2.

cc.view.resizeWithBrowserSize(true);

 设置covas随浏览器大小而改变

3.

cc.LoaderScene.preload(g_resources, function () {
    cc.director.runScene(new HelloWorldScene());
}, this);

 预加载资源,并导演第一个HelloWorld场景

4.

cc.director.getWinSize();

 

获取covas size

5.

var centerpos = cc.p(winsize.width / 2, winsize.height / 2);

 去中心点为锚点 cc.p 相当于 cc.point

6.

var spritebg = new cc.Sprite(res.helloBG_png);

 cc.Sprite 创建一个二维图像

7.

cc.MenuItemSprite(normalSprite, selectedSprite,this.onplay,this)

 创建menu ,第一个为正常图像,第二个为点击是图像,点击时执行onplay

 

教程链接 http://www.cocos2d-x.org/docs/tutorial/framework/html5/parkour-game-with-javascript-v3.0/chapter3/zh

分享到:
评论

相关推荐

    Cocos2d-JS开发之旅 从HTML 5到原生手机游戏 PDF 带书签目录 完整版

    Cocos2d-JS是Cocos2d-x引擎的一个分支,它结合了JavaScript的易用性和C++的高性能,为游戏开发提供了一个高效、便捷的解决方案。 首先,Cocos2d-JS的核心概念包括场景(Scene)、层(Layer)、精灵(Sprite)、动作...

    Cocos2d-JS开发之旅完整版pdf

    Cocos2d-JS是Cocos2d-x项目的一部分,是一个跨平台的游戏开发框架,它将JavaScript和C++的优势结合在一起,使得开发者可以用JavaScript编写代码,同时享受到高性能的原生应用体验。该框架支持创建2D游戏、教育应用、...

    cocos2d-x-cocos2d-x-2.2.2.zip

    在cocos2d-x 2.2.2中,开发者可以利用C++语言进行编程,同时也支持Lua和JavaScript作为脚本语言,这大大增加了开发的灵活性。C++的性能优势结合脚本语言的易用性,使得游戏的开发过程既高效又便捷。同时,cocos2d-x...

    Cocos2d-js项目教程和Cocos2d-JS开发之旅 从HTML 5到原生手机游戏 PDF 带书签目录 完整版

    总的来说,"Cocos2d-js项目教程和Cocos2d-JS开发之旅"涵盖了从基础概念到高级技术的全面内容,无论你是初学者还是有一定经验的开发者,都能从中受益。通过学习,你将能够熟练运用Cocos2d-js开发出富有创新和吸引力的...

    cocos2d-js 开发之旅-源代码

    cocos2d-js是Cocos2D跨平台游戏引擎的JavaScript版本,它为Web开发人员提供了一个强大的工具集,用于创建2D游戏、互动应用程序和可视化内容。 在cocos2d-js中,主要涉及以下几个核心知识点: 1. **场景(Scene)**...

    Cocos2d-JS开发之旅

    Cocos2d-JS是Cocos2d家族的一员,它结合了JavaScript的便捷性和Cocos2d的高效性,为游戏开发者提供了一个强大的工具集,使得创建2D游戏变得更加简单。 首先,Cocos2d-JS的核心特性包括一个基于Box2D物理引擎的游戏...

    Cocos2d-JS开发之旅 从HTML5到原生手机游戏

    Cocos2d-JS是Cocos2d-x引擎的一个分支,它将Cocos2d-x的强大功能与JavaScript的易用性相结合,让开发者能够以一种高效且灵活的方式进行游戏开发。 在HTML5时代,Cocos2d-JS为开发者提供了在浏览器中运行游戏的能力...

    idea cocos2d-x cocos-intellij-plugin-2.0.0-beta.zip

    Cocos2d-js是一款强大的游戏开发框架,它结合了Cocos2d-x的性能和JavaScript的易用性,使得开发者可以使用JavaScript进行跨平台的游戏开发。在本文中,我们将深入探讨如何利用IntelliJ IDEA,一个备受赞誉的Java集成...

    cocos2d-iphone~cocos2d-html5移植之旅

    ### cocos2d-iphone至cocos2d-html5移植之旅:深入解析与实践指南 #### 引言 在数字化时代,跨平台游戏开发成为了一种趋势,尤其在移动设备和网页端之间的转换变得日益频繁。《cocos2d-iphone至cocos2d-html5移植...

    Cocos2d-JS游戏开发.pdf

    - **Cocos2d-JS绑定**:Cocos2d-JS通过绑定将Cocos2d-x C++的API暴露给JavaScript,使得开发者可以使用JavaScript操作Cocos2d-x。 #### 2. Cocos2d-JS的游戏开发流程 - **项目创建与管理**:使用Cocos Creator创建...

    Cocos2d-JS开发之旅 从HTML 5到原生手机游戏 PDF电子书下载 带书签目录 完整版.pdf

    Cocos2d-JS是Cocos2d-x引擎的一个分支,它结合了JavaScript的易用性和C++的高性能,为游戏开发提供了一个高效、便捷的解决方案。 HTML5是一种强大的Web标准,它引入了新的元素、API和功能,使得在浏览器中构建复杂...

    Cocos2d-JS-v3.0-API

    Cocos2d-JS 是一个基于 JavaScript 的游戏开发框架,专为创建2D游戏、交互式应用程序和视觉效果设计。v3.0 版本是该框架的一个重要里程碑,引入了多项改进和新特性,旨在提升开发效率和游戏性能。这个离线API文档...

    cocos2d-js物理引擎Demo

    《cocos2d-js物理引擎Demo深度解析》 在游戏开发领域,物理引擎扮演着至关重要的角色,它赋予游戏世界真实感和动态性。cocos2d-js是一款强大的跨平台2D游戏开发框架,其中集成的物理引擎是基于Chipmunk库实现的,为...

    Cocos2d-x学习笔记

    - 学习脚本语言:虽然Cocos2d-x支持多语言开发,但了解JavaScript、Lua等脚本语言,可以快速实现游戏功能和逻辑。 Cocos2d-x框架除了Windows平台外,还支持iOS、Android、Mac OS X、Web等平台,初学者在掌握了...

    cocos2d-x 案例开发大全 第二章(源码)

    7. **脚本支持**:除了C++,cocos2d-x还支持JavaScript和Lua脚本语言,提供更灵活的开发方式。在源码中,你可以看到如何通过脚本控制游戏逻辑。 8. **事件处理(Event Handling)**:cocos2d-x的事件模型允许开发者...

    cocos2d-1.0.1-x-0.10.0

    Cocos2d-x 是一个开源的游戏开发框架,主要用于创建2D游戏、图形界面以及实时应用程序。这个框架基于C++,并且提供了多种语言接口,包括Python、JavaScript和Lua,让开发者可以选择他们熟悉的编程语言进行游戏开发。...

    cocos2d-x权威指南

    cocos2d-x是一款非常流行的跨平台游戏开发引擎,支持多种编程语言如C++、JavaScript等,并且能够帮助开发者快速构建出高质量的2D游戏。接下来我们将从多个角度对cocos2d-x进行详细介绍。 ### 一、cocos2d-x简介 ...

    黄金矿工cocos2d-x完整源代码

    Cocos2d-x是一个开源的游戏开发框架,基于C++,同时提供了Lua和JavaScript的绑定,支持跨平台开发,包括iOS、Android、Windows等多个操作系统。对于Cocos2dx初学者来说,此完整源代码是一份宝贵的学习资源,可以帮助...

    Cocos2d-JS 快速入门——视频(上部分)

    这个快速入门视频教程系列将引导初学者深入理解Cocos2d-JS,从基础概念到实际操作,一步步构建你的游戏开发技能。 首先,让我们详细解读每个视频文件所涵盖的知识点: 1. **Cocos2d-JS 快速入门01_基础介绍.mp4**...

    Cocos2d-html5

    通过Cocos2d-html5,开发者可以利用WebGL进行硬件加速的图形渲染,结合JavaScript的动态特性,实现复杂的游戏逻辑。同时,Cocos2d-html5还提供了强大的场景管理、动画编辑器、粒子系统、物理引擎(如Box2D或Chipmunk...

Global site tag (gtag.js) - Google Analytics