
webgl
codehuicn
学的是数学专业,喜欢有数学思维的代码,做的是前端开发,喜欢分析设计体验和后端流程。
展开
-
小游戏开发微信平台
在开发微信小游戏《六彩跳棋》后,发现 微信平台 提供的能力真的很方便和强大。之前已经介绍了跳棋游戏的 开发逻辑 ,以及使用 CocosCreator 游戏开发引擎和框架的开发经历,这次就轮到微信开发平台的 开发经历 了。使用微信扫码,进入微信小游戏《六彩跳棋》系统信息微信框架下,提供了获取用户设备和系统信息的接口。设备型号 不同,小游戏的运行效果可能不同,可以通过这个信息调整小游戏的兼容效果。屏幕尺寸 不同,小游戏的显示效果也不同,一般都会采用自适应,适应屏幕宽度,高度按照比例调节,还要注意屏幕的原创 2022-05-06 23:46:16 · 2370 阅读 · 0 评论 -
小游戏开发引擎CocosCreator
在微信游戏里搜索 六彩跳棋 ,点击 立即玩 吧!进去游戏后,需要点击 获取头像昵称 才能得到玩家数据,然后 划动屏幕 选择游戏模式,单击确定划动操作就可以了。原创 2022-04-17 23:06:28 · 4020 阅读 · 0 评论 -
小游戏开发初衷
我做的小游戏是跳棋,充满了童年回忆的游戏,现在棋盘找不到了,只能在小游戏上玩。原创 2022-04-12 00:44:54 · 3330 阅读 · 0 评论 -
threejs计算两条线段的交点和距离点最近的线段
在 threejs 创建的三维空间中,可以计算两条线段是否有交点,或者线段的延长线是否有交点,使用其中一条线段创建射线,使用另一条线段创建平面,获取射线和平面的交点就可以了。还可以在三维空间的某个点上计算最近的线段,分别计算点到线段的距离就可以了。下面是参考代码:// 获取两条线的交点var getPublicDot = function ( line1Dot, line1Direction, line2Dot, line2Direction ) { var dotPublic = ne原创 2021-06-30 17:05:54 · 2579 阅读 · 0 评论 -
使用threejs和canvas创建中文文字精灵
在 threejs 和 jquery 的支持下,可以在三维空间里创建文字精灵,精灵模型始终面向用户,支持中文。参考代码如下:// 创建文字精灵var getTextCanvas = function ( text, opt ) { var option = { fontFamily: 'Microsoft Yahei', fontSize: 40, fontWeight: 'normal', lineHeight: 1.4,原创 2021-06-30 16:38:13 · 1799 阅读 · 0 评论 -
threejs合并模型的几何体提高渲染速度
对 dae 格式的三维模型进行合并,第一个函数对模型类型分类后合并,第二个函数对同一类的模型合并,第三个函数对模型的几何体合并;使用了 threejs 类库和 jQuery 类库的方法。合并后的模型由于数据没有共用,模型体积比合并之前的多个模型体积总和大;合并后的模型在渲染时比合并之前的多个模型减少了渲染的计算和处理次数,渲染速度比较快。下面是参考的代码:// 模型操作类var ObjectHelper = function () { this.objectTag = 'ObjectHelp原创 2021-06-30 16:17:03 · 1470 阅读 · 0 评论 -
threejs 绘制多段虚线
threejs绘制多段虚线在三维的webgl类库threejs下,绘制多段实线没有问题;使用同样的方式绘制多段虚线却出现了问题。简单说明一下,虚线绘制时,类库的方法是计算相邻两个端点的距离,然后生成虚线段,所以在绘制多段虚线时,需要重复端点一次。下面是参考的代码: var getDashedLine = function ( points, opt ) { if ( !p...原创 2019-03-11 15:08:15 · 3549 阅读 · 0 评论