会员
众包
新闻
博问
闪存
赞助商
HarmonyOS
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
总要有人来改变世界的,为什么不能是你呢
桔子桑
总要有人来改变世界的,为什么不能是你呢
博客园
首页
新随笔
联系
订阅
管理
上一页
1
2
3
4
5
6
7
···
16
下一页
2019年9月2日
pixi小游戏开发(vue+typescript)
摘要: 一直以来都觉得typescript是以后前端发展的趋势,一些大厂的前端项目都已经在用ts来替代js了。 正好最近刚开始准备用pixi写个小游戏,因为刚开工没多久,于是今天就将之前的功能用ts去实现了一下,部分功能之前的博客也有提到过。 用的是vue-cli的3.11版本,并且选择了TypeScrip
阅读全文
posted @ 2019-09-02 01:19 桔子桑
阅读(2780)
评论(0)
推荐(0)
2019年8月31日
用事件队列来处理pixi中的场景元素入场
摘要: 在pixi中,添加一个精灵元素,你可能需要,先将贴图load进来,然后才能添加到场景中去,所以一般会这么操作 不难看出,上述代码,往场景中加了6棵树。 当要添加很多不同元素的时候,需要的贴图可能会很多,而且load贴图是不能同时load两张以上的贴图,会报如下错误 所以,雪碧图就产生了,将多张资源贴
阅读全文
posted @ 2019-08-31 01:50 桔子桑
阅读(571)
评论(0)
推荐(0)
2019年8月20日
koa2数据请求相关问题解决方案汇总
摘要: 前端请求后端数据,难免会遇到如下几个问题: 1⃣️跨域 2⃣️post/get,其中post请求的方式又分为多种 3⃣️后端数据返回格式(上一篇已经有讨论过,这里不再赘述) 用koa2的话,如何解决这些问题呢? 一、跨域 前端项目跑在localhost:8080,后端服务跑在localhost:19
阅读全文
posted @ 2019-08-20 14:26 桔子桑
阅读(1824)
评论(0)
推荐(0)
2019年8月19日
koa2中间件
摘要: 在我看来,前端框架的中间件的思想来源于传统后端的切面编程(AOP)思想,比如我们常见的身份校验(JWT)。 axios的拦截器也是基于这种程序设计模式的。 在koa中,实际上是由一个数组对象来保存所有的中间件的,原理解析可以参考这篇博客:https://www.cnblogs.com/dashnow
阅读全文
posted @ 2019-08-19 23:16 桔子桑
阅读(1635)
评论(0)
推荐(0)
2019年8月15日
JavaScript高程第三版笔记-DOM扩展
摘要: 在那个刀耕火种的年代,用过jQuery的都体会到了jQuery带来的便捷,尤其是元素选择器. jQuery(www.jquery.com)的核心就是通过 CSS 选择符查询 DOM 文档取得元素的引用,从而抛开了getElementById()和 getElementsByTagName()。 08
阅读全文
posted @ 2019-08-15 16:07 桔子桑
阅读(210)
评论(0)
推荐(0)
2019年8月14日
着色器应用贴图纹理并修改顶点实现“平地起丘陵”
摘要: 来张效果图先: 1.利用PlaneBufferGeometry起了一块尺寸200X200的面板,后面的400,400是x轴y轴细分的三角形个数 2.为着色器材质提供贴图纹理,并设置repeat(贴图尺寸必须为2的n次幂) 3.因为plane被细分了(400 x 400,实际可能不是160000个顶点
阅读全文
posted @ 2019-08-14 00:23 桔子桑
阅读(905)
评论(4)
推荐(0)
2019年8月9日
JavaScript高程第三版笔记-函数表达式
摘要: 1⃣️递归 阶乘函数: 改装一:(arguments.callee指向正在执行的函数的指针,实现解耦) 改装二:(解决严格模式下不能使用arguments.callee) 2⃣️闭包的作用域链 在匿名函数从 createComparisonFunction()中被返回后,它的作用域链被初始化为包含
阅读全文
posted @ 2019-08-09 16:07 桔子桑
阅读(222)
评论(0)
推荐(0)
JavaScript高程第三版笔记-面向对象编程
摘要: 之前有篇博客曾提到过一点js的面向对象编程:js面向对象编程. 这里就结合js高程详细剖析一下javascript的面向对象编程. 前序: 1⃣️Object.defineProperty() vue2.x版本的双向数据绑定就是基于该API和订阅/发布模式实现的; 如果同时定义多个属性,可通过如下A
阅读全文
posted @ 2019-08-09 12:37 桔子桑
阅读(269)
评论(0)
推荐(0)
webrtc实现点对点视频通讯
摘要: html: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http
阅读全文
posted @ 2019-08-09 00:56 桔子桑
阅读(3281)
评论(0)
推荐(1)
2019年8月1日
非线性函数图像表示(GLSL)
摘要: 说明:绘图区域x轴(0->1),y轴(0->1); 1.y = 0.5 + sqrt(x * (1 - x)) 2.y = smoothstep(a , b , x) y = smoothstep(0.9 , 0.3 , x): y = smoothstep(0.3 , 0.9 , x)
阅读全文
posted @ 2019-08-01 17:22 桔子桑
阅读(1019)
评论(0)
推荐(0)
2019年7月31日
shaderToy学习篇
摘要: 觉得shadertoy上的一些网友的作品写得很好,加上自己对glsl一些内置函数,内置变量不是很熟悉,于是决定开始学习一下上面一些大佬的代码。 今天的案例是这个: 附上shaderToy的地址:https://www.shadertoy.com/view/ll2GD3 用three.js的Shade
阅读全文
posted @ 2019-07-31 00:43 桔子桑
阅读(4890)
评论(0)
推荐(0)
2019年7月25日
electron-vue小试身手
摘要: 最近一个项目(vue)需求是用硬件来触发web端页面显示以及效果的切换,客户的硬件设备只支持用tcp协议通讯,而我们的前端呢是用不了tcp的,众所周知在浏览器端,我们只能用http/https协议(ajax)和websocket协议来通讯,前端页面开发完成之后,我用node起了一个websocket
阅读全文
posted @ 2019-07-25 01:04 桔子桑
阅读(2299)
评论(0)
推荐(0)
2019年7月18日
shader飞线改进版
摘要: 项目github地址:https://github.com/ecojust/flyline 前面写过一个飞线(基于THREE.Line进行的颜色变化),只是简单地将可视区片元颜色的alpha通道值设为1.0,不在可视区的设为0.0。效果是这样的: 做得很粗糙,而且因为线是没有粗细的,所以效果也不是很
阅读全文
posted @ 2019-07-18 23:56 桔子桑
阅读(1968)
评论(4)
推荐(0)
2019年7月17日
GPU编程shader之正余弦波和幂/指数函数
摘要: 先上一个demo代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> html, body { margin: 0; height: 100%; } can
阅读全文
posted @ 2019-07-17 00:53 桔子桑
阅读(1108)
评论(0)
推荐(0)
2019年7月14日
利用贝塞尔曲线和着色器来写一个飞线
摘要: 为了加深自己对着色器语言的认识,于是就着手写了一个简版的"飞线"。 做3D的或者做可视化的应该对这个词不陌生,一般会用在地理方面的3D需求上,废话不多说,先上今天的demo的gif图示: 看完效果,让我们继续一步一步地看是怎么实现的 一、写在着色器之前 三部分: 1⃣️地球 地球的旋转,直接在每次渲
阅读全文
posted @ 2019-07-14 23:29 桔子桑
阅读(1411)
评论(0)
推荐(0)
上一页
1
2
3
4
5
6
7
···
16
下一页
公告