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
文章为作者独立观点不代本网立场,未经允许不得转载。