总要有人来改变世界的,为什么不能是你呢
上一页 1 2 3 4 5 6 7 ··· 16 下一页
摘要: 一直以来都觉得typescript是以后前端发展的趋势,一些大厂的前端项目都已经在用ts来替代js了。 正好最近刚开始准备用pixi写个小游戏,因为刚开工没多久,于是今天就将之前的功能用ts去实现了一下,部分功能之前的博客也有提到过。 用的是vue-cli的3.11版本,并且选择了TypeScrip 阅读全文
posted @ 2019-09-02 01:19 桔子桑 阅读(2780) 评论(0) 推荐(0)
摘要: 在pixi中,添加一个精灵元素,你可能需要,先将贴图load进来,然后才能添加到场景中去,所以一般会这么操作 不难看出,上述代码,往场景中加了6棵树。 当要添加很多不同元素的时候,需要的贴图可能会很多,而且load贴图是不能同时load两张以上的贴图,会报如下错误 所以,雪碧图就产生了,将多张资源贴 阅读全文
posted @ 2019-08-31 01:50 桔子桑 阅读(571) 评论(0) 推荐(0)
摘要: 前端请求后端数据,难免会遇到如下几个问题: 1⃣️跨域 2⃣️post/get,其中post请求的方式又分为多种 3⃣️后端数据返回格式(上一篇已经有讨论过,这里不再赘述) 用koa2的话,如何解决这些问题呢? 一、跨域 前端项目跑在localhost:8080,后端服务跑在localhost:19 阅读全文
posted @ 2019-08-20 14:26 桔子桑 阅读(1824) 评论(0) 推荐(0)
摘要: 在我看来,前端框架的中间件的思想来源于传统后端的切面编程(AOP)思想,比如我们常见的身份校验(JWT)。 axios的拦截器也是基于这种程序设计模式的。 在koa中,实际上是由一个数组对象来保存所有的中间件的,原理解析可以参考这篇博客:https://www.cnblogs.com/dashnow 阅读全文
posted @ 2019-08-19 23:16 桔子桑 阅读(1635) 评论(0) 推荐(0)
摘要: 在那个刀耕火种的年代,用过jQuery的都体会到了jQuery带来的便捷,尤其是元素选择器. jQuery(www.jquery.com)的核心就是通过 CSS 选择符查询 DOM 文档取得元素的引用,从而抛开了getElementById()和 getElementsByTagName()。 08 阅读全文
posted @ 2019-08-15 16:07 桔子桑 阅读(210) 评论(0) 推荐(0)
摘要: 来张效果图先: 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)
摘要: 1⃣️递归 阶乘函数: 改装一:(arguments.callee指向正在执行的函数的指针,实现解耦) 改装二:(解决严格模式下不能使用arguments.callee) 2⃣️闭包的作用域链 在匿名函数从 createComparisonFunction()中被返回后,它的作用域链被初始化为包含 阅读全文
posted @ 2019-08-09 16:07 桔子桑 阅读(222) 评论(0) 推荐(0)
摘要: 之前有篇博客曾提到过一点js的面向对象编程:js面向对象编程. 这里就结合js高程详细剖析一下javascript的面向对象编程. 前序: 1⃣️Object.defineProperty() vue2.x版本的双向数据绑定就是基于该API和订阅/发布模式实现的; 如果同时定义多个属性,可通过如下A 阅读全文
posted @ 2019-08-09 12:37 桔子桑 阅读(269) 评论(0) 推荐(0)
摘要: 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)
摘要: 说明:绘图区域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)
摘要: 觉得shadertoy上的一些网友的作品写得很好,加上自己对glsl一些内置函数,内置变量不是很熟悉,于是决定开始学习一下上面一些大佬的代码。 今天的案例是这个: 附上shaderToy的地址:https://www.shadertoy.com/view/ll2GD3 用three.js的Shade 阅读全文
posted @ 2019-07-31 00:43 桔子桑 阅读(4890) 评论(0) 推荐(0)
摘要: 最近一个项目(vue)需求是用硬件来触发web端页面显示以及效果的切换,客户的硬件设备只支持用tcp协议通讯,而我们的前端呢是用不了tcp的,众所周知在浏览器端,我们只能用http/https协议(ajax)和websocket协议来通讯,前端页面开发完成之后,我用node起了一个websocket 阅读全文
posted @ 2019-07-25 01:04 桔子桑 阅读(2299) 评论(0) 推荐(0)
摘要: 项目github地址:https://github.com/ecojust/flyline 前面写过一个飞线(基于THREE.Line进行的颜色变化),只是简单地将可视区片元颜色的alpha通道值设为1.0,不在可视区的设为0.0。效果是这样的: 做得很粗糙,而且因为线是没有粗细的,所以效果也不是很 阅读全文
posted @ 2019-07-18 23:56 桔子桑 阅读(1968) 评论(4) 推荐(0)
摘要: 先上一个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)
摘要: 为了加深自己对着色器语言的认识,于是就着手写了一个简版的"飞线"。 做3D的或者做可视化的应该对这个词不陌生,一般会用在地理方面的3D需求上,废话不多说,先上今天的demo的gif图示: 看完效果,让我们继续一步一步地看是怎么实现的 一、写在着色器之前 三部分: 1⃣️地球 地球的旋转,直接在每次渲 阅读全文
posted @ 2019-07-14 23:29 桔子桑 阅读(1411) 评论(0) 推荐(0)
上一页 1 2 3 4 5 6 7 ··· 16 下一页