最近业务比较忙,但是我们追求 3D 世界的脚步不能停下来~某天在路上看到一辆辆飞驰而过的汽车,想到要不要弄一个赛车类的游戏
没有再用原生,而是使用了 threejs,毕竟大点的 3D 项目,再用原生就是自己给自己找麻烦了……
本文从 0 到 1 讲解了这个游戏的开发过程,其中没有专门的介绍 webgl 和 threejs,没有基础的同学可以结合 threejs 文档一起看,或者先学习一下 webgl 的基础知识~
游戏地址如下:
-
用 threejs 制作一款简单的赛车游戏 3
-
使用 gka 加速 createjs 动画开发及图片优化
In Web开发 on 2017年09月12日 by TAT.joeyguo view: 3,2692CreateJS 是基于 HTML5 开发的一套模块化的库和工具,用于快捷地开发基于 HTML5 的游戏、动画和交互应用。
gka 为 createjs 开发定制模板 gka-tpl-createjs ,仅需一行命令,优化图片资源,生成雪碧图及 createjs 动画文件。关于 gka 更多了解,请点击 https://github.com/gkajs/gka
-
AlloyTeam Conf 2017 前端技术大会震撼登陆,明星团队讲师倾城而出! 2
每年一度的 AlloyTeam Conf 大会即将于 2017 年 10 月 29 日在深圳盛大举行!届时,腾讯明星前端团队 AlloyTeam 讲师会到场,将一年来业界前沿技术,成熟技术实践,顶尖解决方案,全方位的呈现给所有到场的开发者。
往届 AC 大会,汇聚了 AlloyTeam 在业内最为知名,最具实力的前端工程师,如图形动画界网红专家当耐特,iPresst 两位作者 老教授 和 何骏,AlloyImage 作者 dorsywang, 知名技术博主吕小鸣,webpack 中文社区负责人李成熙等等。
主办方腾讯 AlloyTeam,国内最卓越的前端团队之一,团队成员在业内各技术领域,如图形动画处理、前端工程化、性能优化等方面都有许多优秀的实践以及技术贡献。多年来也推出了许多业内称道的技术产品,如 iPresst, AlloyTouch, AlloyImage 等等。本次大会,不仅有干货满满的分享,深入的技术交流,也可能会有新的技术产品惊艳发布哦!
错过了这次大会,你就会与业界最前沿技术知识和最专业技术方案失之交臂。
-
印记中文推出文档 CDN + COS 部署方案 0
简介
印记中文的成立主要是为了协助社区更好地翻译与部署文档。最近联合腾讯云一起设计了一套有效提升访问速度及降低流量消耗成本的方案,即 COS 对象存储服务 及 CDN 加速方案。本文主要描述方案大体的实现过程,如果你是技术文档的管理者,苦于没有优秀的文档部署方案,可以联系印记中文 (docschina),我们会提供接入服务。如果你遇到性能问题,我们也可以提供免费的技术咨询服务
** QQ 群:492361223 **
也可以关注我们的公众号:
-
AlloyTeam ESLint 配置指南
In JavaScript on 2017年08月28日 by xcatliu view: 19,21510ESLint 是一个应用广泛的 JavaScript 代码检查工具。本文主要介绍由 AlloyTeam 总结的 ESLint 配置,以及应用 ESLint 配置时的一些经验和工具。
配置原则
我们依据以下三条原则,研读了 ESLint 所有的配置项,定制出了心目中「完美」的 ESLint 配置。
- 能够帮助发现代码错误的规则,全部开启
- 配置不应该依赖于某个具体项目,而应尽可能的合理
- 帮助保持团队的代码风格统一,而不是限制开发体验
-
英文技术文档看不懂?看印记中文就够了! 2
英文技术文档看不懂?看印记中文就够了!
学习技术的时候,苦于找不到好的中文文档?现在不用担心了,印记中文能帮你解决技术文档的难题!我们专注于做最权威,质量最高的技术文档翻译社区。
进入官方网站:www.docschina.org
-
快速制作高性能帧动画解决方案
In Web开发 on 2017年08月08日 by TAT.joeyguo view: 3,8230帧动画中含有大量的图片,通过图片优化、减少图片整体大小,将能够节省资源,提高性能。下面将一一列举优化方式及解决方案。
使用 gka 一键图片优化并生成动画文件
GitHub: https://github.com/gkajs/gka
-
深拷贝与浅拷贝的实现(一) 14
最近的学习中,仔细研究了下深拷贝和浅拷贝,下面就来简单的总结下。
数据类型
首先我们了解下两种数据类型:
1、基本类型:像 Number、String、Boolean 等这种为基本类型
2、复杂类型:Object 和 Array浅拷贝与深拷贝的概念
-
开幕在即!8 月 12 日 iWeb 峰会北京站全部议程滚烫出炉! 0
骄阳似火的八月,一年一度的由 HTML5 梦工场主办的最接地气、最有诚意的 iWeb 峰会(HTML5 峰会)将于 8 月 12 日在北京国际会议中心隆重开启。本次峰会将设置为五大板块:早上行业主题峰会,下午两个前端技术专场、与蝴蝶互动联合主办的 HTML5 游戏专场、与阿拉丁小程序统计平台联合主办的小程序专场等五大部分。以下为详细议程(点击图片查阅喔):
-
一键制作自适应等比缩放的雪碧图帧动画
In Web开发 on 2017年07月26日 by TAT.joeyguo view: 5,3922雪碧图并不陌生,将多张图片合在一起来减少请求数,从而提升网站的性能。在你的网站未支持 HTTP2 前,还是值得这么处理。
为了适应不同的设备分辨率,一般会做几套不同大小的图去适配,那如何用一套图来自适应缩放呢?
本文对等比缩放的雪碧图动画的原理进行分步讲解,并使用 gka 进行一键生成。
GitHub: https://github.com/gkajs/gka