Node.JS快速入门

1.1 了解NodeJS

简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。 Node.js是一个事件驱动I/O服务端JavaScript环境,基于Google的V8引擎,V8引擎执行Javascript的速度非常快,性能非常好。

1.2 NodeJS安装

(我们现在使用的版本是8.9.4)

选安装目录进行安装

  • 默认即可
  • 测试
  • 在命令提示符下输入命令

会显示当前node的版本号

2.1 控制台输出

我们现在做个最简单的小例子,演示如何在控制台输出,在e盘创建文件夹nodedemo ,创建文本文件demo1.js,代码内容

我们在命令提示符下输入命令node demo1.js ,结果如下:

2.2 使用函数

我们刚才的例子非常简单,咱们这里再看一下函数的使用:

我们在命令提示符下输入命令node demo2.js ,结果如下:

2.3 模块化编程

创建demo3_1.js

创建demo3_2.js

2.4 创建web服务器

创建demo4.js

http为node内置的web模块,我们在命令提示符下输入命令 node demo4.js ,结果如下:

心情是不是很激动呢?

Ctrl+c 终止运行。

2.5 理解服务端渲染

我们创建demo5.js ,将上边的例子写成循环的形式

我们在命令提示符下输入命令node demo5.js ,在浏览器测试结果

我们右键\”查看源代码\”

这里我们发现,并没有我们写的for循环语句,而是直接的10条Hello World ,这就说明这个循环是在服务端完成的,而非浏览器(客户端)来完成。这与我们原来的JSP很是相似。实际中这些数据有可能由node直接读取数据库,或是通过ajax访问其它网络资源获取

2.6 接收参数

创建demo6.js

我们在命令提示符下输入命令nodedemo6.js ,在浏览器测试结果

本次主要讲解了NodeJS在window环境下的安装及使用。通过本篇文章希望大家可以掌握NodeJS中函数基本使用、了解什么是模块化,如何创建web服务器以及理解什么是服务器端渲染。

Threejs教程——交互

Threejs是一个非常棒的图形库,可是对于一些交互逻辑,实现起来就没有那么容易了,这篇我们来讲解下如何实现一些常见的交互操作,比如点击、mouseover等效果。

首先来看看Threejs是如何实现交互的。在3d的世界中,我们选取一个物体不像2d平面立面那么简单,因为我们所对应的是一个3维的世界,而鼠标所在的屏幕是一个2d的世界。这个时候Threejs会为我们提供一个叫做Raycaster的类,为我们提供的是一个射线,然后我们可以根据不同的方向去发射射线,根据射线是否被阻挡,来判断我们是否碰到了物体。

我们来看看如何使用Raycaster类来实现鼠标滑过物体的显示效果,首先我们实例化raycaseer的对象,以及一个记录鼠标位置的坐标mouse,选中的3d模型selectedObject ,选中的3d模型材质selectedMaterial,高亮的材质hightLightMaterial。

然后我们在主循环中实现raycaster的射线测试工作

实现了mouseover以后,点击事件就显得比较简单了,我们只需要在注册mousedown事件,然后判断是否有选中object

boxhelper是一个显示object外框的辅助类,我们用来显示选中效果,初始化代码如下

最终效果如下:

在线demo:http://tmp.linhongxu.com/learnThreejs/interactive.html

转载自:http://www.linhongxu.com/post/view?id=228

本文作者及来源:Renderbus瑞云渲染农场https://www.renderbus.com

点赞 0
收藏 0

文章为作者独立观点不代本网立场,未经允许不得转载。