- 博客(20)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 系统分析与设计 -- hw16
使用 ECB 实现 make reservation 用例的详细设计（包含用例简介，顺序图，类图）用例简介 用户预订需要先输入城市名、入住日期，然后根据这些信息查询旅馆，并可以选择安装价格等排序显示旅馆；选择旅馆后，获取旅馆的房间信息并填写入住信息，然后确认预订。顺序图 类图 将逻辑设计类图映射到实际项目框架的包图。用树形结构表述实现的包和类 ...
2018-06-24 14:02:02
345
原创 THREE.js 实现屏幕只能看到指定区域
计图项目展示完了，虽然展示的时候模板测试这一块还是有bug（可见区域会受透视投影的影响导致形状发生变化或离开视野），但是避开了bug展示。 今天看了一些资料，有了一点灵感，终于大概修好了bug。1、功能设想实现像透过竹子口看世界一样的效果，就是像下图这样2、挣扎与灵感来源因为计图项目中的bonus有模板测试这一项，本着努力做完所有bonus的念头，开始着手研究。 看了一下o...
2018-06-20 18:57:21
3028
原创 微信小程序自定义组件
昨晚学习了一下实现一个简单的自定义组件，虽然官网的文档有四五个小节，但是看不太懂，找了一篇博客写的挺好的： https://blog.csdn.net/rolan1993/article/details/78801052这里分享一下大概的步骤，以及官网的一些例子带给项目的启发。步骤一在小程序项目中添加一个components文件夹，里面存放自定义的组件，然后在components...
2018-06-18 15:19:10
15825
原创 微信小程序输入多行文本
昨天把系分的项目又加了一点逻辑判断，比如已经下单的菜品不能减少，不能重复下单，应该先下单再支付等… 弄完购物车的逻辑之后，发现一直没有管备注那一块，于是输入了一下试试，结果发现不能换行…就非常丑陋 后来查阅相关资料发现，我用的wxml组件是input，只能单行输入，如果要支持多行输入，应该用textarea。下面就来介绍一下textarea：1、textarea的属性相关介绍...
2018-06-18 12:50:13
39064
2
原创 THREE.js 利用OrbitControls实现摄影机切换
计图大项目接近尾声，把自己部分的代码加入到大佬搭好的场景时，学习到了实现摄影 机切换的方法，于是分享一下。1、OrbitControlsOrbitControls类是three.js提供的鼠标、方向键与场景交互的控件，通过鼠标拉拽来改变camera的位置、旋转角度等，从而改变视觉，更有真实感。 其构造函数如下：OrbitControls( object : Camera, do...
2018-06-17 21:25:12
5812
2
原创 Three.js中camera的lookAt函数与OrbitControls冲突
今天想把整个场景往下沉一点，想要照相机也跟着沉，于是设置了camera.lookAt(new THREE.Vector3(0, -1000, 0));结果发现视角并没有发生改变，在网上查了一下发现是与three.js的OrbitControls控件有关系， 在OrbitControls的源代码中可以看到，camera的lookAt对象被更改了：THREE.OrbitControl...
2018-06-14 14:22:03
6333
7
原创 THREE.js创建三维文字TextGeometry
三维文字在许多场景中很常见，而THREE.js也为我们封装了TextGeometry类来更好（容易）地生成三维文字。先来看看官网的介绍： TextGeometry A class for generating text as a single geometry. It is constructed by providing a string of text, and a h...
2018-06-11 15:06:21
11983
10
原创 关于THREE.js中ParametricGeometry画不出来的原因
因为计图项目是海底世界创建，所以虽然画出了个竹子，但是还是想画海草。 由于海草也是波浪形的，想起之前在一个博客里看到了波浪平面的生成是利用ParametricGeometry生成的，于是也想试一试，就写出了如下代码：//海草形状var radialWave = function (u, v) { var r = 150; var z = Math.s...
2018-06-10 23:01:41
1575
原创 THREE.js 粒子系统
经常看到这样一些场景：漫天飞舞的雪花、夜晚草丛中点点萤光、小河上下起的绵绵细雨… 这些浪漫？？的效果都可以用粒子系统来实现，粒子系统用THREE.js实现就是通过Points或者Sprite类来实现的啦。一、Points A class for displaying points. The points are rendered by the WebGLRenderer using ...
2018-06-10 18:54:22
5019
原创 THREE.js 管道体TubeGeometry
THREE.js封装了很多几何体供我们使用，其中一个叫TubeGeometry的十分神奇， 它根据3d曲线curve来张成一条管道，我们来看看它的构造函数。TubeGeometry(path : Curve, tubularSegments : Integer, radius : Float, radialSegments : Integer, closed : Boolean)其中...
2018-06-10 18:09:24
10925
2
原创 node.js渲染html文件
参考了菜鸟教程的相关内容 以及这篇计图小组作业需要用到一些模型和图片，如果不放在服务器上就无法加载（js不提供直接从本地加载资源的方法）。 因为之前安装过node.js（ 可以说Node.js 就是运行在服务端的 JavaScript），因此刚好可以node.js搭建一个服务器。 但是如何用node.js渲染html文件呢？查阅相关资料发现Express可以胜任这个工作。 Ex...
2018-06-08 19:39:52
11431
原创 Three.js 面积光光源RectAreaLight
RectAreaLight RectAreaLight emits light uniformly across the face a rectangular plane. This light type can be used to simulate light sources such as bright windows or strip lighting. The...
2018-06-08 17:37:34
924
原创 Three.js半球光光照HemisphereLight
HemisphereLight A light source positioned directly above the scene.HemisphereLight类用于在场景中创建半球光，主要用在室外，但是没有阴影。构造函数HemisphereLight( skyColor, groundColor, intensity )各参数解释如下：skyColo...
2018-06-08 17:13:36
1602
原创 系统分析与设计 -- hw13
描述软件架构与框架之间的区别与联系【答】 软件架构（Architecture）就是把系统分解为一些部件，描述这些部件的职责及它们之间的协作行为，架构用于指导大型软件系统各个方面的设计。框架（framework）是特定语言和技术的架构应用解决方案，是具体语言和技术相关的。框架是集成了代码和多种第三方解决方案的工具，让开发人员聚焦业务逻辑代码而不是技术实现。框架与架构之间的联系： 框...
2018-06-08 12:28:57
546
原创 JavaScript分形树
参考博客：c++分形树绘制 js 利用canvas绘制直线、曲线1、算法描述假设A点坐标为(x,y)，B点坐标为(x0,y0)，C点坐标为(x1,y1)，D点坐标为(x2,y2)，α为主干和枝干的夹角（父枝干和子枝干的夹角），angle为当前要描绘的树干与x轴正方形的夹角（注意angle与α的关系），L为主干的长度。初始状态下，angle=π/2。实现的算法步骤： 1、画出...
2018-06-08 12:23:14
1596
2
原创 Windows c++界面开发初学（一）
今天先了解一些主流？？的开发的界面库一、Windows Api为使程序员编写具有Windows风格的应用程序，Windows提供了一个应用程序编程接(ApplicationProgrammingInterface，简称API)，它是Windows系统与Windows应用程序间的标准程序接口，可以为应用程序提供windows系统特殊函数及数据结构。使用Win32 API，应用程序可以充分挖掘...
2018-06-07 15:25:39
40302
3
原创 Three.js入门（三）
摘自Three.js入门指南 张雯莉 (作者)6、网格在学习了几何形状和材质之后，我们就能使用他们来创建物体了。最常用的一种物体就是网格（Mesh），网格是由顶点、边、面等组成的物体；其他物体包括线段（Line）、骨骼（Bone）、粒子系统（ParticleSystem）等。创建物体需要指定几何形状和材质，其中，几何形状决定了物体的顶点位置等信息，材质决定了物体的颜色、纹理等信息。网格...
2018-06-03 21:06:39
1063
原创 Three.js 天空盒
天空盒天空盒是用于增强场景表现力的一个常用技术，它一般通过在相机周围包裹一个纹理来实现。OpenGL中天空盒的思想就是绘制一个大的立方体，然后将观察者放在立方体的中心，当相机移动时，这个立方体也跟着相机一起移动，这样相机就永远不会运动到场景的边缘。在Three.js中，除了这种方法外还可以设置场景的背景，将六个面的贴图通过CubeTextureLoader()载入，顺序为[right,...
2018-06-03 18:13:29
6050
2
原创 Three.js入门（一）
摘自Three.js入门指南 张雯莉 (作者） 本书针对Three.js的几个重要话题分章节介绍，包括：Three.js和WebGL的背景资料、照相机的设定、在场景中添加物体、实现动画效果、导入外部模型、添加光源和阴影效果、着色器等。1、WebGLWebGL是基于OpenGL ES 2.0的Web标准，可以通过HTML5 Canvas元素作为DOM接口访问。WebGL可以看做是将...
2018-06-02 16:38:14
801
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人