happyWang

技术人的博客, 说技术人的事

用pixi.js开发微信小游戏:移动端多屏适配实现

一直都是做网页开发,对于移动端的多屏适配可以说是比较有经验了,不管是用rem还是vw。不过在写游戏的时候,有点头疼了,完全不知道如何着手。 游戏里面元素的位置变化比较频繁多变,一开始是想的所有的位移都是基准屏幕(iPhone 6)的尺寸加上屏幕变化的比率。可这样,光想想就很头疼,这种不优雅的解..


canvas里面如何基于随机点绘制一个多边形

起因今天在学习《HTML5+Javascript动画基础》这本书的时候,在第八章的第三节讲到如何用三个弹簧连接三个点来做拉伸运动。 在做完例子之后,就想到如果是四个点,五个点,怎么样。 就改写了一下代码,把点的数目变量化。最终的效果是能实现各个点最终的拉伸运动到平衡,可是点之间的连线不是很好..


基于webpack来配置html的preload和prefetch

起因最近在做一个手机站点,服务器用的Google Cloud,但是用户多是国内的。所以在提升页面加载和响应速度这块,是很重视的。 一开始是想使用manifest.json来做Application Cache, 不过后面发现Google和FireFox都有提到打算废弃这个标准并建议大家改用Se..


微信网页jssdk分享,图片不显示的问题

问题今天公司运营要做拿之前的一个活动翻新重开一次,调整了分享文案,结果发出去之后,在自己这边是这样的: 但是在其他人看是这样的: 尝试解决一开始以为是图片本身的问题,尝试过png 转 jpg, 减小图片质量来减少体积,减少图片尺寸等等方法,都还是没法让其他人可见。 然后尝试着把分享配..


matplotlib的绘图在命令行中不显示的问题

最近在看Google的机器学习速成课程MLCC 中午的时候在看关于pandas这个数据分析库的介绍 中间有一个用直方图显示数据集的代码: import pandas as pd california_housing_dataframe = pd.read_csv("https://s..


一个ASI陷阱

使用es6学canvas游戏开发最新在看一本书《HTML5+JavaScript动画基础》, 基于这本书来学习Canvas游戏制作的。书很不错,介绍了很多游戏的基础概念。不过书里面的代码都是基于ES5编写的,现在是2018年了,所以打算边看边改写书里面的代码为ES6版本的。 前天晚上在做ch0..


非同名git分支的关联

重构最新在对之前开发的一个美食类的小程序《今天吃什么星人》做重构。这个是我做的头一款小程序,基于labrador框架来开发的。小程序开发上架之后,就没再动过。后面大家发现这款小程序慢慢有点人气,打算拿出来再优化优化看看 大家重新设计了首页和美食页,然后轮到我这边来开发。 从初次开发到这次打算改..


网站动图的优化

动效对于页面状态的转移是很必要的,大部分时候的动效可以用css+js来实现,不过有些时候,因为产品上的需要,就需要使用按帧播放的动画来实现。 其中比较常见的就是gif动图。 就比如我这边最近在项目里面用到的一个动图,原始图如下: 图片体积1.4MB,这么大的图片,肯定是不适合用来做动图。所以需..


微信小程序里面scroll-view组件的scroll-into-view属性失效问题

问题今天在重构之前写的一个小程序页面,在修改scroll-view组件之后,发现之前的scroll-into-view的跳转失效了 之前的页面是一直正常的,所以官方的关于scroll-view的一些tips是不会关联了 tip: 请勿在 scroll-view 中使用 textarea、ma..


小程序报错: Uncaught TypeError: Converting circular structure to JSON

今天把最近一直在开发的小程序放安卓手机上测试一下,结果某个页面就一直报错:Uncaught TypeError: Converting circular structure to JSON 先说一下基本的环境: 系统:Android 6.0.1 手机:小米4 微信版本:6.6.6 小程..