mnikn

工欲善其事，必先利其器。...

大家好，这里是 CSS 兼 WebGL 魔法使——alphardex。本文就让我们来用kokomi.js的raymarching组件来画一个精灵球吧~ 泼给莫，给托打贼！...

最近在尝试一些风格化的css，于是开始注意起了一些平常写业务时不太关注的css属性。今天给大家介绍一下clip-path这个属性。以及能用它实现什么效果。 效果 首先让我们...

大家好，这里是CSS魔法使——alphardex。 切图仔，是大多数前端用来自嘲的称呼。相信很多人平时写页面的时候，大部分时间是在切图和排图，如此往复。这里并不是要否定切图...

本文是笔者写CSS时常用的套路。不论效果再怎么华丽，万变不离其宗。 有时候，我们需要给多个元素添加同一个动画，播放后，不难发现它们会一起运动，一起结束，这样就会显得很平淡无...

这次我们来开始真正的绘图，我们画一个笑脸吧！ 先画个马赛克圆 笑脸首先需要一张脸，我们先画个圆来表示一张脸吧。 当然这样代码画出来看起来是一团像圆的马赛克，我先解释下代码，...

这次我们来初步尝试下 shader 编程，由于 shader 编程在不同平台的编写形式不同，根据语法分为 glsl 和 hlsl，根据引擎分为：opengl、webgl、d...

这系列的教程我们会从零讲解 shader 编程，如何用 shader 做一些酷炫的效果，其中代码使用 webgl 实现...

前几天看到日志里面一个物体抖动的效果，问下了是通过手绘实现的。趁着五一劳动节有空，就劳动一下尝试使用代码去模拟这样一个效果，下面代码是用 Godot 3.4 实现的。 抖动...

1. 什么是 Bresenham 直线算法 Bresenham 直线算法是个很通用的算法，几个月前我才刚刚了解到它，它在许多用途上都很实用。这个算法基本用来在两点之间基于网...

【译】构建一个通用的轻量级 2d 游戏引擎（part 2） 在上篇文章中，我实现了一个任何语言都可以实现的（我用的是 Haxe），简单但有效的 2D 引擎，这个引擎已经可以...

【译】构建一个通用的轻量级 2d 游戏引擎（part 1） 1. 简介 如果你对要做什么事情没什么想法的话，是很难去构建一个 2d 的平台类游戏引擎的。因此第一原则是从简单...