- 博客(10)
- 收藏
- 关注
RSS订阅原创 THREE.js（二）：设置材质线条宽度(lineWidth) 无效
问题：项目在使用线模型Line对应线材质LineBasicMaterial的线宽属性.lineWidth，是无效果的，官网给出的解释如下：可以通过Line2方式解决：/** 添加线条宽度测试*/private addLineTestCode(): void { // 1. 赋值空间点坐标，三个一组 var pointArr = [0, 0, 0, 0, 10, 0]; // 2. 创建 Line...
2022-01-20 17:28:48
2822
2
原创 THREE.js（一）：搭建Threejs + typescript + webpack项目
webpack + three.js + typescript + vue3 + elementui
2021-12-31 11:03:00
4018
3
原创 LayaBox游戏项目实录四：游戏中多边形属性雷达图
前言游戏项目中经常用到多边形雷达图，来表示人物的属性分布：像这种：（注：以上图片均来源自网络，不做任何商业用途）那今天跟随游戏项目，用 laya 画一个通用的属性雷达图。准备知识首先，任何雷达图都离不开圆，像下面这种，我们首先要明确一个概念：雷达图是建立在圆的内切图当中。（注：以上图片均来源自网络，不做任何商业用途）如何画多边形以正五边形雷达图为例，其他任意正多边形也一样，画图的原点在圆心（0,0），以r为半径作圆，作为正五边形的外接圆，则正五边形每条..
2021-10-29 16:47:15
2807
原创 openGL 学习笔记一:环境配置 vs2022
前言最近，开始复习下openGL的新手教程，这里记录下复习笔记。1.GLFWGLFW是一个专门针对OpenGL的C语言库，它提供了一些渲染物体所需的最低限度的接口。它允许用户创建OpenGL上下文，定义窗口参数以及处理用户输入，GLFW可以从它官方网站上获取。下载页http://www.glfw.org/download.html选32位就行，最新版本稳定版本 ：glfw-3.3.4，下载源码包之后，将其解压并打开。我们只需要里面的这些内容：编译生成的库 include文件夹接下
2021-09-16 22:58:42
4616
3
原创 LayaBox游戏项目实录三：多界面缓动动画的统一调用
游戏项目有一条需求是：完成多个组件同时缓动的效果。假设：UI界面有两个box，一个在上，一个在下，要求点击按钮后，同时下拉或者上滑。Laya给的缓动示例是：/** * 缓动对象的props属性到目标值。 * @param target 目标对象(即将更改属性值的对象)。 * @param props 变化的属性列表，比如{x:100,y:20,ease:Ease.backOut,complete:Handler.create(this,onComplete),update:n
2021-08-10 19:32:58
423
原创 LayaBox游戏项目实录二：战斗记录Panel组件优化
游戏战斗记录貌似每个游戏都有，一场战斗下来，可能记录的数据多达上千条，多人回合制记录的甚至更多。那么，对于超过一千条甚至更多的记录条数，在panel组件中有两种显示方式：一、创建1000多条item（可能是一个HTMLDivElement）,带颜色已经链接的条目。二、创建10~30条item,进行1000多条的复用。那么经过测试，1000条item照成的性能下降是显而易见的，FPS直接从60 降到了 20，画面出现不流畅甚至卡的感觉，由于游戏项目面向微信小游戏和移动端，性能要求很高，创建10
2021-08-02 20:45:15
398
原创 layabox 环形倒计时
laya官方没有环形倒计时的组件，我们现在自己制作一个：首先，创建一个box，在box下添加一个img。img属于box的子项,box的参数如下：代码中：this.mBox.mask=this.ttImg;this.mBox.graphics.clear();this.mBox.graphics.drawPie(86,86,86,0,360-this._angle,"#ffff00","#ffffcd")...
2021-06-22 15:43:06
386
原创 程序常用类后缀详解
class:-config ：配置类，缩写：cfg ，一般用于存储策划/产品给到的数据配置。-setting ：设置类，缩写：set，一般用于项目/功能的设置选项，比如设置界面的数据设置。-include：注册类，缩写：inc，用于根据类型注册并创建新的类型，一般配合工厂模式。-register：注册类，缩写：reg，用于注册项目用到的class-interface：接口类，缩写：I，用于定于接口。TypeScript语言也可用于定义类型，枚举。-entity：实体类，缩写：en..
2021-06-22 15:25:21
4212
原创 项目框架详解（一）
今天结合公司项目说一下项目工程学的概念，项目工程学是指将编程项目看作一项工程进行搭建的学问。就好比建房子，一般需要先打地基，搭钢筋水泥框架，然后开始在框架内进行砌砖，进而盖一层二层乃至更高层，搭建编程项目总体思路与此相似。我们现在尝试搭建一个项目框架，首先要有分层的意识，分层很简单，我们拿领域驱动设计（DDD）的思想来作为指导，将项目划分为：框架层（framework） 领域层（domain） 基础数据层（base） 插件层（plugin） 服务层（service）现在项目结构就确定了下来
2021-06-22 14:51:46
1747
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人