【第21期】观点:人工智能到底用 GPU?还是用 FPGA?

入手Goo.js流程

原创 2016年08月31日 15:44:32

入手 Goo Create 流程

第一步,简单了解HTML语言

html语法需要掌握不多,大致了解下怎么用标签在页面上画东西就行,不需要记住所有标签名称,在需要的时候百度查找就行。

参考网站 http://www.w3school.com.cn/h.asp

第二步,了解些基础的JavaScript语法

WebGL的图形库通常使用JavaScript语言进行描写的,在使用的过程中,我们可能需要经常的阅读源码,所以JavaScript语言的语法是一定要了解的,更细节的地方,可以在使用中去逐步熟悉。

参考网址 https://developer.mozilla.org/zh-CN/docs/Web/JavaScript

这个网站是火狐的开发者网站,可以迅速的阅读左侧教程选项中的快速入门、中级教程,选择性的阅读JavaScript指南。然后编程时有可能遇到细节的语法问题,等到遇到时,再进行查阅。
火狐开发者文档

火狐开发者文档

第三步,初步学习Goo Create

Goo Create是一个在线编程的工具,可以比较方便的编程WebGL工程。首先登陆它的官网,注册一个免费账号,进行学习。首先要掌握的是不需要编程的部分操作。

参考网址:
Goo Create 首页 https://goocreate.com/
Goo Create 教程 https://learn.goocreate.com/#tutorials
Goo Create 用户手册https://learn.goocreate.com/manual/

Goo Create 教程页面

Goo Create 教程界面

第四步,结合脚本进行编程

仅仅靠鼠标,能做的事情还是很少的,要给界面中的物体加上script组件,才能更大规模的扩展它的功能。这里要做的事情是,结合实际需要实现的功能去阅读源码。比如,需要进行骨架编辑,那么就要通过源码,找到skeleton 与 entity 两者之间的关系,主要是搞清楚如何访问到骨架,和改变骨架的哪个成员变量的值,场景中的人体会发生改变。过程可能是比较痛苦和头疼的,需要一定的毅力。

参考网址:
Goo Create 脚本入门 https://learn.goocreate.com/manual/scripting/anatomy/
Goo Create 官方文档 http://code.gooengine.com/latest/docs/
Goo 源码 https://github.com/GooTechnologies/goojs

推荐阅读该源码的工具 ATOM 这个软件不光阅读Goo源码效果好,基本对于github上的开源代码,阅读起来都很舒服,选择添加工程文件夹,可以很方便的查阅某个文件夹里的代码,而且可以较为方便的调整编码格式(utf-8 GB18030)
ATOM界面

ATOM 界面

附上ATOM网站 https://atom.io/

注意事项

JavaScript语法非常的灵活多变,要特别注意它的对象相关语法,关于函数中的this指针的问题也要重视,它与C++ 、java中的this不一样。而且它的数组语法灵活多变,使用起来非常方便,相对的,看别人代码也会一时难懂。
要多借助F12开发者工具 和 console.log();语句

    console.log(“字符串”);         // 可在控制台输出这个字符串,方便了解程序执行
    console.log(  变量名  );           // 可将该对象的所有信息在控制台输出
    console.log(“ ”,变量名);           // 可一次输出多个信息,之间用逗号隔开

控制台输出效果一览

控制台输出效果浏览

版权声明:本文为博主原创文章,转载时,请附上本文链接 举报

相关文章推荐

深入理解 RCU 实现

深入理解RCU实现 ——基于内核2.6.21?RCU实现(lvyilong316) RCU(Read-Copy Update),顾名思义就是读-拷贝修改,它是基于其原理命名的。对于被RCU保护的共...

Google谷歌推出goo.gl缩短网址服务 - Blog透视镜

Blog部落格文章的网址,例如本篇文章:http://blog.openyu.org/2014/01/google-goo.gl.html,通常都很冗长,分享到社群网站上,容易使得讯息内容过多,同时也会引起读者的反感,Google谷歌推出goo.gl缩短网址服务,不但可以把网址缩短,还能提供统计资料供查询。

号外:物理构建类解谜游戏World of Goo下载

有朋友告诉我说,上次推荐的游戏World of Goo这个月13号已经发行了。大家快去下载吧。

调用google提供的短地址服务 http://goo.gl/

<div id="link-report" class="note" style="margin: 10px 0p

Goo3D 3d图片制作网站

Goo3D 3d图片制作网站 这是一个很酷的概念至少看上去很酷,通过三个侧面的图片就可以合成一个3维的物体,不知道这个网站具体做的怎么样 但是忍不住告诉大家,大家或者一起用一下,交流交流 贴一张图片 <img src="http://docs.google.com/File?id=dgqs

eGX3Gicev21z1goO

,F66W538CESYIG4GL,掳飞坛诼诼,HiHTfe9v8917467h,空乜辞屑瞪,Nb3AOn6ymW8iGTs2,砂倮致淖占,dTfF08IwzZ82Mml9,诼诽杆蔚诼,Q8pzhZ4...

Intro.js轻松搞定页面引导流程

Intro.js介绍:Intro.js是一个用于用户引导的js框架,只要你在项目中引入intro.js和 introjs.css文件,相应的元素上添加属性data-step步骤 data-intro引导说明文字 data-position相对位置,然后通过出发introJs().start();就可以实现复杂的引导流程。Intro.js演示:<a href="http://usabl

Rn8WMw5YOMajhLYNk0Goo

z1F9Rr缕敌浊墙欣欠http://lvyou.baidu.com/plan/bb55bc11d1d002e1387dba65?2yk6=0282_2017/1u fl5RbZ衣尉康傧赂呕http...

world of goo 攻略

最近找到一款好游戏,分享一下   玩法原理很简单,只要将小豆包拉出三角形,再一个一个三角形搭上去,到达烟囱就可以。每小关都有必须的豆包数要被吸入才算过关。但每一小关都很不一样,而且要靠你的智慧、耐性、技巧与细心才可以破局的。而且整个游戏的设计与音乐都好可爱的,还很搞鬼的,非常吸引。关关可爱,关关特别,关关惊喜<img src="http://public.blogbus.com/biaoqing/163/20.gif" alt

google推出短网址服务goo.gl(网址压缩服务)

goo.gl是互联网巨头Google推出的网址压缩服务 google可谓是多面开花了,服务的领域涉及到大家互联网应用的方方面面,而且其中的绝大部分服务都是免费的,年前google推出了针...
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)