WillBean's Blog

先前想做个3D人物移动场景，那就必然会遇到碰撞检测的问题，那么今天就来浅谈一下Three.js的碰撞检测。 规则几何体球体在规则几何体，球体的碰撞检测是最好处理的，只要判断两点圆心之间的距离是否小于两球体半径之和便可判断是否发生碰撞。 1234function isCrashed() { var dist = sphereL.position.clone().distance... 阅读全文…

下文摘自ES5/标准 ECMAScript 内置对象 全局对象唯一的全局对象在控制进入任何执行环境前被创建。 除非另外指明，全局对象的标准内置属性拥有特性 {[[Writable]]: true, [[Enumerable]]: false, [[Configurable]]: true}。 全局对象没有 [[Construct]] 内部属性 ; 全局对象不可能当做构造器用 new 运算符调... 阅读全文…

接触前端也有几个年头了，却发现自己从来没有好好的看看ECMAScript规范，闲来无事，就从ECMAScript2015看起吧~摘录部分内容到自己的博客，以备忘~ 英文原版在这 中文版在这 下文摘自ES5/概述 原始值在本规范的 第8章 定义的 Undefined、Null、Boolean、Number、String 类型之一的成员。*注： 原始值可以直接表示语言实现的最底层数据。 对象对象... 阅读全文…

入职有道数月，主要参与了精品课垂直页的改版，期间遇到了不少坑，虽然还未正式上线，但是也值得总结一波，故写下此文。 需求介绍 首页部分：加入日志控制工具以收集、统计用户操作；改写搜索框写法，将搜索框提取成独立的共用组件。 垂直页部分：此次改版集中在垂直页，新版垂直页将导航部分改版加入搜索框；重新设计了Banner部分；课程分类重新设计；课程入口信息增多样式改变；将原本的两列布局改成新版的一列布... 阅读全文…

结合上一篇文章Three.js实现仿IOS live图效果，我们来体验一波WebVR~ 本文基于webvr-polyfill，苦于没钱购买专业版的VR设备，就只能做个可以用普通VR眼镜看的程序了。所用到的原理倒也简单，webvr-polyfill会把屏幕分为左右两视图，并加入基于陀螺仪的控制器，当佩戴VR眼镜时即可看到3D效果。 加入背景上一篇中实现了Photo.js组件，现在给场景加入一些... 阅读全文…

一、需求分析四月出游浪了一波，拍了一堆live图的照片，于是乎就想做个Web页，把这些照片展示出来，正逢最近学习了一些Three.js，就想着用上着技术做个小玩意出来。上网搜索了一波，苹果官网推出了一个live photos的框架，但是并不适用于canvas，就寻思着模仿着做一个吧~ 二、组件设计既然是模仿，那就要知道别人是怎么做的。新建了个HTML文件，导入livephotoskit.js... 阅读全文…

一、安装telnet服务1sudo apt-get install xinetd telnetd 二、修改/etc/xinetd.conf，在# log_type = SYSLOG daemon info下面添加内容12345instances = 60 log_type = SYSLOG authpriv log_on_success = HOST PID log_on_fai... 阅读全文…

一、格式转化 下载python.到python官网https://www.python.org/进行下载，由于我是使用windows，所以直接下载了python3 windows的安装包，一路next完成安装，安装完成再配置一下环境变量即可。 下载three.js提供的格式转换文件——convert_obj_three.py （three.js官网可下载，或者到其github直接复制粘贴），... 阅读全文…

前言：由于经常使用微信登录其他一些博客论坛什么的，就会经常遇到扫一扫登录的情况，大家都知道，我们平时访问的网页一般都是无连接的，也就是说需要数据的时候即便发出请求，服务器接受到请求之后便处理并返回相应的数据，这时连接就已经断开了，而使用扫一扫登陆的情况确是相反的，页面中的二维码一直等待着我们使用手机去扫描它，扫描过后页面完成登陆操作并进行一些跳转，那么问题来了，这是怎么实现的呢？怀着好奇心，... 阅读全文…

一、准备工作 首先当然是安装node，这一步忽略。 然后是各种模块，本实例用到了http、fs、url、cheerio、request、async、phantom，前三个是node自带的，无需install。 因为要服务器渲染，所以要用到phantomjs，这个需要自行安装一下，最后再配置一下全局环境。 二、模块解释 cheerio模块用于解析DOM树，进行DOM操作， 具体用法跟JQue... 阅读全文…