毕设-three.js系列
答辩老师:这代码你写的?
我特么当场博客打脸
闲人王昱珩
不忘初心,就不错了
展开
-
three.js入门(8)—— 天空盒研究、完善nodejs服务器、使用TrackballControls控制器
日更停了,因为碰到了坑,这章开始,会贴近于最终的毕设来学习。有需要学习three.js的童鞋可以前往该博客http://blog.csdn.net/birdflyto206个人感觉这个博主对three.js的解析更加丰富透彻,毕竟他是真的做游戏的,我是做前端的哈哈。 本章开始前,先填一个之前的坑,由于之前的服务器搭建的过于脆弱,做了一定的调整,如果是从第一章开始看的朋友注意将你一直在...原创 2018-01-26 10:36:10 · 2312 阅读 · 0 评论 -
three.js入门(7)—— 各种模型探究(2)
鉴于很多人看姿势博客基本只看个开头(从自己身上发现),所以会把后面的主要内容和重点内容先拎上来概括一下。 上一章的例子里给的图都是只有线,没有面,要么只有面,没有线,上网查了很多办法,这一章先来解决既有线又有面的问题。然后再来玩一下椎体模型、圆柱体模型和球体模型,球体模型我会重点关注,这跟我的毕设(搭建一个全景图平台)挂钩。最终所学会做成一个毕设网站,至于要不要申请域名,到时候看情况。 ...原创 2018-01-23 10:25:22 · 1634 阅读 · 0 评论 -
three.js入门(6)—— 各种模型探究(1)
在探究模型之前,先放一张官网的图,看一下大致有多少种模型可供使用。接下来两到三章应该都是针对于geometry的研究,关于material材质的研究放到后面去(发现了一个大坑)可以看到,API文档里给出的模型大体分为两种,一种是XX模型,还有一种是XX缓存模型,之前的demo演示中我一直使用的是最基本的BoxGeometry(盒模型)。关于缓存几何模型的官网描述缓存几何模型(Buffe...原创 2018-01-18 16:08:48 · 1171 阅读 · 0 评论 -
three.js入门(5)—— 辅助对象的使用、扩展一个新的基础方法调整对象参数
本来想说这一章节研究一下各种模型的,但我觉得应该将这个辅助工具单独拿出来玩一下,后面遇到难以理解的都可以开辅助,包括之前的一些可以开辅助的(估计写这个插件的人考虑到了美帝人民普遍数学比较差,空间想象能力不够用)聚光灯和阴影那一章由于数据计算比较复杂,我正好又是个数学文盲,所以很多东西推荐大家自己体验一下。上一章说到在研究聚光光源的时候遇到一些弃用的方法,如: light.shadow...原创 2018-01-17 15:04:29 · 1093 阅读 · 0 评论 -
three.js入门(4)—— 聚光灯和阴影探究
由于自己在这个领域也是刚入门,所以我都是一边写一边改的,在探究聚光灯和阴影之前,想对上一章讲到的相机旋转功能进行扩展,通过鼠标滚轮支持物体放大缩小查看,代码如下,想用的可以复制粘贴到demo里。 //监听滚轮,放大缩小物体document.body.onmousewheel = function(event) { var ev = event || window.event;...原创 2018-01-16 16:40:57 · 1407 阅读 · 0 评论 -
three.js入门(3)—— 相机旋转功能、各种光源探究
在上一篇文章里,可以搭建起一个基本的场景,包括一个会旋转的立方体。还埋了一个坑,一个0xff00ff的立方体为什么显示成黑色,这个问题会在后面的光源部分得到解决。先来讲讲相机的旋转功能。为什么要做这个功能?因为在three.js的世界里,坐标是三维的,所以里面的每个物体都可以立体起来,既然是三维物体,就有他的反面和正面,因此为了更好的观察物体的背影和正面,先来做相机旋转这个比较通用的功能。...原创 2018-01-13 15:47:56 · 13401 阅读 · 6 评论 -
three.js入门(2)—— 搭建第一个简单的场景
关于three.js这个插件,个人认为他的基本思路跟传统意义上的其他js(如swiper layer等插件)完全不一样,别的插件都是致力于让网站的某些效果实现起来更加容易和多样化,但three.js更像是某种游戏引擎,算是在浏览器的环境中封装了一层可以创建模型,控制模型的一系列方法,当然它也可以实现很多很神奇的,很酷炫的前端效果(大部分前端工程师会选择canvas,或者基于canvas封装,个人认...原创 2018-01-12 15:06:25 · 869 阅读 · 1 评论 -
three.js入门(1)——用node.js在本地搭建最基本web环境
学习three.js为什么要搭建本地服务器?(强调一下只是一个最基本的,实际项目中,逻辑还是很复杂的,不要用下面的代码)公:在文件夹里运行的时候发现网上的图片材质加载不出来。索性搭个服务器让它走http流程。私:之前学的node.js由于长时间不使用,已经完全生疏了,之前有在eclipse里搭建一个tomcat服务器,各种配,各种配,各种配,配了一整天,脑廓都配爆炸了,今天花了一上午(回顾...原创 2018-01-05 15:25:33 · 7427 阅读 · 2 评论